網(wǎng)站建設中移動(dòng)體驗設計禁忌發(fā)布者：本站     時(shí)間：2022-05-07 09:05:19

我們一開(kāi)始為什么去安裝應用程序？是為了使我們的生活更方便。但當一個(gè)應用無(wú)法滿(mǎn)足這一要求時(shí)，用戶(hù)肯定就會(huì )離它而去。一個(gè)應用的成功是受多種因素影響的，其中整體移動(dòng)用戶(hù)體驗是最重要的影響因素。絕佳的用戶(hù)體驗是一個(gè)應用程序成功的關(guān)鍵。
 

就移動(dòng)用戶(hù)體驗設計而言，不斷地實(shí)踐是檢驗其好壞的一條必經(jīng)之路。在這篇文章中我們聚焦于基礎。我們需要去解決的是如何避免打斷用戶(hù)或者強迫用戶(hù)思考的問(wèn)題。

多平臺用戶(hù)界面設計
界面是能使應用的用戶(hù)體驗脫穎而出的一個(gè)重要的因素。大多數的開(kāi)發(fā)人員都希望在不同終端上發(fā)布他們的應用。當你為多平臺規劃應用時(shí)，請記住每個(gè)平臺都有自己規范和特質(zhì)。適用于一個(gè)平臺的完美設計決策可能會(huì )在另一個(gè)平臺上顯得格格不入。

請勿盲目模仿其它平臺的UI元素和字體
當你在安卓或ios平臺上創(chuàng )建應用時(shí)，不要從其他平臺上照搬有鮮明主題的UI元素，也不要模仿它們的特定行為。因為如果你從一個(gè)平臺上復制元素到另一個(gè)平臺，就極有可能影響用戶(hù)體驗和轉換率。

輸入框、復選框、開(kāi)關(guān)以及其他的功能控件的選擇應該基于本平臺的特征。盡可能的使用原生控件，以便讓用戶(hù)知道如何使用它們。用戶(hù)在錄入敏感數據或支付細節時(shí)才會(huì )更加信任你的應用。下面的例子是安卓和ios平臺中相同內容的顯示差異：

移動(dòng)體驗設計禁忌

圖1，安卓中的UI元素（上）和IOS中的UI元素（下）

相比于Material design，ios應用通常外觀(guān)扁平，不使用厚度和陰影。 iOS版也有一個(gè)純文本樣式的按鈕，但它與安卓的全大寫(xiě)字母不同，并且字體更纖細。

移動(dòng)體驗設計禁忌

圖2，安卓的MATERIAL DESIGN（左）VS. IOS（右），圖片來(lái)源：TUTSPLUS

字體也需要遵循每個(gè)平臺的標準：安卓使用Roboto字體，iOS使用San Francisco字體系列。

移動(dòng)體驗設計禁忌

圖3，根據不同字體便可以判斷你所使用的是安卓的應用還是IOS的應用

如果你想自定義應用中的界面元素，請仔細根據你的品牌來(lái)設計，而不是把另一個(gè)不同平臺的規范作為依據。

不要照搬平臺特定的圖標
每個(gè)平臺通常都提供成套的常用功能圖標，例如分享、新建文檔或刪除。當你把應用程序遷移到另一個(gè)平臺時(shí)，應該把對應的圖標替換成當前平臺的特定圖標。
 

你也應該注意到每個(gè)平臺自身獨特的風(fēng)格：安卓系統圖標通常使用較粗的筆觸，而iOS樂(lè )于使用筆畫(huà)較細的線(xiàn)形圖標。以下是幾個(gè)圖標的對比圖：

移動(dòng)體驗設計禁忌

圖4，安卓常用功能圖標（上）IOS常用功能圖標（下）

不要把網(wǎng)站的體驗復制到應用程序上
用戶(hù)對移動(dòng)應用的交互模式和界面元素有特殊的期待。當網(wǎng)頁(yè)端的設計出現在移動(dòng)應用時(shí)就顯得很奇怪，這并不是因為哪里出錯了，而是用戶(hù)對于網(wǎng)頁(yè)和移動(dòng)應用的期望是不同的。舉個(gè)例子：比如帶下劃線(xiàn)的鏈接。你應該避免去使用帶下劃線(xiàn)鏈接的文字，這屬于網(wǎng)頁(yè)而不是移動(dòng)應用（移動(dòng)應用使用按鈕不使用鏈接）。
 

下面的案例是關(guān)于TD銀行ios端應用的登錄表單。它明顯看起來(lái)像是手機網(wǎng)頁(yè)的設計而非手機應用。結果表明，他們只是把網(wǎng)頁(yè)代碼復制上去后封裝成應用程序：鏈接是帶下劃線(xiàn)的，甚至在界面上還有版權聲明！

移動(dòng)體驗設計禁忌

圖5，TB銀行APP缺乏一個(gè)應用程序應有的特質(zhì)

用戶(hù)流程
你的應用程序里都不應該有“死胡同”
用戶(hù)體驗設計本質(zhì)上就是在設計流程，而流程在多數情況下是用來(lái)完成用戶(hù)目標的。你應該避免在應用程序出現死胡同，因為這會(huì )給用戶(hù)帶來(lái)困惑并且導致不必要的操作。有時(shí)候，設計師會(huì )把錯誤消息和空狀態(tài)作為空頁(yè)面處理，但實(shí)際上這是一個(gè)提供有用信息的好機會(huì )。就拿Spotify的這種錯誤狀態(tài)頁(yè)面舉例：

移動(dòng)體驗設計禁忌

圖6，死胡同空頁(yè)面，圖片來(lái)源：SPOTIFY

它完全沒(méi)有幫助用戶(hù)理解情況，也沒(méi)有回答用戶(hù)：“我到底該做什么？”這個(gè)問(wèn)題。
 

空白狀態(tài)（尤其是錯誤狀態(tài)）不應該是一個(gè)死胡同的狀態(tài)，它應該告訴用戶(hù)需要怎樣操作才能看到相應內容，從而使應用程序正常運行。

移動(dòng)體驗設計禁忌

圖7，AZENDOO的錯誤狀態(tài)有一個(gè)簡(jiǎn)單的“如何解決問(wèn)題”的說(shuō)明

不要把用戶(hù)引向瀏覽器
用戶(hù)在使用應用程序時(shí)，所有操作都應該在該應用程序中進(jìn)行。如果應用程序缺少某些功能和內容，嘗試使用一些嵌入應用的瀏覽器；但是不要調出手機的瀏覽器，這樣會(huì )導致用戶(hù)失去方向并無(wú)法返回原先的應用程序。這會(huì )提高用戶(hù)拋棄應用的概率從而轉化率會(huì )降低。

移動(dòng)體驗設計禁忌

圖8，FACEBOOK安卓版APP里的“忘記密碼？”按鈕

不要在用戶(hù)下載應用程序后立即要求評分
沒(méi)有人想要被打斷，尤其是當一些沒(méi)用的東西出現在顯示重要內容的中間位置時(shí)。避免打斷用戶(hù)，讓這些最近才下載app或者只用過(guò)寥寥幾次的用戶(hù)為你的應用程序評分。相反，等到用戶(hù)被證明是多次使用者，他們將更有可能為您的應用程序評分并提供更有價(jià)值的反饋。

移動(dòng)體驗設計禁忌

圖9，在一開(kāi)始啟動(dòng)應用就彈出評分要求是很糟糕的時(shí)機

你可以在用戶(hù)已經(jīng)使用該應用程序一段時(shí)間并完成一定的任務(wù)目標后發(fā)出評分請求。Dan Counsell在關(guān)于征求用戶(hù)反饋的正確時(shí)機上有一些值得關(guān)注的見(jiàn)解。這是他關(guān)于Clear（一個(gè)待辦事項應用）的說(shuō)法：“Clear在ios系統上的評分信息對話(huà)框是基于一定的條件才會(huì )彈出的。首先，用戶(hù)必須已使用該app幾個(gè)星期；其次，Clear只會(huì )在用戶(hù)已經(jīng)清掉列表上所有的提醒事項后才會(huì )出現評分請求。這是一個(gè)詢(xún)問(wèn)用戶(hù)反饋的極好時(shí)機，因為此時(shí)他們剛剛清空了待辦事項列表，準備退出應用程序?！?br />
移動(dòng)體驗設計禁忌

圖10，選擇最佳時(shí)機，特別是在用戶(hù)與應用程序有良性互動(dòng)之后  圖片來(lái)源：CLEAR

請求用戶(hù)反饋并沒(méi)有錯，但是請記住你要給用戶(hù)提供一個(gè)很棒的體驗。