提升移動端產品易用性的6條建議
易用性維護(usability hygiene,筆者水平渣,找不到更好的翻譯)這一術語最早由谷歌提出,主要為了減少用戶使用過程中的挫敗感。在這篇文章中,我們來談談在移動端產品易用性維護設計的時候,我們應該注意的六個領域。
1、離線(斷網)用戶體驗
根據谷歌最新的一項調查,相對于移動網站,34%的用戶在網絡狀況不佳的情況下更偏向于使用app。當用戶打開一款app,他們期望看到有用的內容,他們不會在意網絡狀況這一客觀條件。這個就意味著,即使在網絡狀況不佳的情況下,給用戶展示一些重要的內容是極其有必要的。否則用戶看不到他們期望的內容,就可能會使用其他競爭對手的產品。
下面我們來看看蘋果地圖(左)和谷歌地圖(右)的例子。谷歌地圖會記住你上次使用的位置,并且會保存很多細節。但是當我們打開蘋果地圖時,卻是空空如也,沒有任何內容(斷網情況下)。從這點上來說,蘋果地圖的離線用戶體驗是比不上谷歌地圖的。
2、跨平臺設計
好的界面設計可以極大的提升app用戶體驗,身為設計師,我們希望自己的產品可以在多個平臺(系統)中發布,因為可以吸引更多的用戶。但是每一個平臺都有著自己的視覺語言,有著系統特有的交互模式,有著一套應該遵循的設計規范和風格。這些都是我們在進行產品跨平臺設計的時候應該考慮的。一款iOS的app想要打入安卓市場,在設計上就應該做到“入鄉隨俗”。因為安卓用戶肯定已經養成了與安卓系統相對應的操作習慣。直接進行1:1的復制固然省時省力,但是可能會引起與用戶的習慣之間的沖突,用戶極有可能會拋棄你的產品。
例如,狀態欄和標題,這兩個設計元素基本上每一個頁面都會有。在iOS和安卓中,這兩個元素的展示形式是不一樣的,雖然差異不是很大。(在安卓系統中,文本是Roboto字體,左對齊;而在iOS中,文本字體是San Francisco,居中對齊。)
這種差異在按鈕和其他控件中同樣存在,單選按鈕、復選框、字段和開關。在跨平臺設計過程中,我們要盡可能使用原生控件,減少用戶的陌生感。
3、避免死胡同
用戶體驗設計實際上就是用戶流程設計。好的用戶體驗是一環扣一環,用戶不斷的“前進”來完成目標任務。用戶希望自己可以一路順風的到達目的地,所以要避免在用戶“前進”的道路上出現死胡同。這類頁面會讓用戶感到困惑,進而引起沮喪感,甚至會引起誤操作。為了避免死胡同頁面的出現,我們至少要告訴用戶兩件事情:
- 何地(where):這是一個什么頁面,告知用戶當前的位置,解釋原因。(頁面為什么報錯了?商品列表為什么加載不出來?)
- 怎么做(how):接下來可以干什么,以及將會出現的情況。(檢查網絡連接情況或者重新登錄)
Modspot是一款類似于instagram的照片分享應用,我們看看下面這張圖片。
左邊的圖片是新用戶第一次打開Modspot的時候的頁面,用戶會很不解。頁面到底怎么了?No post是因為我之前根本就沒有上傳還是網絡原因加載不出來?我到底應該怎么辦?右邊的圖片我把提示信息給處理掉了?,F在我們來感受一下兩張圖片的差別。
我們可以很明顯的看出來,左邊的界面讓用戶陷入一個“死胡同”。新用戶面對這樣的一個界面根本不知道應該怎么辦,會給他們留下一個較壞的第一印象。
4、不要把網站的體驗復制到應用程序上
移動端和PC端的交互模式和界面元素是不一樣的。當網頁的設計直接移植到在APP就會顯得很奇怪,這并不是因為哪里出錯了,而是用戶對于網頁和的APP期望是不同的。舉個例子:比如帶下劃線的鏈接。你應該避免去使用帶下劃線鏈接的文字,這屬于網頁而不是APP(移動應用使用按鈕不使用鏈接)。
上面的案例是關于TD銀行iOS端應用的登錄頁面。它明顯看起來像是手機網頁的設計而非一款app。其實事實上,他們只是把網頁代碼復制上去后封裝成應用程序:鏈接是帶下劃線的,甚至在界面上還有版權聲明!
5、不要打斷用戶
沒有人希望自己被打斷,特別是正當自己在做一件很重要的事情的時候被一些雞毛蒜皮的小事打斷。道理我們都懂,可是還是有很多app在用戶進行重要操作的時候跳出各種無用的彈框打斷他們。
當然不是所有的彈框都是沒用的,比如這種評分和提意見的彈框還是很重要的。因為這是我們獲取用戶反饋的重要渠道,對于此類不得不用的彈框我們要注意推送時機。比如在用戶剛使用不久的情況下,他們對這款產品還不太熟悉,就突然收到這樣一個評分請求,會給用戶帶來很不好的第一印象。即使用戶愿意評價,我們得到的反饋也是沒有什么價值的。
當用戶使用了一段時間后,找一個最少被干擾的時間給用戶發送彈框。Clear是iOS的一個任務管理app。當用戶完成所有既定的任務后,他們會收到一個打分的彈框。這就是一個很好的時間點,因為用戶此時剛剛完成任務,有一種成功的滿足感,他們更愿意對產品進行評分。
6、將用戶留在APP中
永遠不要讓用戶離開app。如果你的app缺少特定的功能和內容,嘗試使用內置瀏覽器而不是調用手機里安裝的瀏覽器。原因很簡單,用戶出去以后就不會回來了。
當然在一些特殊情況下,用戶必須離開app,那么我們也應該給用戶一個返回的路徑。
總結
設計是一個每天都會有新理論,新知識涌現出來的一個行業。希望這篇文章關于移動端產品易用性的闡述會對你將來的工作提供幫助。
本文由 @王M爭 原創發布于人人都是產品經理。未經許可,禁止轉載。
而且安卓每個手機控件都不一樣,排版也不是和你說的一樣
第二點,雖然是理論上很好。但是實際開發成本 設計成本 太浪費了
不止你一個人這樣說,看來的確要改了
學習了,一起進步 ??
第二點,考慮到設計成本和技術實現成本,不夠實際。
第4點“不要把網站的體驗復制到應用程序上”,能不能說說PC和APP產品設計的不同點,我總是被說設計的APP太web!謝了!
多看ios 還有android的設計規范,web的可以看下http://element.eleme.io/#/zh-CN/component/color 這個提供的組件;
加油