2018年的用戶體驗(yàn)現(xiàn)狀-前篇

本文譯自 Anthony Miller 的?The State of UX for?2018烈评,因?yàn)樘L(zhǎng)炫狱,分為前后兩篇判沟。

Z Yuhan:這是由一位美國(guó)作者站在美國(guó)的視角寫(xiě)的文章在孝,即便拋開(kāi)個(gè)人因素不談唾糯,國(guó)內(nèi)外的發(fā)展進(jìn)度并不完全同步怠硼。例如情感化反饋這一塊也許國(guó)內(nèi)稍稍落后一點(diǎn)、但是移動(dòng)支付和AR卻要快一些移怯,有些方面即便步調(diào)差不多香璃,舉出的例子卻不一樣。不過(guò)看看別人的總結(jié)也挺有意思舟误,至少可以了解一下國(guó)際風(fēng)向葡秒。

——

2017年即將結(jié)束,是時(shí)候向前展望嵌溢,預(yù)測(cè)在接下來(lái)的十二個(gè)月里眯牧,信息體驗(yàn)設(shè)計(jì)會(huì)如何。

我將在本文概述的赖草,除了2017年里見(jiàn)證到的巨大的變化之外学少,還有值得關(guān)注的趨勢(shì),以確保能夠趕于潮流秧骑。

1版确、更簡(jiǎn)單的導(dǎo)航方式

導(dǎo)航體驗(yàn)是2017年的熱點(diǎn)話題之一。為了設(shè)計(jì)出順暢的用戶體驗(yàn)乎折,導(dǎo)航扮演的角色至關(guān)重要绒疗。

線性導(dǎo)航(Linear Navigation)

為了簡(jiǎn)化導(dǎo)航體驗(yàn),很多 app 和網(wǎng)站致力于創(chuàng)造線性的導(dǎo)航體驗(yàn)(即分步式)笆檀,讓用戶

感覺(jué)到每個(gè)下一步都是上一步符的合理承接忌堂。這種方式非常適合目標(biāo)性較強(qiáng)的 app (如 Uber )和電子商務(wù)網(wǎng)站(如 Amazon 、 Best Buy )酗洒,因?yàn)檫@些產(chǎn)品用戶有一個(gè)想要完成的明確目標(biāo)士修。

語(yǔ)音用戶界面(Voice User Interface / VUI)

語(yǔ)音用戶界面成為了圖形用戶界面之外的另一選擇。自然語(yǔ)言研究領(lǐng)域的顯著發(fā)展使得用語(yǔ)音傳達(dá)各種指令成為可能樱衷。

青少年中使用各類型語(yǔ)音搜索的比例

在即將到來(lái)的新的一年語(yǔ)音界面將不再局限于移動(dòng)設(shè)備棋嘲,而是成為物聯(lián)網(wǎng)和智能家居系統(tǒng)的交互方式。很快就會(huì)有更加先進(jìn)的語(yǔ)音識(shí)別模式出現(xiàn)矩桂,將大大提升我們與操作系統(tǒng)之間的交互沸移。

2. 整潔而易懂

移除視覺(jué)干擾讓界面更整潔且容易理解,這是現(xiàn)今很多用戶體驗(yàn)設(shè)計(jì)者的共同目標(biāo)。很多設(shè)計(jì)師通過(guò)將內(nèi)容放在首位雹锣、運(yùn)用清晰的視覺(jué)語(yǔ)言网沾,達(dá)到移除無(wú)用信息、強(qiáng)調(diào)重要信息的目的蕊爵。

內(nèi)容優(yōu)先

與內(nèi)容優(yōu)先設(shè)計(jì)方法直接關(guān)聯(lián)的是極簡(jiǎn)主義辉哥。用更少的設(shè)計(jì)師創(chuàng)造更多的價(jià)值,移除界面上的無(wú)用元素攒射,聚焦于真正重要的東西——內(nèi)容和功能醋旦。這樣界面就限制了裝飾物的數(shù)量,有了更多留白空間会放。這種設(shè)計(jì)的缺點(diǎn)就是有時(shí)讓界面看起來(lái)太過(guò)素凈饲齐。

Instagram iOS (2015 vs. 2017)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

清晰的視覺(jué)語(yǔ)言

我們都知道明確的視覺(jué)分級(jí)能夠讓產(chǎn)品更容易使用,讓用戶使用網(wǎng)站和手機(jī)APP時(shí)有一個(gè)清晰的屏幕閱讀順序咧最。

確定按鈕有很強(qiáng)烈的色彩對(duì)比(圖片來(lái)源:Airbnb)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

大標(biāo)題

給標(biāo)題更大的字體和更多的留白空間捂人,這樣有兩個(gè)好處:更容易看到而且更方便閱讀。

Apple 給 iOS 11 使用了粗體標(biāo)題

3. 有目的地使用動(dòng)效

動(dòng)效已經(jīng)快速成為用戶界面的自然組成部分。有兩種類型的動(dòng)效在用戶體驗(yàn)設(shè)計(jì)里扮演著重要角色——功能性和觀賞性動(dòng)效获搏。

功能性動(dòng)效

這種動(dòng)效能夠讓界面更清晰,讓產(chǎn)品的交互過(guò)程看起來(lái)更加簡(jiǎn)單。iPhone X 的 手勢(shì)交互動(dòng)畫(huà)會(huì)被用于描述復(fù)雜的過(guò)渡和控件關(guān)系馋袜。

功能新動(dòng)效能夠?qū)?fù)雜的過(guò)渡變得更容易追蹤(圖片來(lái)源:Jae-seong、Jeong

觀賞性動(dòng)效

為了創(chuàng)造更加人性化的用戶體驗(yàn)禁炒,很多APP插入了賞心悅目的細(xì)節(jié)绕辖。這種元素不具備任何功能目的;它們的意義是創(chuàng)造與用戶之間的情感關(guān)聯(lián)无午。

使用動(dòng)效表現(xiàn)評(píng)分系統(tǒng)(圖片來(lái)源:Andy Orsow)

4. 視頻主導(dǎo)

2017已經(jīng)見(jiàn)證了視頻這種內(nèi)容形式的風(fēng)潮媒役。根據(jù) Hubspot 的調(diào)查,每周看視頻的人有78%宪迟,每天看的人也有55%酣衷。

為短時(shí)間注意力而創(chuàng)造的視頻內(nèi)容

人類的平均注意力持續(xù)時(shí)間在2000年時(shí)(在手機(jī)革命開(kāi)始的時(shí)候)已經(jīng)從12秒跌落至8秒。很多營(yíng)銷者為了適應(yīng)短時(shí)間注意力而調(diào)整他們提供的信息內(nèi)容(也包括視頻)——例如360度視頻和在線直播就是這樣的產(chǎn)物次泽。

關(guān)于注意力持續(xù)時(shí)間的變化:Humans have shorter attention span than goldfish, thanks to smartphones

首頁(yè)歡迎視頻

視頻可以讓用戶從第一眼就感受到其吸引力穿仪,這就是為什么那么多網(wǎng)站都會(huì)在首頁(yè)放上一個(gè)歡迎視頻。像特斯拉這樣的公司意荤,不僅向網(wǎng)站訪問(wèn)者介紹產(chǎn)品啊片,還要用視頻講述關(guān)于產(chǎn)品的故事。這種方式能夠創(chuàng)造出令人更加印象深刻的體驗(yàn)玖像。

5. 情感化設(shè)計(jì)

人與機(jī)器之間的關(guān)系總是情感多于理性紫谷。電腦成功完成指令會(huì)讓我們高興;出現(xiàn)問(wèn)題時(shí)會(huì)讓我們生氣。

2017年是情緒化智能設(shè)計(jì)的轉(zhuǎn)折點(diǎn)笤昨,這種設(shè)計(jì)借由對(duì)人機(jī)互動(dòng)及用戶感官的了解祖驱,向使用者傳達(dá)正面情緒。

失誤的用戶地圖

長(zhǎng)期以來(lái)瞒窒,體驗(yàn)設(shè)計(jì)只是圍繞著理想狀態(tài)的用戶流程捺僻,2017年很多設(shè)計(jì)師開(kāi)始意識(shí)到,為非理想狀態(tài)的用戶流程而設(shè)計(jì)同樣重要根竿。

失誤地圖的目的是定義用戶操作導(dǎo)致負(fù)面結(jié)果時(shí)的狀況陵像。因?yàn)榧词乖O(shè)計(jì)師們努力創(chuàng)造易于理解的設(shè)計(jì),用戶還是可能“錯(cuò)誤”使用寇壳。通過(guò)構(gòu)思可能導(dǎo)致錯(cuò)誤的用戶場(chǎng)景醒颖,設(shè)計(jì)師能夠創(chuàng)造出“優(yōu)雅的失敗”,即讓用戶獲得人性化的溝通壳炎,而不是怪異冷硬的回復(fù)泞歉。

Slack 里就有一個(gè)失敗地圖的優(yōu)秀案例。如果你寫(xiě)到一半就離開(kāi)了匿辩,就會(huì)有一個(gè)鉛筆樣式的圖標(biāo)告訴你未完成腰耙。

鉛筆圖標(biāo)在上圖第二列側(cè)欄的第二個(gè) CHANNEL

更多的微交互運(yùn)用于手機(jī) APP

移動(dòng)設(shè)備的微交互正在變得越來(lái)越專注于其設(shè)備屬性。搭配上簡(jiǎn)單的手勢(shì)和微妙的視覺(jué)反饋铲球,微交互讓體驗(yàn)更加簡(jiǎn)潔輕便挺庞,并逐漸成為我們與產(chǎn)品服務(wù)交互的自然方式。


Instagram Stories 的視覺(jué)反饋

會(huì)話式界面

聊天機(jī)器人和會(huì)話式用戶界面(CUI)早在2016年已成趨勢(shì)稼病。聊天機(jī)器人和智能助理的興起將會(huì)是持續(xù)性的选侨。CUI和傳統(tǒng)的GUI(圖形界面)之間的一個(gè)重要區(qū)別是,用戶對(duì)與產(chǎn)品交互的感受——會(huì)話式界面讓互動(dòng)更加人性化然走。這就是為什么 Zo 和微軟小冰這類聊天機(jī)器人如此受歡迎援制。

圖片來(lái)源:EJ Hassenfratz

6. 內(nèi)容比以往更重要了

內(nèi)容為王(content is king),因?yàn)樗攀侨藗兪褂肁PP或訪問(wèn)網(wǎng)站的原由芍瑞。2017年見(jiàn)證了與內(nèi)容交互直接相關(guān)的兩大趨勢(shì)晨仑。

Facebook 成為內(nèi)容的終點(diǎn)

2017年間,F(xiàn)acebook 成為了內(nèi)容消費(fèi)的主要服務(wù)之一拆檬,不再只是一個(gè)起點(diǎn)洪己,而是新聞信息的強(qiáng)大樞紐。

大公司對(duì)內(nèi)容可信度的幫助

內(nèi)容可信度現(xiàn)今面臨著嚴(yán)重問(wèn)題秩仆。每秒都有百萬(wàn)條內(nèi)容產(chǎn)生码泛,這使得事實(shí)與虛構(gòu)的區(qū)分變得困難。根據(jù)一項(xiàng)來(lái)自斯坦福大學(xué)的研究澄耍,很高比例的用戶并不能區(qū)分新聞推送中的真相和謊言噪珊。內(nèi)容可信度的問(wèn)題在2016年美國(guó)總統(tǒng)選舉中尤為可見(jiàn)晌缘,事實(shí)證明謊言的傳播速度甚至快于真相。

好在 Google 和 Facebook 這樣的大公司意識(shí)到了問(wèn)題的嚴(yán)重性痢站,并且已經(jīng)開(kāi)始運(yùn)用事實(shí)檢測(cè)功能來(lái)幫助用戶辨別內(nèi)容真?zhèn)巍?/p>

——

不久還會(huì)有后篇

未經(jīng)允許請(qǐng)勿轉(zhuǎn)載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末磷箕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子阵难,更是在濱河造成了極大的恐慌岳枷,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件呜叫,死亡現(xiàn)場(chǎng)離奇詭異空繁,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)朱庆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門盛泡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人娱颊,你說(shuō)我怎么就攤上這事傲诵。” “怎么了箱硕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵拴竹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我剧罩,道長(zhǎng)栓拜,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任惠昔,我火速辦了婚禮菱属,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘舰罚。我一直安慰自己,他們只是感情好薛耻,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布营罢。 她就那樣靜靜地躺著,像睡著了一般饼齿。 火紅的嫁衣襯著肌膚如雪饲漾。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,521評(píng)論 1 304
  • 那天缕溉,我揣著相機(jī)與錄音考传,去河邊找鬼。 笑死证鸥,一個(gè)胖子當(dāng)著我的面吹牛僚楞,可吹牛的內(nèi)容都是我干的勤晚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼泉褐,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼赐写!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起膜赃,我...
    開(kāi)封第一講書(shū)人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤挺邀,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后跳座,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體端铛,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年疲眷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了禾蚕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡咪橙,死狀恐怖夕膀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情美侦,我是刑警寧澤产舞,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站菠剩,受9級(jí)特大地震影響易猫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜具壮,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一准颓、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧棺妓,春花似錦攘已、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至性芬,卻和暖如春峡眶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背植锉。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工辫樱, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人俊庇。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓狮暑,卻偏偏與公主長(zhǎng)得像鸡挠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子心例,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,129評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)宵凌、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,103評(píng)論 4 62
  • 第1章:用戶體驗(yàn)為什么如此重要 1-1日常生活中的遭遇 敘述了一個(gè)令人懊惱的早晨止后。 1-2什么是用戶體驗(yàn) 這個(gè)令人...
    SummerROSA閱讀 4,129評(píng)論 0 20
  • 《幼眼看世界系列》 很喜歡這套書(shū)瞎惫。 沒(méi)買之前,我看了介紹译株,想著瓜喇,會(huì)不會(huì)非常幼稚簡(jiǎn)單。沒(méi)想到啊歉糜,看了...
    海邊的Wendy閱讀 286評(píng)論 0 0
  • 清明時(shí)節(jié) 讓我們憶起的 既有逝去的親人 亦有溜走的光陰 親人予我們思念 時(shí)間予我們祭奠 我們還須善待明天 因?yàn)檫@ ...
    震血封侯閱讀 257評(píng)論 7 11