移動用戶體驗設計:別踩那些坑

是什么讓我們第一時間安裝 App?為了使生活便捷。當一個 App 無法滿足這一要求,距離被拋棄也就不遠了。一款 App 的成功有來自多方面的因素,但總體來看用戶體驗是最重要的。優秀的用戶體驗設計是讓 App脫穎而出的關鍵所在。

移動用戶體驗設計,依然必須遵循這一原則。本文力圖解決的重點是,如何避免用戶在應用中被打斷或強制引導。

多平臺上的用戶界面設計

移動用戶體驗設計中一個重要因素便是 UI(用戶界面)。大多數開發者希望在多個平臺上發布自己的 App,但需要注意的是,不同平臺有各自不同的體系和特性。一種設計策略在某個平臺上帶來完美體驗的同時,在另一個平臺上的效果往往完全不同。

不同平臺間,不要照搬 UI 元素或字體

當你在 Android / iOS平臺上開發 App 時,不要照搬對面的 UI 元素,也不要直接模仿對面的特有動效。在不同平臺間復制元素會對用戶體驗構成風險。

輸入框,復選框,開關以及其他功能性的控件需要帶有原生感。這時候應當盡可能多地使用原生控件,以使用戶在操作時能更熟悉,并有助于在用戶的敏感數據與 App 間建立信任。下面就是一個例子:

來自 Android(上) / iOS(下) 的 UI 元素

相較于質感化的設計,iOS 應用通常在外觀上更加平面化,不使用深度和陰影。iOS 中也有純文本樣式的按鈕,但并不使用 Android 風格的大寫字母造型,且在字體上更加輕盈。

材質設計:Android(左)與iOS(右)。圖片來源:tutsplus

字體也需要遵守各個平臺的標準:Android 的字體是?Roboto?, 而 iOS 使用?San Francisco?系列

排版格式能讓你立即區分出正在處理的是 Android 還是 iOS 應用

如果你想在自己的 App 中使用自定義 UI 元素,請把靈感來源定位在你的品牌風格,而非另外的平臺。

不同平臺間,不要搬運特有圖標

每個平臺通常會提供一系列常用功能的圖標,諸如分享,創建和刪除等。當你把 App 遷移到另一個平臺時,應該將圖標轉換為目標平臺特有的對應樣式。

各個平臺間不同的原生風格也需要注意:Android 圖標線條較濃厚,而 iOS 則更加纖薄。下面是幾個簡單圖標的比較:

來自 Android(上)和 iOS(下)的常用功能圖標

不要將網站體驗照搬到 App?

用戶在移動端期望體驗到特有的交互模式和界面元素。我們在網站端的設計,放到移動端則常常顯得笨拙和臃腫,并非由于這些設計本身是錯的,而是因為用戶在移動端有不同的體驗期望。舉一個例子:帶下劃線的鏈接。帶下劃線文本的鏈接在瀏覽器網頁模型中大量出現,但在移動應用的視圖模型中則應避免被使用(移動應用使用的是按鈕,而非鏈接)。

下面是來自 iOS 版 TD Bank 登陸界面的例子,顯然,這樣的效果使人感到更像一個移動端網頁,而非移動應用。最終結果是它成為了一個把網頁代碼裝備在移動端的 App:帶下劃線的鏈接,甚至還有 UI 中的版權聲明...

TD Bank 缺少移動應用的與眾不同的感覺

使用流程

不要在 App 中出現“死胡同”(dead-end)

用戶體驗設計是對流程的設計,流程大多數時候是為趨向某一目標而進行的不斷操作。在 App 中應該避免出現那種類似“死胡同”的終結界面。這種“困境終結”會造成用戶的困惑和失落,并導致某些額外和不必要的操作。有的設計中會出現一些錯誤信息和空白狀態(如黑屏)的界面,但事實上這時候卻是嘗試做其他事情的好機會。以下是 Spotify 中某個錯誤狀態的界面:

“困境終結”狀態。圖片來源:Spotify

它根本沒有幫助用戶了解情形并告訴用戶“到底該做什么?”

空白狀態和錯誤狀態不應該以“困境終結”的形式出現,此時應該做的是告訴用戶需要采取的行動,使預期內容能夠正常出現,這樣 App 才能發揮功能。

Azendoo 中的錯誤狀態:有一個簡單的“如何做解決問題”的提示

不要將用戶帶進瀏覽器

永遠把用戶保留在應用內。例如你的 App 缺少相應功能和內容,可以嘗試使用應用內置瀏覽器,而不要調用手機內的瀏覽器應用,這樣可能會使用戶失去與 App的連接甚至無法返回,進一步導致用戶對 App 的棄用和用戶轉化率的降低。

Facebook 中 “忘記密碼?”按鈕反為 Android 應用提供鏈接

不要在用戶下載后過快地請求評價

沒有人愿意被打斷,更不用說在進行某件重要的活動中間被毫無價值的瑣事打斷。在用戶剛剛下載完你的 App 或僅僅使用了幾次時,要避免打斷用戶并請求評價。評價請求應該出現在用戶已經表現出一定穩定性后,這時用戶更愿意主動評價 App ,提供的反饋信息也更豐富。

在初次使用時就進行反饋請求是最壞的選擇

評價請求提出的時機,可以選擇在用戶打開應用的次數或完成某一操作的次數達到特定標準后。Dan Counsell 對請求反饋的正確時機有一些很好的見解,關于 Clear,一款待辦事項 App,他曾說:“iOS 版 Clear? 的評價請求,會在滿足幾個條件后才觸發。第一,用戶已經使用 App 達到數周。第二,評價請求會出現于用戶清理完一張待辦事項列表的剩余任務時。這是一個非常好的時機,此時的用戶因為剛剛完成了所有待辦事項而感覺良好,并很可能正準備退出應用。”

合適的時刻,經過良性互動,是請求反饋的最佳選擇。圖片來源:Clear

請求反饋并沒有錯,但請記住,你應當帶給用戶一番良好的體驗。

結論

如今用戶對 App 交互體驗的內容期望越來越多,要求也越來越高。你需要盡力滿足這些期望,同時使 App 保持友善,減少排斥。對用戶體驗的改善不是一次性任務,而應當持續跟進。


譯自:https://uxplanet.org/mobile-ux-design-what-not-to-do-65f65b13a0b9#.h7crjhhx8

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,362評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,013評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,346評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,421評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,146評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,534評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,585評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,767評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,318評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,074評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,258評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,828評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,486評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,916評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,156評論 1 290
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,993評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,234評論 2 375

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,692評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,156評論 4 61
  • 任性,大多數人肯定認為這是一個帶貶義的詞語,但是,有的時候任性還可能會有比較正面的效果,其實每個人人都會有任性的時...
    善行無痕閱讀 604評論 0 0