移動(dòng)端用戶(hù)體驗(yàn)現(xiàn)狀

摘要:從最原始的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)。

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


iphone上的Google express:在Grocery下不是用全部子類(lèi)別的列表帖渠,而是在每個(gè)子類(lèi)別下顯示一些內(nèi)容。App正確使用基于內(nèi)容的設(shè)計(jì)竭宰,而不是使用基于類(lèi)別的設(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ì)用戶(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)手勢(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ò)渡到要求用戶(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)胧后。

當(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)站將具有更好的用戶(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ā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)有用戶(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ī)的返回按鈕雏胃。

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)端用戶(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末衷畦,一起剝皮案震驚了整個(gè)濱河市栗涂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌霎匈,老刑警劉巖戴差,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異铛嘱,居然都是意外死亡暖释,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)墨吓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)球匕,“玉大人,你說(shuō)我怎么就攤上這事帖烘×敛埽” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵秘症,是天一觀的道長(zhǎng)照卦。 經(jīng)常有香客問(wèn)我,道長(zhǎng)乡摹,這世上最難降的妖魔是什么役耕? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮聪廉,結(jié)果婚禮上瞬痘,老公的妹妹穿的比我還像新娘。我一直安慰自己板熊,他們只是感情好框全,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著干签,像睡著了一般津辩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,784評(píng)論 1 290
  • 那天丹泉,我揣著相機(jī)與錄音情萤,去河邊找鬼。 笑死摹恨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的娶视。 我是一名探鬼主播晒哄,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼肪获!你這毒婦竟也來(lái)了寝凌?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤孝赫,失蹤者是張志新(化名)和其女友劉穎较木,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體青柄,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡伐债,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了致开。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片峰锁。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖双戳,靈堂內(nèi)的尸體忽然破棺而出虹蒋,到底是詐尸還是另有隱情,我是刑警寧澤飒货,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布魄衅,位于F島的核電站,受9級(jí)特大地震影響塘辅,放射性物質(zhì)發(fā)生泄漏晃虫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一莫辨、第九天 我趴在偏房一處隱蔽的房頂上張望傲茄。 院中可真熱鬧,春花似錦沮榜、人聲如沸盘榨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)草巡。三九已至,卻和暖如春型酥,著一層夾襖步出監(jiān)牢的瞬間山憨,已是汗流浹背查乒。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留郁竟,地道東北人玛迄。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像棚亩,于是被迫代替她去往敵國(guó)和親蓖议。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,756評(píng)論 25 707
  • 有一本經(jīng)典的書(shū)叫做《如何閱讀一本書(shū)》讥蟆,是從讀者角度勒虾,告訴人們?nèi)绾斡姓路ǖ亻喿x,消化書(shū)中傳遞的知識(shí)和信息瘸彤。 先鋒書(shū)店...
    許遠(yuǎn)山閱讀 437評(píng)論 0 1
  • 【鐘繕祎咖啡冥想】 2016.11.13(19/90) 近3個(gè)月的目標(biāo)是: 幫助更多的人智慧修然、健康、美麗的同時(shí)讓自...
    繕繕閱讀 325評(píng)論 0 0