來自goodui交互設(shè)計思路(二)

0 評論 14686 瀏覽 12 收藏 8 分鐘

系列文章索引

來自goodui交互設(shè)計思路(一)

來自goodui交互設(shè)計思路(二)

來自goodui交互設(shè)計思路(三)

來自goodui交互設(shè)計思路(四)

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

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

12.指明產(chǎn)地

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

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

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

14.暴露選項而不要將操作隱藏

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

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

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

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

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

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)對于用戶來說是很有必要的。這樣用戶就可以知道某些操作是否成功,接下來準(zhǔn)備進(jìn)行怎樣的操作。

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

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

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

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

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

在一個足夠大的寬屏界面上最好還是直接給出表單,這比點擊按鈕再彈出表單要好很多。首先減少了點擊操作,流程變得簡潔也節(jié)省了時間。其次,直接呈現(xiàn)出表單可以讓用戶知道表單有多長,其實也是在告訴用戶注冊花不了多少時間。當(dāng)然,這條規(guī)則適合注冊表單非常簡單的情況。

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!