來(lái)自goodui交互設(shè)計(jì)思路(二)

0 評(píng)論 14648 瀏覽 12 收藏 8 分鐘

系列文章索引

來(lái)自goodui交互設(shè)計(jì)思路(一)

來(lái)自goodui交互設(shè)計(jì)思路(二)

來(lái)自goodui交互設(shè)計(jì)思路(三)

來(lái)自goodui交互設(shè)計(jì)思路(四)

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

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

12.指明產(chǎn)地

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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