在設計一個移動端的應用程序時,我們應該牢記在心的最重要的一件事情就是務必要確保你的程序是有用且直觀的。如果這個程序沒有用處,那么對用戶來講就沒有任何的實際價值,自然地也就沒有人有任何理由去使用它。而如果這個程序有用但需要用戶付出大量的學習成本,用戶自然也是不會愿意去投入學習的。
優秀的界面設計都能夠克服以上兩個問題:
.為了達到可用性目的,應用程序應該是以用戶為中心的。用戶之所以安裝你的程序是因為他們需要解決某個緊迫的問題,也就是說,你的程序一定是要有實際用途的。你要仔細考慮用戶會是如何按著它們的方式嘗試去完成自己的目標需求的。
.賦予界面足夠的清晰度。為了有效使用他們面對的用戶界面,人們首先必須意識到這個界面是干嗎用的又該怎么使用它。因此,在考慮界面是否還要清晰時絕不要猶豫。
以下是我認為在創建一個優秀的用戶體驗設計時需要重點考慮的6個核心原則:
1. 減少混亂
對于用戶體驗來說,用戶的注意力無疑是一種非常寶貴的資源,而你的設計應該合理地分配這一資源。如果你的用戶界面承載了諸如按鈕、圖片、文本等諸多雜亂的信息,勢必導致信息過載給用戶帶來壓力。
2、 使導航不言自明
對任何應用程序來說,幫助用戶導航前往正確的地方都是相當重要的一件事情。優秀的導航設計就好比指導用戶旅程的一只無形的手。畢竟,如果用戶都發現不了,那么再酷的功能特性或最最吸引人的內容也是沒用的。優秀的移動導航遵循以下基本原則:
(1)導航必須是連貫的。
首先,你應該使用恰當的標識物(正確的視覺隱喻),這樣導航元素就不需要額外的解釋說明用戶就能理解,其次,要確保每個導航元素(如圖表)指向了正確的目的地。
(2)導航必須保持一致性。
在不同頁面中,千萬不要把導航控件移動到不同的位置或者隱藏起來。這樣會很容易使用戶迷失掉的。
(3)導航應該傳達出用戶當前的位置。
無法表明當前位置可能是我們在應用程序菜單中最常看到的一個問題。“我在哪里?” 是用戶要成功的導航前必須回答的基本問題之一。
3、設計對手指操作友好的控件
相比于大的觸控控件,小的自然更難于操作。當你在設計移動端的用戶界面時,最好是讓你的控件的可觸摸面積足夠大,這樣用戶才容易觸及到。
控件的大最好要控制在7 – 10毫米,這樣用戶方能夠準確地使用手指觸及到。;另一方面,用戶在跟控件產生交互時,控件的邊緣應該是可見的,能夠以清晰的視覺反饋向用戶傳達他們確實觸及到控件本身了。同時還需要核實的間距與留白。
4、文本內容應足夠清晰
相比于臺式電腦,智能手機的屏幕要相對小的多,這就意味著如何把大量的信息裝到這個小屏中不得不說是移動設計的一大挑戰。您可能有一個挺吸引人的想法,即把所有信息都進行尺寸上的壓縮也照樣能顯示很多的內容。但無論如何,你應該杜絕這種想法。
針對移動端的一條經驗法則:文本大小應該至少在11pt左右,好讓用戶在不用放大的情況也能夠清晰的瀏覽。通過增加行高或字符間距都能夠提高易讀性,合適的大量的留白可以使一些最亂的界面也能夠看上去簡潔不少。
5、 保持界面元素清晰可見
應該使用顏色和對比度來幫助用戶查看和解讀你的內容。選擇出能夠支撐你的程序可用性的主色調、次要色和強調色,確保不同的界面元素間有足夠的色彩對比度以使那些視力不佳的用戶也能瀏覽使用你的程序。
對于使用有背景的文本來說,要保證文本的顏色和其背景色間有足夠的對比度,好讓文本部分清晰易讀。W3C 中針對正文文本和圖像文本的對比度給出以下的推薦比值:
小號文本跟其背景色的對比度應至少為4.5:1。
大號文本(14 pt bold/18 pt regular及以上)跟其背景色的對比度至少為3:1。
6、 創建一個跨平臺的無縫體驗
你不應該將移動設計視作是孤立的。對用戶來講,創建一個在移動端、桌面端和平板端無縫結合的體驗是非常重要的。