系列文章索引

來自goodui交互設(shè)計(jì)思路（一）

來自goodui交互設(shè)計(jì)思路（二）

來自goodui交互設(shè)計(jì)思路（三）

來自goodui交互設(shè)計(jì)思路（四）

11.界面要有鮮明對(duì)比讓人容易區(qū)分

把主要功能區(qū)從界面中突出顯示出來效果會(huì)好很多。使你的主要口號(hào)醒目有很多種方法。通過明暗色調(diào)的對(duì)比來突顯。通過為元素添加陰影漸變等效果讓界面富有層次感來張顯主題。最后，你甚至可以在色相環(huán)上專門選擇互補(bǔ)色（比如黃色與紫色）來設(shè)計(jì)你的界面，以達(dá)到突出重心的目的。綜合所有這些，最后得到的界面會(huì)使你的主要意圖與界面其他元素有明顯的區(qū)分，得到完美的呈現(xiàn)。

12.指明產(chǎn)地

指明你的地區(qū)，所提供的服務(wù)，產(chǎn)品來自哪里意義重大，同時(shí)也將與客戶的溝通引入了一個(gè)更具體帶有地域特色的場(chǎng)景中。指出具體來自哪里，國(guó)家，省分及城市，也是一種在進(jìn)行自我介紹或產(chǎn)品展示時(shí)被常常提及的。當(dāng)你在界面設(shè)計(jì)中實(shí)現(xiàn)這點(diǎn)時(shí)，讓人覺得非常友好。同時(shí)指明區(qū)域也會(huì)隱形提高產(chǎn)品的聲譽(yù)，好上加好。

13.精簡(jiǎn)表單內(nèi)容

人生性就懶惰，在填寫表單時(shí)也是同樣的道理，沒人愿意填寫一大堆表單字段。表單中每個(gè)字段都會(huì)有失去用戶的風(fēng)險(xiǎn)。不是每個(gè)人打字都很快速的，并且在移動(dòng)設(shè)備上進(jìn)行輸入更是相當(dāng)麻煩的事情。問下自己表單中是不是每個(gè)字段都必需，然后盡量減少表單中的字段。如果你確實(shí)需要一大堆信息讓用戶填寫，試著將它們分散在不同頁面，在表單提交后還可以繼續(xù)補(bǔ)充。過多字段很容易讓整個(gè)表單顯示臃腫，當(dāng)然想簡(jiǎn)潔也很容易，只放少數(shù)字段。

14.暴露選項(xiàng)而不要將操作隱藏

你使用的任何一個(gè)下拉框都會(huì)對(duì)用戶造成信息的隱藏而需要額外的操作才能顯示。如果這些信息是貫穿整個(gè)操作所必需的，那你最好把它展示出來做得更顯而易見一點(diǎn)。下拉框最好用在選擇日期，省份等約定俗成的地方。對(duì)于程序中重要的選項(xiàng)最好還是不要做成下拉形式。

15.把界面做得環(huán)環(huán)相扣要好過直白的排版

一個(gè)平淡無奇行文無疑會(huì)讓用戶失去興趣而繼續(xù)閱讀。是的，單列滾動(dòng)的長(zhǎng)頁面是不錯(cuò)的，但是我們應(yīng)該適當(dāng)?shù)卦O(shè)置一些小節(jié)，并且環(huán)環(huán)相扣，來提高用戶的興趣使其繼續(xù)閱讀。但需要注意的是節(jié)與節(jié)之間的留白不要太大。

16.不要放太多鏈接分散用戶注意力

為了滿足各式用戶的需求，在頁面上放些鏈接鏈到這里鏈到那里是常見的做法。如果你的主要目的是想讓用戶點(diǎn)擊頁面最后那個(gè)下載按扭什么的話，就需要三思了。因?yàn)橛脩艨赡茳c(diǎn)擊了其他鏈接離開頁面了。所以你需要注意頁面的鏈接數(shù)量，最好將用于導(dǎo)航與用于操作的鏈接用樣式區(qū)分開。盡量移除頁面不需要的鏈接會(huì)讓用戶點(diǎn)擊到你的功能按鈕。

17.將操作的狀態(tài)或者進(jìn)度呈現(xiàn)出來

現(xiàn)如今大多界面當(dāng)中已經(jīng)呈現(xiàn)了各色樣式的進(jìn)度條或者標(biāo)明狀態(tài)的圖標(biāo)，比如郵件有已讀或未讀的狀態(tài)，電子帳單有支付或未支付的狀態(tài)。而在界面上呈現(xiàn)這樣的狀態(tài)對(duì)于用戶來說是很有必要的。這樣用戶就可以知道某些操作是否成功，接下來準(zhǔn)備進(jìn)行怎樣的操作。

18.不要讓用戶覺得是在完成任務(wù)

試想界面上有這樣兩個(gè)按鈕：一個(gè)是”獲取折扣”，另一個(gè)是”立即注冊(cè)”。我敢打賭大多數(shù)人會(huì)點(diǎn)擊第一個(gè)，因?yàn)榈诙€(gè)按扭讓人感覺不到有利可圖，并且”注冊(cè)”讓人聯(lián)想到填不完的表單。也就是說讓用戶感受到獲利的按鈕更有可能被點(diǎn)擊。這種讓用戶感到好處的文字信息也可放在按鈕旁邊，不一定要做為按鈕的標(biāo)題。當(dāng)然，正常的按鈕還是有用處的，一般用于重復(fù)性操作頻繁的地方。

19.讓操作直觀而不是讓人覺得找不到上下文

不用說直接在元素身上進(jìn)行操作是更直觀明了的方式。比如在一個(gè)列表中，我們想讓用戶對(duì)每個(gè)條目進(jìn)行操作那么就把按鈕放到當(dāng)前條目上，而不要把放到列表之外。再比如就是直接點(diǎn)擊元素就進(jìn)入編輯狀態(tài)（比如頁面上的地址信息點(diǎn)擊后可以進(jìn)行編輯）。這種方式比傳統(tǒng)的選中再點(diǎn)擊相應(yīng)的按鈕進(jìn)行操作要簡(jiǎn)潔省事得多。當(dāng)然，對(duì)于一般性的操作本身就不需要有什么上下文的，就沒必要這么做了，比如頁面上的前進(jìn)，后退按扭。

20.盡量顯示全部?jī)?nèi)容而不要額外頁面

在一個(gè)足夠大的寬屏界面上最好還是直接給出表單，這比點(diǎn)擊按鈕再?gòu)棾霰韱我煤芏唷Ｊ紫葴p少了點(diǎn)擊操作，流程變得簡(jiǎn)潔也節(jié)省了時(shí)間。其次，直接呈現(xiàn)出表單可以讓用戶知道表單有多長(zhǎng)，其實(shí)也是在告訴用戶注冊(cè)花不了多少時(shí)間。當(dāng)然，這條規(guī)則適合注冊(cè)表單非常簡(jiǎn)單的情況。

本文來源：劉哇勇的部落格 原文翻譯自Good UI?http://goodui.org