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

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

系列文章索引

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

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

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

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

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

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

12.指明產地

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

13.精簡表單內容

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

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

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

15.把界面做得環環相扣要好過直白的排版

一個平淡無奇行文無疑會讓用戶失去興趣而繼續閱讀。是的,單列滾動的長頁面是不錯的,但是我們應該適當地設置一些小節,并且環環相扣,來提高用戶的興趣使其繼續閱讀。但需要注意的是節與節之間的留白不要太大。

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

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

17.將操作的狀態或者進度呈現出來

現如今大多界面當中已經呈現了各色樣式的進度條或者標明狀態的圖標,比如郵件有已讀或未讀的狀態,電子帳單有支付或未支付的狀態。而在界面上呈現這樣的狀態對于用戶來說是很有必要的。這樣用戶就可以知道某些操作是否成功,接下來準備進行怎樣的操作。

18.不要讓用戶覺得是在完成任務

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

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

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

20.盡量顯示全部內容而不要額外頁面

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!