摘要:從最原始的iphone開(kāi)始,這10年來(lái)移動(dòng)用戶(hù)體驗(yàn)領(lǐng)域已經(jīng)到達(dá)成熟階段炫贤。
最開(kāi)始的iphone于2007年6月發(fā)布荣倾。2008年末,當(dāng)我們開(kāi)始研究第一版移動(dòng)報(bào)告時(shí)思灌,大多數(shù)人還是在使用有著最極其糟糕的用戶(hù)體驗(yàn)的原始移動(dòng)設(shè)備俺叭。在那個(gè)時(shí)候,相較于體驗(yàn)糟糕的移動(dòng)設(shè)備和移動(dòng)網(wǎng)站泰偿,任何稍微像樣的產(chǎn)品都會(huì)帶給用戶(hù)愉悅的體驗(yàn)熄守。
三年前,移動(dòng)報(bào)告第三版出來(lái)時(shí)耗跛,我們對(duì)移動(dòng)端可用性做了嚴(yán)密的評(píng)估裕照。我們很高興移動(dòng)端可用性報(bào)告不再是一種矛盾的修飾,我們最終看到很多網(wǎng)站调塌、客戶(hù)端都有相當(dāng)好可用性晋南。第四版移動(dòng)端用戶(hù)體驗(yàn)調(diào)查報(bào)告,我們繼續(xù)看到了進(jìn)步羔砾。
現(xiàn)在负间,大多數(shù)的移動(dòng)網(wǎng)站、app都提供了非常好的用戶(hù)體驗(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ì)模式撮慨,但后代不再看到用戶(hù)體驗(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)航欄馅而。嵌套模式(讓用戶(hù)在遇到內(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)。
使用手勢(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ì)中更有前途的方向之一。
不幸的是涩盾,手勢(shì)是雞生蛋蛋生雞的問(wèn)題:他們不會(huì)變得易學(xué)和好用十气,除非手勢(shì)在app、網(wǎng)站上建立了使用規(guī)范春霍,并且所有的app和網(wǎng)站的手勢(shì)使用都要有一致性砸西。另一方面,設(shè)計(jì)師被迫遠(yuǎn)離手勢(shì)址儒,因?yàn)樗麄儗?duì)用戶(hù)群的熟悉程度如此之低芹枷。
蘋(píng)果已經(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鍵的用戶(hù)來(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ì)用戶(hù)來(lái)說(shuō)變得越來(lái)越熟悉哲思,盡管我們?nèi)匀唤ㄗh使用這些手勢(shì)的設(shè)計(jì)可以添加其他的方式來(lái)執(zhí)行相同的操作,或者至少具有良好的上下文提示來(lái)引導(dǎo)用戶(hù)吩案。
移動(dòng)網(wǎng)站和應(yīng)用程序更好的結(jié)合
從網(wǎng)站過(guò)渡到要求用戶(hù)使用特定操作的app:在iOS上,用戶(hù)需要打開(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)用戶(hù)已經(jīng)下載了這些app)胧后。
從瀏覽器到app的無(wú)縫跳轉(zhuǎn),一般來(lái)說(shuō)眶痰,從一個(gè)app跳轉(zhuǎn)到下一個(gè)的體驗(yàn)是非常好的瘤旨,因?yàn)橥ǔpp相比較于網(wǎng)站將具有更好的用戶(hù)體驗(yàn)(因?yàn)樗麄兏咏麄冊(cè)O(shè)計(jì)的移動(dòng)平臺(tái))。
但是凛驮,追蹤他們的位置并且知道如何操作返回的這種設(shè)計(jì)會(huì)給用戶(hù)帶來(lái)新的負(fù)擔(dān)裆站。App仍然需要滿(mǎn)足這種需求,舉個(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)用戶(hù)下載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ì)考慮到用戶(hù)當(dāng)前的位置。生物識(shí)別有望讓我們更接近忘記密碼的問(wèn)題蒋川,甚至可以讓用戶(hù)輕松跨設(shè)備傳輸信息(并自動(dòng)登錄)牲芋,從而使桌面登錄更加輕松。
減少指導(dǎo)說(shuō)明
幾年前,任何一個(gè)可敬的app都是從漫長(zhǎng)的指導(dǎo)開(kāi)始的氮兵,這些app對(duì)提供所有不同的功能進(jìn)行編總裂逐。這些教程是糟糕和無(wú)效的,在冗長(zhǎng)的指導(dǎo)列表里沒(méi)有用戶(hù)可以記得過(guò)多的命令泣栈。他們也沒(méi)有動(dòng)機(jī)想要去記住他們中的任何一個(gè)卜高,畢竟誰(shuí)可以說(shuō)哪些功能實(shí)際上是有用的呢?
今天南片,這些指導(dǎo)已經(jīng)很大程度上被app一般概述(應(yīng)該指引導(dǎo)頁(yè))取代了篙悯,打算說(shuō)服用戶(hù)登錄并創(chuàng)建賬號(hào)。理想上铃绒,這些登錄頁(yè)應(yīng)該完全的消失,應(yīng)該允許用戶(hù)在沒(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ù)制桌面類(lèi)別在主導(dǎo)航欄懸停和點(diǎn)擊交互效果峡谊,即允許訪問(wèn)類(lèi)別登錄頁(yè)面和子菜單。這是一個(gè)非常不可用的解決方案刊苍,不僅是因?yàn)樵讵M小的空間內(nèi)擠滿(mǎn)了內(nèi)容既们,以至于用人們的手指點(diǎn)擊它們都非常的困難;同樣也因?yàn)樗`反了用戶(hù)的期望和到迄今為止他們所學(xué)到的移動(dòng)端使用規(guī)范正什。
另一個(gè)驚人的發(fā)展是顧客結(jié)賬開(kāi)始消失啥纸。在過(guò)去提供這個(gè)功能的網(wǎng)站和app被取消,一些依靠apple pay結(jié)賬和paypal結(jié)賬來(lái)彌補(bǔ)顧客結(jié)賬的不足婴氮。但是仍然有很多逼迫用戶(hù)來(lái)創(chuàng)建一個(gè)賬號(hào)斯棒,盡管他可能是一次性消費(fèi)者。從好的方面來(lái)看主经,在很多設(shè)計(jì)中登錄注冊(cè)越來(lái)越簡(jiǎn)單荣暮,現(xiàn)在很常見(jiàn)的用戶(hù)僅被要一個(gè)郵件帳號(hào)和密碼就可以創(chuàng)建一個(gè)賬號(hào)。
浮層覆蓋流行程度不斷的增長(zhǎng)罩驻,很多網(wǎng)站的菜單采用浮層覆蓋的形式穗酥。兩年前,很多移動(dòng)浮層覆蓋是錯(cuò)誤的并創(chuàng)建了很多有趣的效果(例如浮層突然出現(xiàn)在內(nèi)容的頂部)〖澹現(xiàn)在的浮層覆蓋好多了迷扇。但是它們經(jīng)常看起來(lái)充滿(mǎn)屏幕爽哎,人們對(duì)待它們-期望能使用離他們很近的返回按鈕并且會(huì)到之前的視圖蜓席。通常在這種情況沒(méi)發(fā)生時(shí)用戶(hù)會(huì)迷失方向,然后離開(kāi)該網(wǎng)站课锌。當(dāng)整個(gè)流程在浮層上被移動(dòng)(這就是順序菜單越來(lái)越流行的原因)厨内,出現(xiàn)錯(cuò)誤的次數(shù)會(huì)增加更多,人們忘記去使用在浮層中菜單欄的返回按鈕確保的正確返回路徑渺贤,卻使用瀏覽器或者手機(jī)的返回按鈕雏胃。
結(jié)論
從第一步iphone開(kāi)始的十年里统翩,移動(dòng)端用戶(hù)體驗(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ò)的用戶(hù)體驗(yàn)贾节,很多在過(guò)去臭名昭著的錯(cuò)誤也已經(jīng)被修復(fù)了。
參考
comScore.2017.The Global Mobile Report
翻譯
Raluca Budiu. 2018. The State of Mobile User Experience