[譯]移動(dòng)端用戶體驗(yàn)設(shè)計(jì):你不該做的六件事

我們?yōu)槭裁窗惭bapp?是為了生活更便利。但是當(dāng)一個(gè)app無法滿足用戶的需求時(shí),用戶就會(huì)離開。app的成功由一系列因素組成,但是用戶體驗(yàn)(User Experience)是最重要的因素之一。好的用戶體驗(yàn)是區(qū)分成功app和不成功app的標(biāo)準(zhǔn)。

當(dāng)提到移動(dòng)端用戶體驗(yàn)的設(shè)計(jì)時(shí),堅(jiān)持不斷練習(xí)就是最基本的方法。這篇文章我們主要關(guān)注那些最基礎(chǔ)最簡單的方面,避免打斷用戶,或迫使用戶思考。

1. 多平臺用戶交互設(shè)計(jì)

使你的app用戶體驗(yàn)出色的一個(gè)很重要的因素就是app的交互(User Interface),大多數(shù)開發(fā)者會(huì)把他們的app分發(fā)到多個(gè)平臺上。既然有這樣的計(jì)劃,就要清楚每個(gè)平臺都有自己的約定和標(biāo)準(zhǔn)。設(shè)計(jì)方案使你的app在每個(gè)平臺上都符合其設(shè)計(jì)標(biāo)準(zhǔn)。

1)不要模擬其他平臺的UI元素和字體

當(dāng)你開發(fā)Android/iOS版時(shí),不要混淆他們的UI元素和操作。因?yàn)槿绻惆堰@些元素從一個(gè)平臺沿用到另一個(gè)平臺上,你就是冒著降低用戶體驗(yàn)的風(fēng)險(xiǎn)。

輸入框(Input field),多選框(check box),開關(guān)(switch)和其他組件應(yīng)該有原生的感覺。你應(yīng)該盡可能使用原生組件,這樣用戶就知道如何使用,并且在情感上信任你的app,例如下面的Android和iOS的對比。

Android(上)和iOS(下)的UI元素

和Android的原生設(shè)計(jì)(Material Design)相比,iOS的app設(shè)計(jì)更扁平化,沒有深度或陰影的設(shè)計(jì),iOS也有純文本樣式的按鈕,但不像Android的全大寫風(fēng)格,而且字號更小。

Android的Material Design(左)和iOS(右)

字體也需要符合每個(gè)平臺的標(biāo)準(zhǔn),Android的字體是Roboto,而iOS的字體是San Francisco系列。

通過字體能立刻區(qū)分出Android還是iOS

如果你想定制化你的app中的UI元素,請根據(jù)你的品牌精心定制,而不是根據(jù)另一個(gè)平臺。

2)不要混淆平臺的專屬圖標(biāo)

平臺通常為常用功能提供固定的圖標(biāo),例如,分享,新建文檔,刪除。如果你想將你的app遷移至另一個(gè)平臺, 你應(yīng)該用平臺專屬圖標(biāo)做對應(yīng)的替換。

你也應(yīng)該注意每個(gè)平臺固定的設(shè)計(jì)風(fēng)格:Android的系統(tǒng)圖標(biāo)是實(shí)心,而iOS的更多是線型圖標(biāo),下面是幾個(gè)圖標(biāo)的范例:

Android(上)和iOS(下)的常用功能的圖標(biāo)

3)不要將網(wǎng)頁端的經(jīng)驗(yàn)復(fù)用到app上

用戶使用app時(shí)期待固定的交互模式的交互元素。將網(wǎng)頁端的設(shè)計(jì)用于app上就會(huì)感覺很奇怪,不僅僅因?yàn)槟鞘遣槐匾模夷且膊皇怯脩羝谕吹降?。舉個(gè)例子:下劃線鏈接。你應(yīng)該避免在app中的文本上使用瀏覽器模式下的下劃線鏈接(app使用按鈕,而不是下劃線)。

下面是一個(gè)TD銀行在iOS上的app的例子,給人的感覺絕對是移動(dòng)瀏覽器而不是app。他們只是簡單的把網(wǎng)頁代碼復(fù)制到app中:鏈接是下劃線樣式的,甚至還有網(wǎng)頁端的版權(quán)聲明。

TD銀行缺少app的專屬設(shè)計(jì)

2. 用戶流(User Flow)

4) 你的app里不應(yīng)該出現(xiàn)死路(Dead-end)

用戶體驗(yàn)設(shè)計(jì)就是設(shè)計(jì)流,而流大多數(shù)情況下是只想一個(gè)目標(biāo)的。你應(yīng)該避免在你的app中出現(xiàn)死路,因?yàn)樗缆窌?huì)給用戶造成困惑,同時(shí)引發(fā)多余的不必要的動(dòng)作。有時(shí)設(shè)計(jì)者將報(bào)錯(cuò)信息和空白頁看成空白畫布,但實(shí)際上那是做一些對用戶有用的提示的好機(jī)會(huì)??纯碨potify的報(bào)錯(cuò)頁:

死路的空白頁

沒有任何幫助用戶理解的信息,也沒法回答用戶的疑問:“我該怎么辦?”

空白頁(尤其是報(bào)錯(cuò)狀態(tài))不應(yīng)該是死路,相反它應(yīng)該準(zhǔn)確的告訴用戶應(yīng)該如何做才能出現(xiàn)繼續(xù)正常使用app。

Azendoo的報(bào)錯(cuò)頁有簡單的“如何解決這個(gè)問題”的信息

5)不要把用戶帶到瀏覽器去

始終把用戶留在app里。如果你的app缺少某個(gè)功能或信息,嘗試使用app內(nèi)瀏覽器,而不是喚起手機(jī)原生瀏覽器,否則你會(huì)打斷用戶的連續(xù)操作而無法回到app中,這樣會(huì)提高跳出率。

Facebook的Android版中的“忘記密碼?”按鈕

6)不要在用戶剛剛下載app后就評分

沒有人想被打斷,更何況是在做重要的事情過程中。如果用戶剛剛下載app或只用了一小會(huì),不要提醒他去評分而因此打斷他的操作。相反,等到他們證明他們是回頭客時(shí),他們更想要給你的app評分,并且提供更多有價(jià)值的反饋。

在初始化時(shí)提醒評分是最壞的時(shí)機(jī)

你可以判斷用戶打開app一定次數(shù)后或者完成某個(gè)操作后要求評分。Dan Counsell在要求反饋的時(shí)機(jī)方面有很好的見解,這是他對Clear,一個(gè)待辦事項(xiàng)app的評價(jià):“Clear的iOS版在一些條件滿足后會(huì)彈出‘評價(jià)app’的提示框。首先用戶已經(jīng)使用了幾周的時(shí)間,其次Clear只在用戶從一個(gè)清單中清空了任務(wù)時(shí)詢問。這是一個(gè)很好的時(shí)間點(diǎn):用戶在清空他的待辦事項(xiàng)時(shí)感覺很棒,而且這個(gè)時(shí)候大多數(shù)情況用戶正準(zhǔn)備離開app?!?/p>

選擇絕佳的時(shí)間點(diǎn),在一個(gè)積極正面的交互之后是最佳的

要求用戶評分沒有錯(cuò),但是記住你需要給用戶一個(gè)好的體驗(yàn)。

3. 總結(jié)

如今用戶希望從app中得到很多,標(biāo)準(zhǔn)也在不斷提高。你應(yīng)該努力滿足這些期望,使你的app給人愉悅而不是煩惱。提高用戶體驗(yàn)不是一次性工作,這是個(gè)持久的工作。

謝謝!

原文地址(需翻墻查看):https://uxplanet.org/mobile-ux-design-what-not-to-do-65f65b13a0b9#.40dofllki

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容