2020-10-29 資深UI設(shè)計(jì)者
新的十年，新技術(shù)也悄然到來(lái)。人工智能潤(rùn)物無(wú)聲，5G 應(yīng)用也漸漸嶄露頭角。新時(shí)代帶來(lái)了新的技術(shù)，新的場(chǎng)景，新的用戶。用戶體驗(yàn)從未像今天如此豐富多彩又復(fù)雜細(xì)致，給設(shè)計(jì)師帶來(lái)了全新的機(jī)遇與挑戰(zhàn)。
而在疫情的大背景下，對(duì)演出行業(yè)而言，需要加速傳統(tǒng)演出產(chǎn)業(yè)的線上化變革適應(yīng)疫情背景的同時(shí)，也要利用新技術(shù)嘗試增強(qiáng)線下的演出觀演體驗(yàn)。這對(duì)演出形式的發(fā)展提出了更高的要求。
貓眼演出設(shè)計(jì)團(tuán)隊(duì)搜集近年來(lái)優(yōu)秀的用戶體驗(yàn)案例，并嘗試預(yù)測(cè)未來(lái)一段時(shí)間用戶體驗(yàn)發(fā)展的趨勢(shì)與方向。希望對(duì)大家有所啟發(fā)。
相較于演唱會(huì)、音樂(lè)節(jié)等演出，展覽內(nèi)容向線上遷移的成本較低。2020 年的畢業(yè)展覽，各大高校采用了不同形式的線上展覽，為青春畫上圓滿句號(hào)。
央美的線上畢業(yè)展中，幾乎 1:1 還原了學(xué)校展廳原貌，觀眾可以在展廳內(nèi)走動(dòng)來(lái)觀察展品。讓觀眾身臨其境感受藝術(shù)氛圍。
清華美院的展覽中采用視差風(fēng)格，用戶可以將手機(jī)橫向滑動(dòng)，感受內(nèi)容在指尖流動(dòng)。是更適合移動(dòng)端瀏覽內(nèi)容的形式。
說(shuō)起類似「?jìng)鹘y(tǒng)直播」的線上演唱會(huì)嘗試，缺少演出者與觀眾的互動(dòng)成為較大的遺憾。在釘釘 Live 與 Beyond 中，觀演者可以通過(guò)攝像頭參與到演出的背景中，并與演出者同屏互動(dòng)，帶來(lái)打破空間阻隔的互動(dòng)試聽(tīng)體驗(yàn)。
熒光棒當(dāng)然是演唱會(huì)不可缺少的一環(huán)。而能夠與演出互動(dòng)的熒光棒則能夠大大提升參與感。
Beyond Live 推出的互動(dòng)應(yīng)援棒，可以跟隨演出實(shí)時(shí)互動(dòng)，大大增強(qiáng)了演出的臨場(chǎng)感。
對(duì)演出行業(yè)而言，疫情的到來(lái)是不小的打擊。但也激勵(lì)著從業(yè)者往新的方向去探索，尋找為觀眾呈現(xiàn)演出的新形式。
人工智能的發(fā)展到今天，逐步開(kāi)始為產(chǎn)品體驗(yàn)添磚加瓦。我們?cè)絹?lái)越能感受到產(chǎn)品更懂用戶了，在合適的時(shí)機(jī)做正確的事情。而其中讓產(chǎn)品更懂我們的，正是 AI 為產(chǎn)品添加的感官。
無(wú)論是視覺(jué)還是聽(tīng)覺(jué)，AI 賦予產(chǎn)品更細(xì)致的觀察，從而創(chuàng)造更加人性化的體驗(yàn)。
語(yǔ)音類產(chǎn)品可以進(jìn)行連續(xù)對(duì)話，并根據(jù)上下文進(jìn)行整體語(yǔ)境的理解。不僅讓日常生活更加便利，同時(shí)也照顧到聽(tīng)障人士，在打電話這件事情上實(shí)現(xiàn)了「文字 - 語(yǔ)音跨感官」的交流。
Google Assistant 可以根據(jù)用戶的要求，打電話與商戶老板預(yù)約訂餐。
在小愛(ài)同學(xué)的幫助下，現(xiàn)在可以用打字聊天的方式接聽(tīng)電話。不僅讓不方便接電話的場(chǎng)景得到解脫，也解決了聽(tīng)障人士打電話的難題。
借助 AI 對(duì)周圍環(huán)境的分析，可以感知到更細(xì)致的用戶場(chǎng)景。華為 Mate 30 Pro 借助 AI 判斷人臉與設(shè)備之間的角度，來(lái)決定屏幕內(nèi)容是否需要旋轉(zhuǎn)。相比較陀螺儀對(duì)重力的感知，這樣的方式可以更準(zhǔn)確判斷使用場(chǎng)景。
在呈現(xiàn)復(fù)雜內(nèi)容時(shí)，AI 智能判斷畫面主體，從而優(yōu)化給用戶呈現(xiàn)的畫面。
在 Bilibili 實(shí)現(xiàn)的防擋彈幕利用 AI 去分析視頻中的人物、動(dòng)物等「畫面主體」，給彈幕添加遮罩層。從而實(shí)現(xiàn)畫面主體與彈幕的和諧共存。
當(dāng)機(jī)器可以看懂人的手勢(shì)，我們就可以隔空來(lái)發(fā)號(hào)施令了。
在 DJay Pro AI 中，一臺(tái) iPad 放在桌面上，DJ 就可以隔空打碟。在難以觸控屏幕的場(chǎng)景中，手勢(shì)也有著其不可忽略的痛點(diǎn)。
在 Mate 30 系列中，用戶也可以通過(guò)手勢(shì)來(lái)進(jìn)行截圖、上下翻動(dòng)等常用操作。
AI 賦予了產(chǎn)品感官，對(duì)現(xiàn)實(shí)有了更深入的理解。同時(shí)也使得 AR 的內(nèi)容不僅局限于「好看」的展示，而能更好地與周圍環(huán)境結(jié)合起來(lái)。
Google Lens 可以根據(jù)定位和識(shí)別內(nèi)容判斷用戶所在餐館，并在菜單中標(biāo)注推薦的菜肴。
Rekugaki AR 可以識(shí)別畫面中的卡通形象，并創(chuàng)建一個(gè)紙片人與用戶互動(dòng)。
更新 iOS 14 之后，AirPods Pro 擁有了「空間音頻」。結(jié)合播放設(shè)備與耳機(jī)的位置，通過(guò)陀螺儀等設(shè)備共同模擬一個(gè)虛擬聲場(chǎng)，讓用戶有身臨其境的空間音頻感受。增強(qiáng)了 AR 在音頻領(lǐng)域的體現(xiàn)。
在 2020 年，內(nèi)容為王的時(shí)代，UI 所扮演的角色也漸漸變化。從過(guò)去，想盡辦法吸引用戶的點(diǎn)擊和關(guān)注，到如今，會(huì)更多思考如何包裝和凸顯內(nèi)容。
或許潤(rùn)物無(wú)形，讓用戶覺(jué)得理所當(dāng)然的沉浸感，才是 UI 最好的歸宿。
相比較 UI 設(shè)計(jì)早期對(duì)于彈窗的頻繁使用，近些年在產(chǎn)品設(shè)計(jì)中越來(lái)越克制對(duì)于用戶的打擾。從而讓用戶盡可能沉浸在當(dāng)前的體驗(yàn)流程中。
在 iOS 14 中，如果用戶正在使用手機(jī)，來(lái)電則以通知的形式呈現(xiàn)，在玩游戲的場(chǎng)景可能尤為有用。Siri 也不再占據(jù)全屏幕的內(nèi)容，而是以底部的小圓球出現(xiàn)。這樣假如我們把手機(jī)呈現(xiàn)的內(nèi)容視為沉浸的世界，Siri 更像是一個(gè)身邊的小助手，而不是專門要跑一趟的柜臺(tái)了。
在很多專注內(nèi)容的產(chǎn)品中，會(huì)更注重沉浸式的設(shè)計(jì)。減少線框和切割，弱化 UI 和導(dǎo)航元素，在全局視野里都填充內(nèi)容。
Apple Music 的歌詞界面中，隨著歌聲響起，歌詞也隨之滾動(dòng)。與此同時(shí)，背景也呈現(xiàn)極光的流動(dòng)感。使人沉浸在優(yōu)美的歌曲中。
在很多專注于呈現(xiàn)內(nèi)容的網(wǎng)站中，則更多采用了扁平化、去分割化的設(shè)計(jì)。讓用戶更專注于內(nèi)容本身。Dribbble 的改版中，將導(dǎo)航欄改為白色，背景也變?yōu)榧儼住Ｗ層脩舨蝗ニ伎脊δ苣K，而專注于內(nèi)容本身。
近幾年隨著屏幕技術(shù)的不斷更新，逐步在硬件上呈現(xiàn)出穩(wěn)定的產(chǎn)品形態(tài)。相較于傳統(tǒng)的屏幕，手機(jī)屏幕的更新出現(xiàn)以下的關(guān)鍵詞：
而這些新的硬件形態(tài)也對(duì) UI 設(shè)計(jì)提出了新的要求。我們可以看到針對(duì)于這些硬件特性，UI 設(shè)計(jì)也有了新的變化：
相較于傳統(tǒng)的直角屏幕，全面屏為了貼合手機(jī)的硬件形態(tài)。呈現(xiàn)一個(gè)圓角矩形的視野。在 UI 設(shè)計(jì)中，呈現(xiàn)大圓角風(fēng)格的卡片設(shè)計(jì)，能更好貼合這樣的屏幕，實(shí)現(xiàn)軟硬件合一的觀感。
如今主流的手機(jī)屏幕已經(jīng)到了 6 寸，于是這對(duì)單手操作帶來(lái)了很大的挑戰(zhàn)。各大廠商在不斷優(yōu)化交互細(xì)節(jié)的同時(shí)，也有廠商帶來(lái)了新的思路。
在三星推出的 One UI 中，將上半屏主要用于內(nèi)容展示，而下半屏幕放置操作內(nèi)容。在高德地圖上我們也看到了類似的思路。
OLED 屏幕可以顯示非常純凈的黑色，而深色模式可以很好利用這一點(diǎn)。深色模式可以突出內(nèi)容，也可以因?yàn)榇蟛糠謪^(qū)域不發(fā)光更省電。而用戶過(guò)去很多年都看慣了白色的背景，突然“眼前一黑”也許眼前一亮。
有了更大的屏幕，就要做更多的事情。越來(lái)越多的廠商支持系統(tǒng)級(jí)浮窗。甚至在 Galaxy Fold 2 中，可以同時(shí)顯示 4 個(gè)分屏，還能再添加浮窗。
新出現(xiàn)的折疊屏形態(tài)，則要求產(chǎn)品在布局上更加靈活，在大屏幕上呈現(xiàn)更多內(nèi)容。在華為 Mate Xs 的「平行視界」功能中，用戶可以在左右分屏中展現(xiàn)前后兩級(jí)頁(yè)面，購(gòu)物比價(jià)更方便。利用折疊屏的特性，實(shí)現(xiàn)了 1 + 1 > 2 的效果。
信息時(shí)代，數(shù)碼世界已經(jīng)承載了我們太多的回憶與財(cái)富。頻繁的身份驗(yàn)證保證了我們的財(cái)產(chǎn)與隱私安全，但也帶來(lái)了諸多的不便。忘掉的密碼，濕掉的指紋，忍不住讓人大喊「我就是我啊，你怎么不明白」。如何讓身份驗(yàn)證變得快速且無(wú)感，讓生活變得方便且簡(jiǎn)單。
在演出行業(yè)中，特別是需要快速準(zhǔn)確驗(yàn)證身份的檢票場(chǎng)景中，使用 AI + 人臉識(shí)別技術(shù)也大大提升了檢票效率。
人臉總是最好的密碼。不論是 Face ID 還是刷臉支付，快速、低錯(cuò)誤率的特性，總是讓人印象深刻。
Amazon 推出的無(wú)感支付超市 Amazon GO，用戶不需要進(jìn)行任何形式的身份驗(yàn)證，拿了商品，走出超市，購(gòu)物就完成了。
iOS 14 中，你可以用手機(jī)來(lái)解鎖車輛，甚至可以通過(guò)信息，將車鑰匙分享給他人并設(shè)置可用時(shí)間。
如今每個(gè)人都擁有更多的智能設(shè)備，如果設(shè)備只能獨(dú)立使用，顯然不能發(fā)揮最大的價(jià)值。好在如今設(shè)備之間的連接更快更強(qiáng)大，最終組成快速無(wú)縫的優(yōu)質(zhì)體驗(yàn)。
超寬帶（Ultra Wide Band，UWB）技術(shù)是一種無(wú)線載波通信技術(shù)，能賦予設(shè)備空間感知的能力。當(dāng)設(shè)備之間了解了彼此的方位，能在很多場(chǎng)景尤其是家居場(chǎng)景中提供便利。
iPhone 11 搭載的 U1 芯片賦予設(shè)備之間的空間感知能力。用戶可以將手機(jī)對(duì)準(zhǔn)想要分享的設(shè)備，在界面中就會(huì)優(yōu)先展示。
小米發(fā)布的「一指連」技術(shù)，用戶可以將手機(jī)對(duì)準(zhǔn)想要控制的智能設(shè)備，在手機(jī)中就會(huì)自動(dòng)彈出對(duì)應(yīng)的控制面板。
iOS 14 更新后，用戶無(wú)需對(duì) AirPods 進(jìn)行斷開(kāi)或重新連接的操作。耳機(jī)會(huì)在用戶在新設(shè)備播放聲音時(shí)，自動(dòng)連接到新設(shè)備。對(duì)于設(shè)備感知的弱化，就是對(duì)體驗(yàn)感知的提升。
在 macOS 10.15 后，用戶可以將 iPad 作為拓展屏幕使用。并且無(wú)線、低延遲、高畫質(zhì)。甚至可以利用 Apple Pencil 在 Mac 的 Photoshop 中進(jìn)行繪畫，作為 Mac 生產(chǎn)力內(nèi)容的補(bǔ)充。
使用華為手機(jī)與 MateBook 時(shí)，用手機(jī)輕觸觸摸板即可實(shí)現(xiàn)無(wú)線投屏。并且在電腦端可以打開(kāi)手機(jī)文件進(jìn)行編輯、保存，同時(shí)支持手機(jī)、電腦文件之間的拖拽操作。實(shí)現(xiàn)了手機(jī)與電腦的快速無(wú)縫協(xié)同。
數(shù)字世界如今已經(jīng)承載著很多人的第二生活，而隱私的權(quán)利也在信息時(shí)代有了更廣的延伸。在產(chǎn)品利用我們的個(gè)人信息創(chuàng)造便利的同時(shí)，也帶來(lái)了很多隱私泄露的隱患。越來(lái)越多的人開(kāi)始期待，能夠享受大數(shù)據(jù)帶來(lái)的便利，而不必?fù)?dān)心自己的信息被用在不正當(dāng)?shù)耐緩健?
iOS 14 之后的 App Store 中，用戶可以看到應(yīng)用所請(qǐng)求的數(shù)據(jù)權(quán)限。在應(yīng)用訪問(wèn)剪貼板時(shí)，也會(huì)在頂部彈出提示。
安卓生態(tài)中的反復(fù)喚醒是困擾用戶的一大問(wèn)題。MIUI 12 中可以查看應(yīng)用之間的喚醒、定位、使用媒體的記錄，誰(shuí)是流氓軟件一目了然。
MIUI 12 中可以開(kāi)啟虛擬身份或使用空白通行證進(jìn)行應(yīng)用授權(quán)，這樣既可以使用對(duì)身份有要求的 APP，也可以避免隱私的泄露。
iOS 相冊(cè)權(quán)限細(xì)分為「全部照片」「部分照片」「不允許訪問(wèn)照片」，這樣當(dāng)用戶僅希望分享幾張照片時(shí)，不需要讓應(yīng)用可以訪問(wèn)所有照片了。
iOS 14 之后，用戶可以關(guān)閉「允許 App 請(qǐng)求跟蹤」開(kāi)關(guān)，以此減少 App 對(duì)個(gè)人信息的獲取。
2020 年，90 后三十而立，將要面對(duì)更多的挑戰(zhàn)，承擔(dān)著更多的精神與情感壓力。
00 后也跨入了 20 歲的年紀(jì)，這些 Z 時(shí)代的年輕人成為了網(wǎng)絡(luò)主流。他們追求個(gè)性，情緒上更加敏感，表達(dá)情感的欲望也更加強(qiáng)烈。
面對(duì)著 996、內(nèi)卷與房?jī)r(jià)，似乎大多數(shù)人都在感受著不同程度的壓力。
在網(wǎng)易云這樣一個(gè)主打聽(tīng)歌評(píng)論的社區(qū)中，出現(xiàn)了大量帶有「抑郁情緒」的評(píng)論。網(wǎng)易云也被大家戲稱為「網(wǎng)抑云」。在發(fā)現(xiàn)相關(guān)情況后，網(wǎng)易云推出了「關(guān)懷計(jì)劃」，在 App 中接入專業(yè)心理咨詢的同時(shí)，也設(shè)計(jì)了一些治愈的小功能，幫助大家紓解情緒。在評(píng)論中用雙指捏合，可以給評(píng)論者一個(gè)抱抱。在疫情背景的今天，或許是難得的安慰。
年輕人的個(gè)性化需求和表達(dá)欲望總是更強(qiáng)烈，在產(chǎn)品中滿足年輕人的想法，就能抓住年輕人的心。
在騰訊漫畫 App 中，切換性別會(huì)讓首頁(yè)呈現(xiàn)完全不同的內(nèi)容推薦。
在 QQ 里，連續(xù) 7 天和同一個(gè)人聊天可以有一個(gè)小火苗，30 天則可以變成大火苗。而針對(duì)新朋友和聊得最多的朋友還有四葉草和小船等標(biāo)識(shí)。這些個(gè)性化、游戲化的展示，滿足了年輕人的展示欲望，和對(duì)趣味的追求。
2020 年，疫情讓很多人分隔兩地，很多親密關(guān)系很難在線上維系。于是很多產(chǎn)品推出了「一起」功能，在線上可以一起聽(tīng)歌看電影，滿足疫情時(shí)代，人們的社交需求。
在網(wǎng)易云中，可以分享歌曲給朋友一起聽(tīng)歌。雙方都可以控制歌曲的切換與暫停，還能通過(guò)麥克風(fēng)與對(duì)方聊天說(shuō)話。
在 QQ 中可以選擇「一起看」，分享給好友之后可以同進(jìn)度觀看視頻，還能在下方聊天互動(dòng)發(fā)送表情等。
在本文寫完的 2020 年 10 月，我們能看見(jiàn)對(duì)疫情的控制程度在全社會(huì)的努力下漸漸往好的方向發(fā)展，線下的演出在漸漸復(fù)蘇，行業(yè)對(duì)線上演出展覽的探索也初見(jiàn)成效。
黃明昊 Just 18 Teen 新歌首唱會(huì)剛剛結(jié)束，貓眼演出 · 超級(jí)現(xiàn)場(chǎng)所實(shí)現(xiàn)的線上演出直播 + 線下影院觀演，與偶像同屏的互動(dòng)方式得到了粉絲的一致好評(píng)。
我們也即將迎來(lái)英雄聯(lián)盟世界賽這樣首個(gè)大型線下演出項(xiàng)目。相信 AI 人臉識(shí)別的技術(shù)在閘機(jī)入場(chǎng)的應(yīng)用，能為召喚師們帶來(lái)更好的觀賽體驗(yàn)。
用戶體驗(yàn)在 2020 年的發(fā)展，已經(jīng)不局限于新技術(shù)的應(yīng)用，也更考驗(yàn)用戶體驗(yàn)設(shè)計(jì)師對(duì)于場(chǎng)景的細(xì)致洞察，對(duì)于用戶情感的細(xì)微把控。
文章來(lái)源：站酷 作者：貓眼演出設(shè)計(jì)Team
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com