從最原始的iPhone開始，這10年來移動用戶體驗(yàn)領(lǐng)域已經(jīng)到達(dá)成熟階段。

最開始的iPhone于2007年6月發(fā)布。2008年末，當(dāng)我們開始研究第一版移動報告時，大多數(shù)人還是在使用有著最極其糟糕的用戶體驗(yàn)的原始移動設(shè)備。在那個時候，相較于體驗(yàn)糟糕的移動設(shè)備和移動網(wǎng)站，任何稍微像樣的產(chǎn)品都會帶給用戶愉悅的體驗(yàn)。

三年前，移動報告第三版出來時，我們對移動端可用性做了嚴(yán)密的評估。我們很高興移動端可用性報告不再是一種矛盾的修飾，我們最終看到很多網(wǎng)站、客戶端都有相當(dāng)好可用性。

第四版移動端用戶體驗(yàn)調(diào)查報告，我們繼續(xù)看到了進(jìn)步。

現(xiàn)在，大多數(shù)的移動網(wǎng)站、app都提供了非常好的用戶體驗(yàn)。但也有一些問題，為了讓頁面更好看可用性做出了些犧牲。但我們可以自信地說：自上次報告以來，這一領(lǐng)域在過去兩年中取得了進(jìn)展，大多數(shù)驚人的錯誤不再出現(xiàn)。

當(dāng)我們嘗試更新許多移動指南的示例時，我們發(fā)現(xiàn)這些公司已經(jīng)解決了他們的問題，并且我們討論的一些問題已不再普遍出現(xiàn)。然而，我們也遇到了兩年前我們認(rèn)為幾乎滅絕的問題的再次出現(xiàn)。

在可用性方面，錯誤（如趨勢）往往是循環(huán)的：一代人識別它們并創(chuàng)建避免它們的設(shè)計(jì)模式，但后代不再看到用戶體驗(yàn)問題，在追求新設(shè)計(jì)時再次犯同樣的錯誤。它總是前進(jìn)兩步，后退一步。

內(nèi)容 vs? chrome

內(nèi)容優(yōu)先于UI（例：chrome）的重要性是從響應(yīng)式設(shè)計(jì)中吸取的教訓(xùn)之一，而漢堡菜單是這個教訓(xùn)的結(jié)果。設(shè)計(jì)師們試圖盡量減少屏幕可見的UI元素?cái)?shù)量，為寶貴的內(nèi)容提供更多的空間。

兩年后，設(shè)計(jì)師們繼續(xù)評估移動設(shè)備上屏幕的地位，他們已經(jīng)達(dá)到了隱藏chrome導(dǎo)航欄的程度。雖然漢堡包的方式正在被打破，但隱藏導(dǎo)航仍然非常普遍（正如我們在其他地方所論述的，隱藏導(dǎo)航是某些站點(diǎn)的唯一選擇）。許多人也已經(jīng)理解，如果有更好的模式（例如：可見導(dǎo)航欄）是可用的，那么不應(yīng)該隱藏導(dǎo)航。

Chrome對內(nèi)容進(jìn)行優(yōu)先級排序，已在其他設(shè)計(jì)領(lǐng)域中滲透。例如：我們不再看到占據(jù)頁面一半頁面的導(dǎo)航欄。

嵌套模式（讓用戶在遇到內(nèi)容之前通過多個頁面進(jìn)行一系列選擇），也不再像過去那樣受歡迎。至少有一些公司已經(jīng)開始意識到，最好是在移動設(shè)備上將導(dǎo)航結(jié)構(gòu)扁平化——立刻向人們展示各種內(nèi)容，并允許他們將其縮小到特定范圍內(nèi)。

Walgreens.com采用了嵌套導(dǎo)航欄的模式，在過去那是非常流行的但是現(xiàn)在很少被應(yīng)用了，他要求用戶在看到任何產(chǎn)品前，先在4種類型中作出選擇。然而，Walgreens嘗試去通過向一些類別選擇頁面，添加產(chǎn)品圖像來創(chuàng)造內(nèi)容錯覺，這表明設(shè)計(jì)師可能意識到這種類別設(shè)計(jì)的乏味。

iPhone上的 Google express，在Grocery下不是用全部子類別的列表，而是在每個子類別下顯示一些內(nèi)容。App正確使用基于內(nèi)容的設(shè)計(jì)，而不是使用基于類別的設(shè)計(jì)。

使用手勢

手勢解決了太多chrome在小屏幕上的問題，但是他們很難的發(fā)現(xiàn)和學(xué)習(xí)。一些原始的手勢熱情（純手勢的應(yīng)用程序（例如：Clear Todos）體現(xiàn)）已經(jīng)衰減，但手勢的使用仍然是移動設(shè)計(jì)中更有前途的方向之一。

iPhone版本的clear todos，第一版出現(xiàn)在2012年左右，使用各種手勢來彌補(bǔ)ui上的不足，但是這些手勢很難讓人記住。

不幸的是：手勢是雞生蛋蛋生雞的問題。他們不會變得易學(xué)和好用，除非手勢在app、網(wǎng)站上建立了使用規(guī)范，并且所有的app和網(wǎng)站的手勢使用都要有一致性。另一方面，設(shè)計(jì)師被迫遠(yuǎn)離手勢，因?yàn)樗麄儗τ脩羧旱氖煜こ潭热绱酥汀?/p>

蘋果已經(jīng)多次嘗試擴(kuò)展手勢的標(biāo)準(zhǔn)詞匯表（隨著3D Touch?for iPhone 6S?的推出），并將一些可見的瀏覽器委托給手勢。iPhone X的嘗試已經(jīng)結(jié)束了iPhone的唯一物理按鈕，用一系列輕掃手勢代替。優(yōu)點(diǎn)是提高了屏幕使用；缺點(diǎn)是對曾經(jīng)習(xí)慣使用home鍵的用戶來說，初次學(xué)習(xí)該手勢的使用帶來不便。

3d touch技術(shù)是很有前景的，但是他很少被使用在app上。但是，其他兩種手勢流行程度開始增長，以至于增添到基礎(chǔ)手勢詞匯表中——滑動刪除（展示刪除動作的上下關(guān)系），兩指滾動來移動嵌入網(wǎng)頁中的地圖。

滑動刪除只是簡單為列表元素增加上下操作，兩指滾動解決了與滑動沖突的問題，這經(jīng)常在網(wǎng)站嵌入地圖中遇到。這些手勢對用戶來說變得越來越熟悉，盡管我們?nèi)匀唤ㄗh使用這些手勢的設(shè)計(jì)，可以添加其他的方式來執(zhí)行相同的操作，或者至少具有良好的上下文提示來引導(dǎo)用戶。

兩指滾動手勢滾動地圖，變成一種標(biāo)準(zhǔn)來解決與滾動沖突的問題（當(dāng)人們嘗試滾動頁面卻意外滾動了地圖，反之亦然）

移動網(wǎng)站和應(yīng)用程序更好的結(jié)合

從網(wǎng)站過渡到要求用戶使用特定操作的app，在iOS上，用戶需要打開一個app然后在其內(nèi)部進(jìn)行搜索。從ios9開始，移動網(wǎng)站和app間的切換變得更加簡單，比如：我在搜索引擎中搜索了一個電影，一些結(jié)果將會自動打開對應(yīng)的app頁面（當(dāng)用戶已經(jīng)下載了這些app）。

當(dāng)選擇了搜索結(jié)果頁的電影鏈接時，控件將從safari跳轉(zhuǎn)到iMDb app。返回app按鈕顯示在頂部狀態(tài)欄的左上角，并標(biāo)有以前使用app的名字。

從瀏覽器到app的無縫跳轉(zhuǎn)，一般來說，從一個app跳轉(zhuǎn)到下一個的體驗(yàn)是非常好的，因?yàn)橥ǔpp相比較于網(wǎng)站將具有更好的用戶體驗(yàn)（因?yàn)樗麄兏咏麄冊O(shè)計(jì)的移動平臺）。

但是，追蹤他們的位置，并且知道如何操作返回的這種設(shè)計(jì)，會給用戶帶來新的負(fù)擔(dān)，App仍然需要滿足這種需求。舉個例子：我們會注意到很多app在層級深的頁面并沒有放logo，會給使用者造成不知停留在哪的困擾。

一個顯著的提高，可能與從瀏覽器轉(zhuǎn)換到app的易用性相關(guān)，app內(nèi)的插屏廣告大幅度降低。當(dāng)去新網(wǎng)站前會插屏廣告邀請用戶下載app已經(jīng)過去，大多數(shù)時候會將廣告放到web頁面的banner處。

更好地使用電話功能

雖然不完美，越來越多的網(wǎng)站和app利用電話的基礎(chǔ)功能。像Apple Pay 和Android Pay由于集成系統(tǒng)讓付賬在很多電商網(wǎng)站變得很輕松，大多數(shù)的網(wǎng)站和app都會考慮到用戶當(dāng)前的位置。

生物識別有望讓我們更接近忘記密碼的問題，甚至可以讓用戶輕松跨設(shè)備傳輸信息（并自動登錄），從而使桌面登錄更加輕松。

當(dāng)設(shè)置一臺新iPhone，不需要輸入憑證進(jìn)行身份驗(yàn)證——他們自動從附近的設(shè)備上傳輸。

減少指導(dǎo)說明

幾年前，任何一個可敬的app都是從漫長的指導(dǎo)開始的，這些app對提供所有不同的功能進(jìn)行編總。這些教程是糟糕和無效的，在冗長的指導(dǎo)列表里，沒有用戶可以記得過多的命令。他們也沒有動機(jī)想要去記住他們中的任何一個，畢竟誰可以說哪些功能實(shí)際上是有用的呢？

今天，這些指導(dǎo)已經(jīng)很大程度上被app一般概述（應(yīng)該指引導(dǎo)頁）取代了，打算說服用戶登錄并創(chuàng)建賬號。理想上，這些登錄頁應(yīng)該完全的消失，應(yīng)該允許用戶在沒有任何注冊的情況下體驗(yàn)app。

最初app的應(yīng)用概述會發(fā)揮廣告的功能，但是大多數(shù)人討厭到處都是廣告，尤其是當(dāng)他們已經(jīng)花費(fèi)了精力下載app。

向后一步

總體而言，響應(yīng)式設(shè)計(jì)產(chǎn)生了積極的影響，跨平臺的交互形式的追求，已經(jīng)推動了一些奇怪的解決方案。比如說：使用分割按鈕菜單（split-button）或者手風(fēng)琴菜單（accordions）。

分割按鈕菜單主要目的是：復(fù)制桌面類別在主導(dǎo)航欄懸停和點(diǎn)擊交互效果，即允許訪問類別登錄頁面和子菜單。這是一個非常不可用的解決方案，不僅是因?yàn)樵讵M小的空間內(nèi)擠滿了內(nèi)容，以至于用人們的手指點(diǎn)擊它們都非常的困難，同樣也因?yàn)樗`反了用戶的期望和到迄今為止他們所學(xué)到的移動端使用規(guī)范。

另一個驚人的發(fā)展是：顧客結(jié)賬開始消失。在過去提供這個功能的網(wǎng)站和app被取消，一些依靠apple pay結(jié)賬和paypal結(jié)賬來彌補(bǔ)顧客結(jié)賬的不足。但是仍然有很多逼迫用戶來創(chuàng)建一個賬號，盡管他可能是一次性消費(fèi)者。

從好的方面來看：在很多設(shè)計(jì)中登錄注冊越來越簡單，現(xiàn)在很常見的用戶僅被要一個郵件帳號和密碼就可以創(chuàng)建一個賬號。

浮層覆蓋流行程度不斷的增長，很多網(wǎng)站的菜單采用浮層覆蓋的形式。

兩年前，很多移動浮層覆蓋是錯誤的并創(chuàng)建了很多有趣的效果（例如：浮層突然出現(xiàn)在內(nèi)容的頂部）。現(xiàn)在的浮層覆蓋好多了，但是它們經(jīng)?？雌饋沓錆M屏幕，人們對待它們的期望，能使用離他們很近的返回按鈕并且會到之前的視圖。通常在這種情況沒發(fā)生時用戶會迷失方向，然后離開該網(wǎng)站。

當(dāng)整個流程在浮層上被移動（這就是順序菜單越來越流行的原因），出現(xiàn)錯誤的次數(shù)會增加更多，人們忘記去使用在浮層中菜單欄的返回按鈕，確保的正確返回路徑，卻使用瀏覽器或者手機(jī)的返回按鈕。

LATimes.com：這個菜單顯示在浮層上看起來是個新的頁面（左側(cè)圖），盡管關(guān)閉按鈕在頂部的左角，人們?nèi)匀粐L試去點(diǎn)擊瀏覽器的返回按鈕關(guān)閉浮層。如果她們這么做的話，她們將會回到之前的視圖頁面（搜索頁-右側(cè)圖）來替代LATimes的主頁面。

結(jié)論

從第一步iPhone開始的十年里，移動端用戶體驗(yàn)領(lǐng)域已經(jīng)達(dá)到很成熟的程度。

根據(jù)comScore最近的報道：在這個世界上的很多地方，超過一半的線上時間是在移動端上。

所以移動可用性趕上桌面可用性是正確的，這并不意味著移動端網(wǎng)站和app已經(jīng)到達(dá)了完美的可用性狀態(tài)——沒有完美的設(shè)計(jì)。它簡單的意味著它們中的很多提供了不錯的用戶體驗(yàn)，很多在過去臭名昭著的錯誤也已經(jīng)被修復(fù)了。

參考：

comScore.2017.The Global Mobile Report

翻譯：

Raluca Budiu.2018. The State of Mobile User Experience

本文由 @dasiy 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CCO協(xié)議