起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識動態(tài)界面，下一個突破口？
編輯導(dǎo)語：你是否有仔細(xì)觀察過手機(jī)上各大APP的界面？其中，靜態(tài)界面存在什么問題？動態(tài)界面又有什么樣的發(fā)展趨勢？本文作者圍繞動態(tài)界面為我們進(jìn)行了詳細(xì)地分析，看看為什么動態(tài)界面會是下一個突破口。
大家有沒有發(fā)現(xiàn)，自動移動時代后，UI設(shè)計的發(fā)展有些緩慢，或者說沒有預(yù)期那么快了？
曾經(jīng)被喬布斯帶起的創(chuàng)意交互用戶體驗和交互創(chuàng)意的熱潮，卻因為系統(tǒng)規(guī)范、模板組件和同質(zhì)競爭的日趨成熟，而被一點點地驅(qū)散。
大家逐步減輕對產(chǎn)品設(shè)計的期待值，這么做的理由還都非常充分：“操作系統(tǒng)、模板組件和競品團(tuán)隊的設(shè)計師水平高又有經(jīng)驗，他們都幫我做好了，直接復(fù)用不就好了嘛？”
你手機(jī)上可能有好幾個視頻軟件、好幾個閱讀軟件、好幾個購物軟件，你能張口就說出他們界面之間的區(qū)別嗎？
風(fēng)格和細(xì)節(jié)上也許不同，但整體而言真沒多大差異。
一、國內(nèi)主流視頻網(wǎng)站
從無人問津藍(lán)海，到競爭激烈的紅海，這都是自然規(guī)律。而現(xiàn)在的這樣UI設(shè)計，卻更像是沉浸下來的死海。
幾百塊的模板設(shè)計費、幾千塊的模板開發(fā)費、幾乎找不出差異點的同類產(chǎn)品。好不容易見到一些新潮的創(chuàng)意設(shè)計，卻大多只是躺在設(shè)計師個人作品集里的飛機(jī)稿。
UI設(shè)計未來的突破口在哪里呢？
二、靜態(tài)界面的問題
用戶體驗是什么？
“進(jìn)入→輸入→輸出→使用→離開”，用戶使用產(chǎn)品是一個動態(tài)流程。而我們現(xiàn)在的用戶體驗設(shè)計師，卻大多依賴靜態(tài)界面，來設(shè)計一個動態(tài)流程，這難道不矛盾嗎？
這就好比在制作動畫的時候，只顧及到了關(guān)鍵幀，而中間的銜接和整體流暢性，卻被忽視掉了。
理想中的用戶體驗：
靜態(tài)用戶體驗設(shè)計：
這樣的體驗設(shè)計，就好像上面的動畫一樣。雖然關(guān)鍵幀都沒問題，但整體上來看是有缺陷的。
很多時候，我們直接拿設(shè)計稿去和非行業(yè)內(nèi)的領(lǐng)導(dǎo)或甲方去對方案，溝通效率不高，而且可能會被要求提供可點擊的原型。
這是因為設(shè)計稿中只體現(xiàn)了關(guān)鍵幀，中間的銜接方式、細(xì)節(jié)反饋統(tǒng)統(tǒng)省略了，本身就是不完整的方案。對于沒有相關(guān)產(chǎn)品研發(fā)經(jīng)驗的人來說，確實難以理解。
用靜態(tài)界面方案來介紹產(chǎn)品，我想類似于用2D剖面圖來展示3D產(chǎn)品，看的人需要一定經(jīng)驗和想象才能理解。
只有動態(tài)界面才能夠突破排版的2D局限，像是3D效果圖一樣，給人更加直觀全面的感受。
三、互聯(lián)網(wǎng)全民娛樂時代
并不是說以前的互聯(lián)網(wǎng)就不夠娛樂化，但是這幾年的短視頻、直播興起以來，互聯(lián)網(wǎng)娛樂漸漸在替代電視、電臺、演出等主流線下娛樂方式的道路上，又有了很大的突破。
現(xiàn)在很多人罵抖音無腦、快手庸俗、直播辣眼，和吐槽當(dāng)年的電視娛樂幾乎一模一樣?？梢姛o論科技如何進(jìn)步，人民在文化娛樂上的需求并不會改變。
那么在這樣大量使用多媒體的娛樂產(chǎn)品中，靜態(tài)界面的體驗設(shè)計方法就顯現(xiàn)出更明顯的局限性了。尤其是在全屏播放視頻時，純靜態(tài)的UI并不足以操控用戶的注意力，而對用戶注意力的操控會直接影響到產(chǎn)品的運營能力。
上圖可見，與快手除了臨時的紅包入口之外，界面上的大部分元素都是靜態(tài)的，用戶的主要注意力都放在視頻內(nèi)容上；而抖音的界面在頭像、音樂處都用微動效來提高了對用戶注意力的掌控。
之前我做過一次抖音vs快手的短視頻APP體驗評測，結(jié)果快手在尋找音樂等信息的體驗上，比抖音的問題更大：
并且對于娛樂類產(chǎn)品來說，動效將與產(chǎn)品運營和轉(zhuǎn)化捆綁越來越深，各大互聯(lián)網(wǎng)公司哪怕是為了營收賺錢，也不得不加強(qiáng)這一部分的投入。
四、動態(tài)界面的發(fā)展趨勢
目前已上線的成熟產(chǎn)品中，哪怕是短視頻、直播這類新興娛樂 APP ，在動態(tài)界面還基本處于微交互的初始階段。我預(yù)計等發(fā)展到中后期時，現(xiàn)在的碎片化動效設(shè)計，將轉(zhuǎn)變?yōu)檎w的動態(tài)頁面設(shè)計。
現(xiàn)在 Dribbble 上一些概念方案以及開始在這一方向進(jìn)行探索了（雖然大部分都還沒什么實用性）：
也許以后，設(shè)計一個產(chǎn)品的用戶體驗，將和設(shè)計電影和動畫的過程更加相近（只是一個比喻）。
例如：我們看電影和綜藝，都會有一個很厲害的片頭，而 APP 的加載頁相比之下，就遜色多了。如果有一天手機(jī)娛樂成為主流，是不是 loading 頁也會越來越厲害？
綜藝節(jié)目《乘風(fēng)破浪的姐姐》片頭×2倍速：
有的些游戲娛樂產(chǎn)品，已經(jīng)在往這個方向探索了。例如，增強(qiáng)界面的空間感，在裝飾元素和背景上增加循環(huán)動畫。
猜歌星球：
島：
五、總結(jié)
想想過去短短十來年內(nèi)科技界就已翻天地覆，未來的發(fā)展可能并非我們能夠輕松猜測的。
但是管中窺豹，界面設(shè)計突破靜態(tài)框架，在動效上不斷加強(qiáng)已是事實。未來在科技進(jìn)步的前提、全民娛樂的浪潮下，動態(tài)界面發(fā)展成標(biāo)配是完全有可能的。
作者：Z Yuhan，前華為騰訊交互設(shè)計，在英國學(xué)習(xí)了人機(jī)交互，樂意帶你由淺入深了解產(chǎn)品體驗；公眾號：體驗進(jìn)階。
本文由 @Z Yuhan 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載
題圖來自 Pexels，基于 CC0 協(xié)議
對交互的要求更高了