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