iPhone十年,移動(dòng)用戶體驗(yàn)領(lǐng)域已經(jīng)到達(dá)成熟階段

4 評(píng)論 3306 瀏覽 7 收藏 15 分鐘

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

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

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

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

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

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

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

內(nèi)容 vs? chrome

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

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

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

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

 width=

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

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

使用手勢(shì)

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

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

不幸的是:手勢(shì)是雞生蛋蛋生雞的問(wèn)題。他們不會(huì)變得易學(xué)和好用,除非手勢(shì)在app、網(wǎng)站上建立了使用規(guī)范,并且所有的app和網(wǎng)站的手勢(shì)使用都要有一致性。另一方面,設(shè)計(jì)師被迫遠(yuǎn)離手勢(shì),因?yàn)樗麄儗?duì)用戶群的熟悉程度如此之低。

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

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

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

兩指滾動(dòng)手勢(shì)滾動(dòng)地圖,變成一種標(biāo)準(zhǔn)來(lái)解決與滾動(dòng)沖突的問(wèn)題(當(dāng)人們嘗試滾動(dòng)頁(yè)面卻意外滾動(dòng)了地圖,反之亦然)

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

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

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

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

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

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

更好地使用電話功能

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

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

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

減少指導(dǎo)說(shuō)明

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

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

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

向后一步

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

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

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

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

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

兩年前,很多移動(dòng)浮層覆蓋是錯(cuò)誤的并創(chuàng)建了很多有趣的效果(例如:浮層突然出現(xiàn)在內(nèi)容的頂部)?,F(xiàn)在的浮層覆蓋好多了,但是它們經(jīng)??雌饋?lái)充滿屏幕,人們對(duì)待它們的期望,能使用離他們很近的返回按鈕并且會(huì)到之前的視圖。通常在這種情況沒(méi)發(fā)生時(shí)用戶會(huì)迷失方向,然后離開(kāi)該網(wǎng)站。

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

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

結(jié)論

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

根據(jù)comScore最近的報(bào)道:在這個(gè)世界上的很多地方,超過(guò)一半的線上時(shí)間是在移動(dòng)端上。

所以移動(dòng)可用性趕上桌面可用性是正確的,這并不意味著移動(dòng)端網(wǎng)站和app已經(jīng)到達(dá)了完美的可用性狀態(tài)——沒(méi)有完美的設(shè)計(jì)。它簡(jiǎn)單的意味著它們中的很多提供了不錯(cuò)的用戶體驗(yàn),很多在過(guò)去臭名昭著的錯(cuò)誤也已經(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)載

題圖來(lái)自Unsplash,基于CCO協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 哈哈

    回復(fù)
  2. 哈哈

    回復(fù)
    1. 哈哈

      回復(fù)