2020-7-7 資深UI設(shè)計(jì)者
身為用戶(hù)體驗(yàn)設(shè)計(jì)師，無(wú)時(shí)無(wú)刻不被世界上的新事物沖刷著認(rèn)知——互聯(lián)網(wǎng)紅利下降帶來(lái)變化莫測(cè)的商業(yè)動(dòng)向、循著摩爾定律野蠻生長(zhǎng)日新月異的新技術(shù)、各類(lèi)亞文化群體催生出多元復(fù)雜的圈層文化、腦洞口味越來(lái)越獨(dú)特的年輕人，甚至眼下席卷全球的黑天鵝事件……
任何一個(gè)新事物的悄悄冒頭，都有可能在未知的將來(lái)影響著用戶(hù)體驗(yàn)設(shè)計(jì)師。我們能做的是，在起初感受到微微震幅時(shí)，便沿著震感逐步尋找源頭，并思考未來(lái)的發(fā)展走向。趕在變化降臨前先擁抱變化。
本文通過(guò)研究近一兩年科技、社會(huì)文化以及自身用戶(hù)體驗(yàn)領(lǐng)域的變化，從用戶(hù)體驗(yàn)領(lǐng)域關(guān)鍵的用戶(hù)、媒介(設(shè)備與應(yīng)用）、交互行為、信息與場(chǎng)景的五個(gè)角度出發(fā)，探索用戶(hù)體驗(yàn)設(shè)計(jì)未來(lái)的趨勢(shì)，希望能帶來(lái)啟發(fā)。
隨著人工時(shí)代到來(lái)，過(guò)去機(jī)械的單向交互方式逐漸被打破，機(jī)器漸漸演化成了會(huì)主動(dòng)「觀察」真實(shí)場(chǎng)景，「感受」用戶(hù)情感，預(yù)判用戶(hù)意圖并自動(dòng)完成任務(wù)的貼心小棉襖。機(jī)器如何為人們提供更智能便捷的服務(wù)，未來(lái)還有非常大的想象空間。
1. 基于真實(shí)場(chǎng)景推理用戶(hù)意圖
隨著AI技術(shù)的發(fā)展，智能設(shè)備可以越來(lái)越無(wú)縫地將數(shù)字世界和物理世界嫁接起來(lái)，主動(dòng)感知用戶(hù)所處情境并智能提供相應(yīng)服務(wù)。
在2019的 Google I/O 大會(huì)上，Google Lens 展示的AR點(diǎn)菜功能可以智能識(shí)別用戶(hù)掃描的菜單并將美食網(wǎng)站上的相關(guān)推薦直接呈現(xiàn)在屏幕上。
當(dāng)用 Google Lens 識(shí)別到小票信息時(shí)，可快速提取小票上的金額，且可自動(dòng)彈起計(jì)算器快速幫助用戶(hù)計(jì)算人均消費(fèi)，節(jié)省人工計(jì)算的時(shí)間成本。
隨著信息入口從數(shù)字空間延伸到周?chē)奈锢砜臻g中，未來(lái)萬(wàn)物皆可為用戶(hù)體驗(yàn)的媒介，設(shè)計(jì)師未來(lái)在設(shè)計(jì)的時(shí)候需要注意：
尋找適合的打通真實(shí)世界的切入點(diǎn)：在陌生語(yǔ)言、信息復(fù)雜或者難以處理等苛刻的環(huán)境下，充分發(fā)揮智能設(shè)備對(duì)信息智能讀取、批量識(shí)別與翻譯等強(qiáng)大能力，幫助用戶(hù)完成任務(wù)；
將用戶(hù)旅程的上下游串聯(lián)：根據(jù)生活常識(shí)和經(jīng)驗(yàn)預(yù)判用戶(hù)行為目的，前置推薦服務(wù)；
更加系統(tǒng)細(xì)心地考量干擾因素：真實(shí)場(chǎng)景是動(dòng)態(tài)變化的，需要更全方位考慮光線的強(qiáng)弱、多源的噪音、實(shí)體的可視性、人員和事件的打斷等因素。
2. 任務(wù)自動(dòng)化，簡(jiǎn)化用戶(hù)旅程
為了完成一項(xiàng)任務(wù)，用戶(hù)往往需要借助多個(gè)應(yīng)用來(lái)回切換配合，使用起來(lái)瑣碎麻煩。如今應(yīng)用越做越強(qiáng)大也越復(fù)雜，過(guò)去僅僅解決單一場(chǎng)景的解決方案不再適應(yīng)于用戶(hù)對(duì)于完成任務(wù)的訴求。
Google Assistant 的新能力 Duplex on the web 可以通過(guò)自動(dòng)跨應(yīng)用任務(wù)處理來(lái)簡(jiǎn)化用戶(hù)旅程。只需要用戶(hù)發(fā)出語(yǔ)音指令「預(yù)定一輛去某地的車(chē)」，助手便可自動(dòng)跨郵件、日歷、付款等應(yīng)用調(diào)取信息、自動(dòng)根據(jù)使用習(xí)慣做選擇，并自動(dòng)填寫(xiě)信息，而用戶(hù)全程需要的只是在關(guān)鍵節(jié)點(diǎn)輕敲「確認(rèn)」即可。
2019年隨著 iOS 13 的更新，「快捷指令」推出了「自動(dòng)化」能力，用戶(hù)通過(guò)「if…then…」語(yǔ)法便可為自己的App設(shè)計(jì)一套程序，實(shí)現(xiàn)如：「當(dāng)我回到公司時(shí)提醒我打卡」、「每天早上10點(diǎn)給我的女朋友發(fā)送一條表白短信」等能力，將不相關(guān)的場(chǎng)景動(dòng)作串聯(lián)字一起自動(dòng)化執(zhí)行，大大節(jié)省人工操作成本。
提升使用效率是用戶(hù)體驗(yàn)設(shè)計(jì)孜孜不倦努力的方向之一。在利用新技術(shù)進(jìn)一步簡(jiǎn)化用戶(hù)旅程時(shí)，設(shè)計(jì)師可以充分利用以下因素：
借助語(yǔ)音輸入：比起界面觸控操作，語(yǔ)音交互的直達(dá)性可以「穿透」復(fù)雜界面，讓設(shè)備第一時(shí)間明確用戶(hù)目標(biāo)；
基于用戶(hù)行為形成習(xí)慣記憶：對(duì)用戶(hù)長(zhǎng)期重復(fù)的行為做分析處理，構(gòu)建用戶(hù)習(xí)慣模型并主動(dòng)提供服務(wù)；
適當(dāng)考慮專(zhuān)家級(jí)用戶(hù)：隨著部分用戶(hù)的智能設(shè)備使用水平越來(lái)越高，可以考慮為專(zhuān)家用戶(hù)提供自定義操作腳本，滿足其自身的獨(dú)特需求。
3. 基于情感感知，主動(dòng)理解用戶(hù)需求
隨著人臉識(shí)別、表情識(shí)別、肢體跟蹤等技術(shù)的提升，機(jī)器逐漸學(xué)會(huì)感性語(yǔ)言，主動(dòng)感知用戶(hù)內(nèi)在情感和心理需求。
2019年1月的CES展上起亞亮相的互動(dòng)式「情感駕駛空間」技術(shù)，可通過(guò)傳感器讀取用戶(hù)的面部表情、心率等反應(yīng)，調(diào)整駕駛空間內(nèi)的燈光、影片類(lèi)型、音樂(lè)風(fēng)格等，舒緩艙內(nèi)乘客心情，由此提供更人性化的出行體驗(yàn)。
用戶(hù)總是會(huì)期待更貼心的服務(wù)，設(shè)計(jì)師未來(lái)對(duì)同理心的情感嗅覺(jué)更加敏銳：
利用感性線索定位用戶(hù)情緒：需要通過(guò)面部表情、特殊時(shí)間節(jié)點(diǎn)或者識(shí)別到的關(guān)鍵詞，對(duì)用戶(hù)情緒進(jìn)行理解和定位，判斷用戶(hù)情感理解用戶(hù)內(nèi)心訴求是自由探索、趣味娛樂(lè)、或者靜謐修行并提供符合用戶(hù)當(dāng)下心境的服務(wù)。
綜合使用感性元素進(jìn)行設(shè)計(jì)：通過(guò)使用線條、色彩、聲音和動(dòng)作等傳達(dá)并喚起相對(duì)應(yīng)的情感，提供更加人性化的體驗(yàn)。
4. 小結(jié)
更智能的服務(wù)提供方式會(huì)讓人們生活擁有更多可能性，但一旦火候把握不得當(dāng)，可能就會(huì)造成對(duì)人們生活的野蠻入侵。關(guān)于如何讓科技更好造福于人們，早在上個(gè)世紀(jì)，施樂(lè)帕克研究中心提出了寧?kù)o技術(shù)（Calm Technology）的愿景，認(rèn)為影響最深遠(yuǎn)的技術(shù)應(yīng)該是隱匿不見(jiàn)的，它們?nèi)缋w維般融入日常生活，絲絲入扣，直至不可分辨。
隨著科技的發(fā)展，設(shè)計(jì)師對(duì)新技術(shù)不應(yīng)是不加克制地應(yīng)用，而應(yīng)該潤(rùn)物細(xì)無(wú)聲般地提供服務(wù)，幫助人們從繁雜喧囂的數(shù)字世界中解脫出來(lái)，將寶貴的注意力資源投放在讓生活更美好的事物上。
回顧人類(lèi)和機(jī)器的交流語(yǔ)言，從命令行界面、圖形用戶(hù)界面到自然用戶(hù)界面，人機(jī)交互方式越來(lái)越貼合人與人之間更自然的交流方式，其背后是心智模型與實(shí)現(xiàn)模型的高度擬合的趨勢(shì)。
在自然用戶(hù)界面中，為滿足新形態(tài)智能硬件對(duì)新接口的需求，以及人們對(duì)更豐富強(qiáng)大的交互方式的自然訴求，越來(lái)越多的自然用戶(hù)界面被開(kāi)發(fā)出來(lái)。語(yǔ)音交互和隔空手勢(shì)交互便是近幾年迅速發(fā)展并落地的兩種交互方式。
1. 隔空手勢(shì)交互：更自由、更靈動(dòng)
為了讓機(jī)器更好地讀懂用戶(hù)的身體語(yǔ)言，能夠感知深度信息的攝像頭走進(jìn)了日常手機(jī)。2019年國(guó)內(nèi)外手機(jī)廠商的發(fā)布大會(huì)上，LG 手機(jī) G8 ThinQ 以及華為發(fā)布 Mate 30 系列推出的隔空手勢(shì)，可實(shí)現(xiàn)一些簡(jiǎn)單的諸如滑動(dòng)、切歌、截屏等效果。
除此以外，隔空手勢(shì)支持更加細(xì)微的手勢(shì)，如旋轉(zhuǎn)、揉搓等，可以更直觀、更靈活的方式操控界面，讓用戶(hù)獲得一種像魔術(shù)師用意念控制事物運(yùn)作的快感。
對(duì)于隔空手勢(shì)操作網(wǎng)上的言論褒貶不一，其中爭(zhēng)議性最大的就是隔空手勢(shì)宛如「殺雞用牛刀」，明明可以用更加精準(zhǔn)的手勢(shì)觸控，為什么還要用看似很酷炫其實(shí)精準(zhǔn)度更低的隔空手勢(shì)操作？
隔空手勢(shì)并不是要替代觸控手勢(shì)成為主流的人機(jī)交互方式，更多是對(duì)情境式障礙場(chǎng)景的補(bǔ)充。在某些場(chǎng)景下，用戶(hù)使用設(shè)備的條件可能是充滿干擾的。想想看當(dāng)你邊看手機(jī)食譜邊炒菜的時(shí)候、邊煲劇邊剝小龍蝦的時(shí)候、疫情期間出門(mén)佩戴橡膠手套無(wú)法正常觸控手機(jī)屏幕時(shí)…..隔空手勢(shì)是不是特別好用？
每個(gè)人在特殊的場(chǎng)景下都有可能面臨感官障礙，未來(lái)的設(shè)計(jì)也應(yīng)該更多地考慮情境式障礙的場(chǎng)景，讓用戶(hù)無(wú)論身處何時(shí)何地依舊能一如既往無(wú)障礙地使用設(shè)備。
2. 語(yǔ)音交互：更精準(zhǔn)、更好玩
語(yǔ)音交互作為更趨近于人與人之間最自然的交流方式，近些年有許多發(fā)展的突破點(diǎn)。
在發(fā)展主線上，語(yǔ)音交互趨向更自然、更人性化、更個(gè)性化。過(guò)去反人類(lèi)的一些溝通方式慢慢被「調(diào)教」。此外，多人會(huì)話場(chǎng)景下的技術(shù)方案日漸增多。
2019的 Google I/O 大會(huì)展示了一個(gè)視頻片段，視頻中的兩位嘉賓相繼吐槽，經(jīng)常出現(xiàn)針?shù)h相對(duì)難以聽(tīng)清的時(shí)候，這時(shí)用戶(hù)可以調(diào)節(jié)音源音量選擇性增強(qiáng)自己關(guān)注的人物聲音，讓另一個(gè)人「靜音」。
△ 滑動(dòng)選擇音源
此外，語(yǔ)音交互除了在智能音箱領(lǐng)域廣泛應(yīng)用以外，也逐漸應(yīng)用在廣告等更多的傳播媒介中，刷新人們?nèi)粘Ｊ褂皿w驗(yàn)。2020年2月索尼提交了一項(xiàng)廣告播放新專(zhuān)利。當(dāng)用戶(hù)在觀看電視節(jié)目時(shí)，如果出現(xiàn)廣告，只要站起來(lái)大喊廣告中對(duì)應(yīng)品牌的名字，便可直接跳過(guò)這個(gè)廣告。
設(shè)計(jì)師在語(yǔ)音交互場(chǎng)景下，需要留意以下幾個(gè)比較容易被忽視的因素：
用戶(hù)語(yǔ)音交互習(xí)慣培養(yǎng)：如今還處于培養(yǎng)用戶(hù)語(yǔ)音交互使用習(xí)慣階段，設(shè)計(jì)師需要更多地考慮應(yīng)用的語(yǔ)音交互規(guī)則如何才能更趨近于人們?nèi)粘５臏贤?xí)慣，并進(jìn)一步為人們的社會(huì)習(xí)俗所接納。
真實(shí)場(chǎng)景下的多人音源：在現(xiàn)實(shí)情境中， 在多人對(duì)話場(chǎng)景下將面臨音源不清、穿插停頓、噪音過(guò)多等影響體驗(yàn)的情況，由于計(jì)算機(jī)聽(tīng)覺(jué)分析能力開(kāi)始從單人音源拓寬到了多人音源，多人對(duì)話解決方案上還有很大想象空間。
改變傳統(tǒng)的視聽(tīng)體驗(yàn)：在使用場(chǎng)景上，語(yǔ)音交互接口也將逐漸運(yùn)用到更多的媒介上，更全面地刷新用戶(hù)體驗(yàn)。
3. 小結(jié)
人類(lèi)擁有雙手、眼睛、耳朵和發(fā)聲的嘴巴，但是并不總是在每個(gè)使用場(chǎng)景下都能自如地使用：在安靜的自習(xí)室下聲音收到限制，在駕駛場(chǎng)景下注意力受到限制，在雙手拎著東西場(chǎng)景下雙手受到限制……但目前許多產(chǎn)品設(shè)計(jì)都建立在用戶(hù)能完整使用感官功能這一理想化的基礎(chǔ)上。
未來(lái)的發(fā)展趨勢(shì)傾向于將視、聽(tīng)、觸、嗅等多通道信息完美整合起來(lái)，綜合使用多種輸入通道和輸出通道，根據(jù)用戶(hù)使用場(chǎng)景用最恰當(dāng)?shù)姆绞絺鬟f服務(wù)，滿足用戶(hù)多方位的需求。
盡管喬布斯曾斷言3.5英寸是手機(jī)的黃金尺寸，但作為人們?nèi)粘?nèi)容消費(fèi)與娛樂(lè)的窗口，手機(jī)屏幕毫無(wú)疑問(wèn)地變得越來(lái)越大，甚至超出傳統(tǒng)物理限制。人們對(duì)大屏享受的追求與設(shè)備攜帶便捷性之間的矛盾由來(lái)已久，硬件形態(tài)的變化對(duì)舊有的用戶(hù)體驗(yàn)設(shè)計(jì)思路帶來(lái)的新的挑戰(zhàn)。
屏幕橫縱比越來(lái)越大，而人類(lèi)的手部具有先天限制，曾經(jīng)慣用的界面布局方式在高橫縱比的屏幕上可能無(wú)法被大拇指無(wú)障礙全覆蓋，使得越來(lái)越多的設(shè)計(jì)更加重視利用移動(dòng)屏幕下半部分。
操作與信息進(jìn)一步下移：
高德地圖、蘋(píng)果地圖的搜索框下移，方便單手操作用戶(hù)快速激活輸入框；
影視資訊平臺(tái)IMDB強(qiáng)化底部標(biāo)簽欄功能，雙擊「搜索」tab即可激活輸入框，無(wú)須艱難地觸摸頂部。
即時(shí)戰(zhàn)斗類(lèi)手游皇室戰(zhàn)爭(zhēng)的說(shuō)明卡片主要展示在下半部分，方便用戶(hù)進(jìn)行卡片上的相關(guān)操作。
底部導(dǎo)航被賦予更多能力：
Pocket的底部標(biāo)簽欄現(xiàn)在兼任漢堡菜單功能，在激活狀態(tài)下再次點(diǎn)擊主頁(yè)icon可選擇主頁(yè)上須展示的內(nèi)容。
利用下滑手勢(shì)代替點(diǎn)擊：
Snapchat的許多表示前后進(jìn)退關(guān)系的頁(yè)面都不是」返回「按鈕，而是向下箭頭，用戶(hù)可下滑退出當(dāng)前頁(yè)面。
為了解決設(shè)備形態(tài)和人類(lèi)手部先天限制之間的矛盾，折疊屏誕生瀏覽并顛覆舊有的界面設(shè)計(jì)方式。
更靈活的信息布局
過(guò)去在單屏設(shè)計(jì)下，考慮到用戶(hù)注意力由上到下縱向衰減，因此信息布局更多是按照優(yōu)先級(jí)從上往下排序。而折疊屏中，屏幕展開(kāi)后便可以開(kāi)辟出更大的可利用空間，將次級(jí)頁(yè)面或者較為重要的內(nèi)容曝光在第二屏，對(duì)信息的布局將帶來(lái)全新的變化。設(shè)計(jì)師為保證大小屏下順暢的閱讀體驗(yàn)，需要對(duì)信息模塊在不同空間布局下的流動(dòng)性有更強(qiáng)的把控能力。
更便捷的多任務(wù)操作
在過(guò)去的單屏體驗(yàn)中，用戶(hù)只能將注意力完全集中在當(dāng)前的界面中，一次只做一件事。但在實(shí)際生活中，用戶(hù)面臨的情景往往是主線任務(wù)和支線任務(wù)的頻繁交錯(cuò)，并且根據(jù)會(huì)任務(wù)不同的性質(zhì)自由調(diào)動(dòng)自己的注意力重心，如邊看視頻邊聊天、邊看直播邊逛街等等。在折疊屏中，設(shè)計(jì)師可以探索更多主線和支線交錯(cuò)進(jìn)行的場(chǎng)景，利用折疊屏帶來(lái)的更大的屏幕空間，可以讓用戶(hù)在不離開(kāi)主線場(chǎng)景的基礎(chǔ)上進(jìn)行支線任務(wù)的處理，大大節(jié)約了在不同App上來(lái)回切換的操作成本。
更直觀的拖拽交互
此外，隨著多任務(wù)處理越來(lái)越廣泛使用，拖拽交互將成為重要的交互模式之一。文本、表情包、圖片、視頻等交互對(duì)象，不再需要經(jīng)過(guò)復(fù)雜的分享轉(zhuǎn)發(fā)流程才能在不同App中流轉(zhuǎn)，通過(guò)拖拽的方式可以更直觀地進(jìn)行交互。
雙面屏互動(dòng)玩法
外折疊屏在折疊狀態(tài)下可轉(zhuǎn)為雙面屏，等于是給用戶(hù)增加多一個(gè)觀看視角。例如華為 Mate X 的鏡像拍攝可以讓被拍攝者即時(shí)獲知自己的鏡頭影像是否滿意，這一拍女友神器有望成為直男拍攝終結(jié)者。在未來(lái)更多的多人觀看和互動(dòng)玩法將被開(kāi)拓出來(lái)。
△ 華為Mate X 的鏡像拍攝
未來(lái)隨著5G通訊技術(shù)的成長(zhǎng)，越來(lái)越多的設(shè)備可以同時(shí)加入物聯(lián)網(wǎng)，人們的生活將被各種智能設(shè)備圍繞，設(shè)計(jì)師需要參與更多屏幕外的設(shè)計(jì)，讓不同設(shè)備串聯(lián)在一起協(xié)同合作，讓用戶(hù)能更加自在地享受科技的便利。
席卷全球的新冠疫情讓數(shù)十億用戶(hù)乖乖待在家里。過(guò)去需要花費(fèi)大量精力去教育的用戶(hù)使用習(xí)慣因?yàn)橐咔榧娂娹D(zhuǎn)變。云購(gòu)物、云蹦迪、云賞櫻、云監(jiān)工……人們足不出戶(hù)便可還原許多線下場(chǎng)景。隨著用戶(hù)線上和線下生活的界限進(jìn)一步模糊，用戶(hù)對(duì)于應(yīng)用的效率和情感訴求也發(fā)生了變化。
疫情讓遠(yuǎn)程辦公學(xué)習(xí)需求劇增，多人協(xié)作場(chǎng)景越來(lái)越頻繁，許多企業(yè)隨之升級(jí)了電話、視頻會(huì)議、文檔制作等多人協(xié)作效率軟件。過(guò)去僅僅考慮少人場(chǎng)景協(xié)作的方式不適用，設(shè)計(jì)師需要比以往更多地考慮多人協(xié)作場(chǎng)景下，如何對(duì)海量密集的信息進(jìn)行分析處理和展示。
在學(xué)習(xí)方式上，由于線下學(xué)習(xí)轉(zhuǎn)移至線上，學(xué)生群體對(duì)于娛樂(lè)向軟件也有了效率訴求。為了順應(yīng)用戶(hù)訴求變化，2020年5月QQ推出學(xué)習(xí)模式，屏蔽娛樂(lè)性的內(nèi)容推送，讓學(xué)生更專(zhuān)注在學(xué)習(xí)上。
除了效率訴求急劇提升以外，隨著長(zhǎng)時(shí)間的線上學(xué)習(xí)與辦公所產(chǎn)生社交疏離感和缺失感，人們對(duì)于線上學(xué)習(xí)工作的情感化訴求也進(jìn)一步增強(qiáng)。
2020年推出的plagi遠(yuǎn)程辦公軟件支持設(shè)置每個(gè)人的avartar形象，讓大家在遠(yuǎn)程辦公時(shí)依舊能時(shí)刻感受到彼此的存在。在完成任務(wù)時(shí)還可以放鞭炮慶祝，讓員工能感受到親密無(wú)間的線上辦公體驗(yàn)。
設(shè)計(jì)師需要更加關(guān)注如何讓線上生活進(jìn)一步與現(xiàn)實(shí)生活圈和時(shí)間線接軌，通過(guò)拓展真實(shí)社交下的更多伴生行為讓線上也能還原線下的真實(shí)場(chǎng)景細(xì)節(jié)和互動(dòng)體驗(yàn)，以彌補(bǔ)用戶(hù)對(duì)真實(shí)社交的缺失感。
疫情的發(fā)生加速了人與信息之間的連接。人們?cè)絹?lái)越習(xí)慣將自身的身體資料、心情狀態(tài)等信息沉淀在智能設(shè)備上。
為了做好廣大市民群眾的健康監(jiān)測(cè)服務(wù)，輔助疫情防控工作，微信和支付寶在2020年年初都上線了健康碼服務(wù)，不同顏色的健康碼代表人們不同的健康情況，市民出入特定場(chǎng)所都需初始健康碼。
隨著人的數(shù)據(jù)化越來(lái)越深入，個(gè)人身份信息的線上化在各平臺(tái)上將成為更加通用的能力。設(shè)計(jì)師需要考慮如何更自然更低成本地將線下動(dòng)態(tài)變化的資料信息線上化，更有效地對(duì)用戶(hù)信息進(jìn)行加工處理，以及記憶用戶(hù)的使用習(xí)慣和行為，以便幫助用戶(hù)更地完成任務(wù)。
疫情的出現(xiàn)加速了線下生活線上化，短短時(shí)間內(nèi)我們看到日常習(xí)以為常的應(yīng)用為響應(yīng)疫情下的特殊需求紛紛出現(xiàn)改造，釘釘、QQ群被改造成上網(wǎng)課、批改作業(yè)的地方，醫(yī)療衛(wèi)生公眾號(hào)開(kāi)辟了實(shí)時(shí)疫情播報(bào)與辟謠通道，無(wú)接觸設(shè)計(jì)和服務(wù)需求異常突出……這也啟發(fā)了設(shè)計(jì)師需要保持對(duì)突發(fā)事件的敏感力以及應(yīng)急能力，在日常生活中留心思考，為日后突發(fā)事件提供充足的場(chǎng)景支撐。
在洶涌的資本語(yǔ)境下，互聯(lián)網(wǎng)設(shè)計(jì)師裹挾在商業(yè)驅(qū)動(dòng)的結(jié)果導(dǎo)向中狂奔，對(duì)設(shè)計(jì)的倫理和責(zé)任鮮有發(fā)聲，但伴隨著互聯(lián)網(wǎng)紅利退潮，發(fā)展放緩，狂奔之下的人本問(wèn)題也逐漸浮出水面。在大趨勢(shì)下，UX設(shè)計(jì)師需要培養(yǎng)自身設(shè)計(jì)對(duì)倫理和責(zé)任的敏感度，在滿足商業(yè)目的外，重拾節(jié)操，為多群體，為大社會(huì)設(shè)計(jì)，更加注重「以人為本」。
包容性設(shè)計(jì)師指在做設(shè)計(jì)產(chǎn)品的時(shí)候，考慮到各類(lèi)用戶(hù)的訴求，輸出具有包容性的設(shè)計(jì)方案。包容性設(shè)計(jì)依舊是2020年設(shè)計(jì)主題之一，伴隨著互聯(lián)網(wǎng)產(chǎn)品全球化，在通用性和包容性上也提出了新的要求。
為身障人士設(shè)計(jì)
三星在2019年針對(duì)東南亞市場(chǎng)推出了一款讓聾盲人士和健全人實(shí)時(shí)交流的app：Good Vibes，盲聾人輕擊屏幕輸入摩斯電碼，預(yù)先連線好的另一臺(tái)手機(jī)就會(huì)顯示從盲聾人發(fā)來(lái)的短信。健全人用普通的文字輸入回復(fù)，在盲聾人這一端就會(huì)翻譯成摩斯電碼、以手機(jī)振動(dòng)的方式讀出短信內(nèi)容。
GOOD VIBES宣傳視頻：https://v.qq.com/x/page/g3108sr8qc9.html
餓了么：在餓了么送貨騎手中，約8%受色盲色弱的困擾（全國(guó)男性群體中紅綠色盲色弱占比達(dá)8%-9%，餓了么騎手男性占比90%），為此餓了么設(shè)計(jì)團(tuán)隊(duì)在2019年對(duì)app的進(jìn)行了重新設(shè)計(jì)，包括使用WCAG無(wú)障礙色彩對(duì)比度，以及無(wú)障礙色盤(pán)，以及調(diào)整字階，使用輔助圖形等設(shè)計(jì)手段來(lái)解決部分騎手在送貨途中使用APP的痛點(diǎn)問(wèn)題。
△ 餓了么UED：《為騎士創(chuàng)造平等 — 配送 App 的包容性設(shè)計(jì)》
跨年齡段設(shè)計(jì)
谷歌助手禮貌功能 ( Google Pretty Please ) ：開(kāi)啟谷歌助手禮貌功能后，如果使用者在下達(dá)指令的語(yǔ)句中包括「Please」，谷歌助手會(huì)對(duì)禮貌的請(qǐng)求表示感謝，以此培養(yǎng)孩子的禮貌言行。
Google Pretty Please功能宣傳：https://v.qq.com/x/page/e3108ue3e2t.html
Swift Playground：當(dāng)10后小學(xué)生VITA君的編程課被「可敬的發(fā)量」刷滿彈幕時(shí)，Swift playgrounds功不可沒(méi)，這款為兒童新手學(xué)習(xí)編程的軟件，用趣味的游戲方式為4歲以上低齡用戶(hù)提供了一個(gè)學(xué)習(xí)編程的低門(mén)檻平臺(tái)。
為性別平等而設(shè)計(jì)
蘋(píng)果emoji：回看歷年蘋(píng)果emoji的更新，從膚色平等，到性別、性向平等，再到為殘疾人設(shè)計(jì)，2020年再為跨性別者增加新表情，性別平等依舊是包容性設(shè)計(jì)中重要一環(huán)。
Airbnb插畫(huà)：愛(ài)彼迎在插畫(huà)系統(tǒng)中，也為不同膚色，不同職業(yè)，不同性別，以及身障人士進(jìn)行了人物的繪制。
2019是互聯(lián)網(wǎng)科技隱私問(wèn)題沉浮的一年，國(guó)外有Facebook因泄露隱私收到史上最大罰單，國(guó)內(nèi)則打響了「人臉識(shí)別第一案」。籠罩在隱私信任危機(jī)下，個(gè)人信息和數(shù)據(jù)立法突飛猛進(jìn)，美國(guó)推動(dòng)《加州消費(fèi)者隱私法案》，國(guó)內(nèi)也將在2020年出臺(tái)《個(gè)人信息保護(hù)法》和《數(shù)據(jù)安全法》。
MIUI12推出隱匿面具功能
Android開(kāi)放生態(tài)導(dǎo)致的權(quán)限隱私問(wèn)題一直被用戶(hù)所詬病，某些APP存在用戶(hù)不授權(quán)就無(wú)法使用情況，針對(duì)這一情況，MIUI12推出了隱匿面具功能。當(dāng)用戶(hù)在開(kāi)啟某些APP要求授權(quán)權(quán)限時(shí)，可以選擇空白通行證進(jìn)行授權(quán)，從而保護(hù)用戶(hù)真實(shí)信息。
在MIUI12的更新中，還推出了照明彈、攔截網(wǎng)兩項(xiàng)隱私保護(hù)功能
iOS 14剪貼板提醒
在iOS 14的更新中，保護(hù)用戶(hù)隱私方面進(jìn)一步升級(jí)。
其中剪貼板提醒設(shè)計(jì)很貼心，當(dāng)用戶(hù)打開(kāi)應(yīng)用，如果該應(yīng)用讀取了你剪貼板的內(nèi)容，會(huì)在系統(tǒng)頂部彈出提示，用戶(hù)能在第一時(shí)間意識(shí)到剪貼板內(nèi)容被讀取，幫助用戶(hù)更好的保護(hù)自己的隱私內(nèi)容。
科技的發(fā)展是一把雙刃劍，互聯(lián)網(wǎng)產(chǎn)品的發(fā)展給用戶(hù)帶來(lái)便捷和沉浸體驗(yàn)的同時(shí)，也使得用戶(hù)沉溺于科技所帶來(lái)的惰性和投食之下，逐漸喪失了對(duì)真實(shí)生活的把控權(quán)，被科技綁架。
數(shù)字福祉（digital wellbeing）近年被頻頻提起，指科技產(chǎn)品需要權(quán)衡好數(shù)碼產(chǎn)品和真實(shí)生活之間的平衡，防止數(shù)碼產(chǎn)品過(guò)渡分散用戶(hù)的注意力而影響生活質(zhì)量。
Android Q 專(zhuān)注模式 Google Android Q Focus Mode
Android Q的更新加入了專(zhuān)注模式，用戶(hù)在專(zhuān)注模式下，可以在系統(tǒng)層面快捷地關(guān)閉使你分心的應(yīng)用，讓你聚焦于更重要的事情。
防沉迷系統(tǒng)升級(jí)
推薦技術(shù)的進(jìn)步，產(chǎn)品體驗(yàn)的升級(jí)，給用戶(hù)帶來(lái)了更合胃口的菜式和沉浸體驗(yàn)，但同時(shí)也被冠上了「電子海洛因」的稱(chēng)號(hào)。游戲或者內(nèi)容產(chǎn)品的防沉迷系統(tǒng)依舊會(huì)是數(shù)字福祉下不可避免的趨勢(shì)。
王者榮耀在2020年升級(jí)防沉迷系統(tǒng)，對(duì)青少年的娛樂(lè)時(shí)間和點(diǎn)券充值的限制進(jìn)行了進(jìn)一步升級(jí)。承接話。B站在2019年推出青少年模式，在該模式下，使用時(shí)長(zhǎng)和內(nèi)容推薦等做了定制化處理。
2020年的UI設(shè)計(jì)趨勢(shì)，一方面是對(duì)往年風(fēng)格的衍變和細(xì)化，另一方面，在扁平克制的界面風(fēng)格盛行后，設(shè)計(jì)師們向往更自由、更突破的視覺(jué)表達(dá)。
1. 深色模式
2019年iOS 13深色模式姍姍來(lái)遲，緊接著大廠APP相繼推出此功能。在2020年，深色模式會(huì)繼續(xù)普及外，也會(huì)在可視性和實(shí)現(xiàn)成本方面有更多細(xì)節(jié)打磨和研究。
2. 新擬態(tài)
設(shè)計(jì)趨勢(shì)的發(fā)展是螺旋式上升的，在扁平化設(shè)計(jì)流行之后，對(duì)物體的擬真再一次回歸設(shè)計(jì)圈，新擬態(tài)以一種對(duì)舊擬物風(fēng)格的再創(chuàng)新，重新流行起來(lái)。
新擬物風(fēng)格（Neumorphism）緣起于設(shè)計(jì)師Alexander Plyuto發(fā)布在dribbble的一組作品，以投影重新對(duì)扁平界面進(jìn)行了塑造，模仿出類(lèi)似浮雕的視覺(jué)效果，感受耳目一新，引起大量設(shè)計(jì)師相盡模仿。
新擬態(tài)的實(shí)用性和可落地性有待商榷，但是作為一種新的風(fēng)格受到設(shè)計(jì)師擁躉，也不失為下一波風(fēng)潮到來(lái)前的靈感繆斯。
WWDC2020對(duì)mac OS的更新也重新定義了新擬態(tài)設(shè)計(jì)語(yǔ)言，在mac OS新系統(tǒng)Big Sur中，圖標(biāo)的設(shè)計(jì)增添了輕微的漸變、投影、高光，以此來(lái)營(yíng)造圖標(biāo)內(nèi)元素之間的縱深關(guān)系。
3. 多彩配色
在扁平簡(jiǎn)潔UI風(fēng)格盛行之后，豐富的色彩依舊是設(shè)計(jì)趨勢(shì)之一，大面積色塊，碰撞配色，帶來(lái)更具沖擊感的視覺(jué)體驗(yàn)。
4. 字體裝飾化
UI界面逐漸扁平，色塊圖標(biāo)弱化，為突出頁(yè)面重心和內(nèi)容，iOS 11在界面標(biāo)題上使用更大的字號(hào)，更粗的字重。近年在大標(biāo)題的風(fēng)格衍變下，文字在傳達(dá)信息外，也開(kāi)始有了裝飾性作用，采用超大字體，成為頁(yè)面排版美化的一部分。
5. 更大圓角
大圓角的風(fēng)格會(huì)繼續(xù)延續(xù)，相較以往，卡片的處理圓角會(huì)更大，隨之帶來(lái)的是多的留白處理，結(jié)合大字號(hào)，帶來(lái)更透氣通透的視覺(jué)感受。
Mac OS Big Sur的界面相對(duì)舊版本采用了更大的圓角；系統(tǒng)圖標(biāo)的設(shè)計(jì)統(tǒng)一成圓角矩形。
6. 更豐富的插圖
UI插圖的豐富體現(xiàn)在樣式和內(nèi)容上，樣式上開(kāi)始3D化，內(nèi)容上更注重插圖敘事的表達(dá)。
7. 3D插圖
3D圖形往年更多運(yùn)用在動(dòng)態(tài)影像或運(yùn)營(yíng)類(lèi)設(shè)計(jì)中，隨著3D的普及運(yùn)用，UI插圖也會(huì)迎來(lái)3D化，給用戶(hù)帶來(lái)更立體，更新鮮的視覺(jué)感受。
8. 講求敘事表意
相較于往年追求形式的UI插圖，新趨勢(shì)下的插圖更講求功能性，每一副插圖都承載一定的作用——傳達(dá)功能信息或透?jìng)髌放魄楦?；同時(shí)插圖更講求畫(huà)面表意和情節(jié)，給用戶(hù)敘事性的視覺(jué)體驗(yàn)，增進(jìn)用戶(hù)和產(chǎn)品之間的情感聯(lián)系。
9. 插圖組件化
插畫(huà)的流行，隨之而來(lái)的是成本的水漲船高——一套系列插圖為保持風(fēng)格統(tǒng)一，往往由唯一設(shè)計(jì)師繪制，同時(shí)為兼容各類(lèi)場(chǎng)景，設(shè)計(jì)師往往要繪制多張。
為解決插圖的成本和效率，插圖開(kāi)始以組件化的方式進(jìn)行繪制——插圖設(shè)計(jì)師將插畫(huà)進(jìn)行拆分繪制——不同人物，不同場(chǎng)景，不同物件等，再通過(guò)組件化的拼接合成，使用組件的設(shè)計(jì)師可以根據(jù)需求場(chǎng)景自由組合，也避免了風(fēng)格不統(tǒng)一問(wèn)題。
設(shè)計(jì)師Pablo Stanley將日常繪制的插畫(huà)制成一套矢量插圖組件庫(kù)，將人物分為：半身、全身和坐姿3大類(lèi)。通過(guò)不同表情、發(fā)型和服裝可自由搭配出近60萬(wàn)種組合。
Pablo Stanley人物插畫(huà)系統(tǒng)：https://v.qq.com/x/page/s3108yeyhmt.html
10. 多維度動(dòng)畫(huà)表現(xiàn)
新趨勢(shì)下，動(dòng)畫(huà)一方面回溯復(fù)古線描手繪風(fēng)格，另一方面追求更三維的體驗(yàn)，同時(shí)幀率進(jìn)一步提升，追求更流暢的視覺(jué)感受。
11. 手繪動(dòng)畫(huà)
手繪插圖是往年的熱門(mén)，其隨性自然的筆觸，能給用戶(hù)帶來(lái)親切的感受，在新的趨勢(shì)下，動(dòng)畫(huà)的加入賦予手繪插圖一份靈性和趣味。
12. 3D運(yùn)動(dòng)
Google Material Design通過(guò)卡片投影層級(jí)和二維動(dòng)畫(huà)規(guī)律，賦予扁平界面Z軸的縱深感。隨著3D的普及流行，新趨勢(shì)下的界面，界面的運(yùn)動(dòng)從二維走向三維，表現(xiàn)出3D場(chǎng)景下透視感。
13. 高幀率動(dòng)畫(huà)
高幀率影視從線下電影院移步到線上流媒體，手機(jī)高幀率屏幕從90Hz到120Hz逐步升級(jí)，用戶(hù)對(duì)畫(huà)面流暢的定義一再刷新，UI動(dòng)畫(huà)的幀率升級(jí)也會(huì)是新的一輪趨勢(shì)。
Telegram的表情采用了高幀率動(dòng)畫(huà)，給用戶(hù)更流暢的視覺(jué)感受。
體驗(yàn)的持續(xù)升級(jí)，產(chǎn)品的高速迭代，對(duì)UX設(shè)計(jì)師的設(shè)計(jì)師效率提出了更高的要求。的設(shè)計(jì)方式是一個(gè)永恒的趨勢(shì)。
1. 從本地文件到云端協(xié)作
傳統(tǒng)的文件交接方式效率低下，導(dǎo)致設(shè)計(jì)師之間信息不對(duì)稱(chēng)，最終影響產(chǎn)品的一致性體驗(yàn)。近些年在線設(shè)計(jì)協(xié)同工具發(fā)展迅速，從UI設(shè)計(jì)、 設(shè)計(jì)交付以及組件協(xié)同等環(huán)節(jié)上給設(shè)計(jì)師提供更加實(shí)時(shí)的協(xié)作體驗(yàn)，獲得大量UX設(shè)計(jì)師的簇?fù)?。?019 uxtool的設(shè)計(jì)工具調(diào)研中，在線設(shè)計(jì)協(xié)同工具佼佼者figma以其協(xié)作和性能優(yōu)勢(shì)，大有追趕sketch之勢(shì)。
隨著團(tuán)隊(duì)對(duì)設(shè)計(jì)效率要求的提高，設(shè)計(jì)文檔從本地走向云端協(xié)作是不可逆趨勢(shì)。不過(guò)設(shè)計(jì)工具的迭代是需要成本的，尤其在大型設(shè)計(jì)團(tuán)隊(duì)，設(shè)計(jì)工具需要渡過(guò)陣痛期來(lái)完成迭代，進(jìn)而提升設(shè)計(jì)效率和體驗(yàn)一致性。
2. 科學(xué)有效的設(shè)計(jì)系統(tǒng)
UX的發(fā)展，從早期的靜態(tài)規(guī)范到當(dāng)下的動(dòng)態(tài)設(shè)計(jì)系統(tǒng)，是為解決產(chǎn)品迭代增速后帶來(lái)的設(shè)計(jì)效率和產(chǎn)品體驗(yàn)問(wèn)題。商業(yè)驅(qū)動(dòng)下的產(chǎn)品迭代速度有增無(wú)減，設(shè)計(jì)系統(tǒng)依舊會(huì)是未來(lái)幾年的設(shè)計(jì)趨勢(shì)之一。
這里說(shuō)的設(shè)計(jì)系統(tǒng)不是廣義上的設(shè)計(jì)系統(tǒng)，而是在互聯(lián)網(wǎng)設(shè)計(jì)的發(fā)展中，對(duì)組件化設(shè)計(jì)逐步迭代升華的一套設(shè)計(jì)協(xié)作方法：
「設(shè)計(jì)系統(tǒng)（Design systems）是一組為了共同目標(biāo)而服務(wù)的內(nèi)在相互聯(lián)系的設(shè)計(jì)模式和多人協(xié)同執(zhí)行的方法。」（引自《Design systems》，Alla Kholmatova，C7210翻譯）。
3. 設(shè)計(jì)系統(tǒng)歷程衍變
組件化的發(fā)展歷經(jīng)規(guī)范文檔到UI組件，再到設(shè)計(jì)系統(tǒng)，形態(tài)從最初對(duì)設(shè)計(jì)一致性的指導(dǎo)規(guī)范，到對(duì)產(chǎn)品研發(fā)流程的規(guī)范，以及產(chǎn)品設(shè)計(jì)價(jià)值觀的輸出，當(dāng)下的設(shè)計(jì)系統(tǒng)以集大成者形式影響整個(gè)產(chǎn)品的設(shè)計(jì)形態(tài)。
設(shè)計(jì)系統(tǒng)的結(jié)構(gòu)見(jiàn)下圖：
4. 設(shè)計(jì)系統(tǒng)的求同存異
設(shè)計(jì)系統(tǒng)并非一成不變的，他是一個(gè)動(dòng)態(tài)進(jìn)化的系統(tǒng)，會(huì)根據(jù)團(tuán)隊(duì)性質(zhì)、產(chǎn)品特性在內(nèi)容上有所區(qū)分——比如大團(tuán)隊(duì)更應(yīng)該大而全，小團(tuán)隊(duì)更傾向小而精；成熟產(chǎn)品的設(shè)計(jì)系統(tǒng)更傾向于打造完整閉環(huán)的合作流程機(jī)制，新產(chǎn)品的設(shè)計(jì)系統(tǒng)應(yīng)該以小為始，快速迭代……
隨著產(chǎn)品的垂直化，細(xì)分化，設(shè)計(jì)系統(tǒng)的趨勢(shì)會(huì)是在趨勢(shì)大同之下找到適合產(chǎn)品和團(tuán)隊(duì)自身的形態(tài)和節(jié)奏。
Material Design是一個(gè)包含了指導(dǎo)規(guī)范、組件，以及設(shè)計(jì)開(kāi)發(fā)工具的自適應(yīng)性設(shè)計(jì)系統(tǒng)。
它作為平臺(tái)型性設(shè)計(jì)系統(tǒng)，更為大而全的規(guī)范了整個(gè)生態(tài)系統(tǒng)的設(shè)計(jì)風(fēng)格，以及提供工具讓研發(fā)者能快速產(chǎn)出符合規(guī)范的產(chǎn)品。
△ Google生態(tài)龐大繁雜，Material Design更為全面
Ant Design作為一個(gè)為to B產(chǎn)品提供解決方案的平臺(tái)，更多從設(shè)計(jì)可用性和完整性考慮設(shè)計(jì)系統(tǒng)的搭建。
△ Ant Design通過(guò)模塊化解決方案，降低冗余的生產(chǎn)成本，讓設(shè)計(jì)者專(zhuān)注于更好的用戶(hù)體驗(yàn)
QQ作為一款面向95后的2C社交產(chǎn)品，其設(shè)計(jì)系統(tǒng)Q語(yǔ)言從風(fēng)格調(diào)性上對(duì)設(shè)計(jì)進(jìn)行規(guī)范，同時(shí)給予設(shè)計(jì)師一定的自由度；也考慮到QQ內(nèi)兼顧多個(gè)產(chǎn)品，以及界面主題樣式，對(duì)基礎(chǔ)組件的使用場(chǎng)景和代碼進(jìn)行了規(guī)范，方便設(shè)計(jì)和開(kāi)發(fā)敏捷開(kāi)發(fā)。
Q語(yǔ)言，給予產(chǎn)品的自由調(diào)性之外，也針對(duì)主題和基礎(chǔ)組件進(jìn)行了規(guī)范。
每個(gè)產(chǎn)品和團(tuán)隊(duì)都有自身的特征，設(shè)計(jì)系統(tǒng)的建設(shè)也應(yīng)該有的放矢，沒(méi)有可照搬的標(biāo)準(zhǔn)答案，在大方向下找到適合自身的解決方案才是的可行之道，將效率最大化。
5. 科學(xué)有效的優(yōu)化迭代
組件是設(shè)計(jì)系統(tǒng)中的重要組成部分，但是以往靜態(tài)的、孤立的協(xié)作方式使得組件的更新迭代滯后和阻塞。隨著設(shè)計(jì)系統(tǒng)的發(fā)展，設(shè)計(jì)師組件化思維的普及，組件的更新需要更科學(xué)的方式進(jìn)行管理。
Figma在2019年推出的Design System Analytics功能，組件設(shè)計(jì)師可以借此查看組件的使用情況，包括引用次數(shù)，解組次數(shù)等，并可以生成組件使用情況的曲線趨勢(shì)圖，以數(shù)據(jù)的形式，科學(xué)地推動(dòng)組件的優(yōu)化迭代。
選擇分析的時(shí)間段；組件使用的次數(shù)曲線圖；團(tuán)隊(duì)使用情況；所有組件使用情況
未來(lái)的用戶(hù)體驗(yàn)會(huì)出現(xiàn)什么新趨勢(shì)？人工智能等算法的發(fā)展、5G技術(shù)普及、新的智能設(shè)備形態(tài)、新的信息處理技術(shù)、新一代用戶(hù)的喜好和口味……這些往后或?qū)⒂绊懹脩?hù)體驗(yàn)發(fā)展的走向。未來(lái)用戶(hù)對(duì)體驗(yàn)的要求只會(huì)越來(lái)越高。
用戶(hù)體驗(yàn)設(shè)計(jì)師需要了解更多的技術(shù)動(dòng)向，但安身立命之本還是讓用戶(hù)真正受益：立足于用戶(hù)真實(shí)使用場(chǎng)景，在理性?xún)r(jià)值層面上，打造可用、易用、的設(shè)計(jì)；在感性需求層上賦予情感上的愉悅性，在反思層面賦予意義價(jià)值。
文章來(lái)源：優(yōu)設(shè) 作者：騰訊ISUX
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com