最近美劇《風(fēng)騷律師》第六季正式回歸，本來想等著全部更新完之后在一口氣看個痛快。但是豆瓣里一萬多名用戶給出了9.9分的評價，就讓我有點坐不住了，勢必要看看「律師」是如何超越「毒師」的，也彌補一下近期的劇荒
當(dāng)我打開Netflix之后，引起我注意的是「超愛這部!」這個功能，第一眼看到的時候有些疑惑，這個功能的意義是什么？與點贊功能的區(qū)別是什么？我點了之后會怎么樣？我一直理解Netflix的點贊功能和Youtube、Twitter和抖音類似，點擊之后會推薦給我更符合口味的內(nèi)容或者有收藏的作用。但是對于Double the Thumbs的疑問是，除了喜歡與不喜歡之外，還可以給用戶帶來什么體驗？它是Like功能的進化體么？已經(jīng)擁有18年歷史的點贊功能還有可優(yōu)化的空間么？借此話題，來和大家聊聊點贊功能背后的洞察與價值
早期的點贊把原本靜止的內(nèi)容變成了社交的媒介，用戶間通過贊來簡單直接的交流。我喜歡，我就點贊，蘊含贊同、支持和鼓勵，此時的點贊更單純與純粹
2004年，社交新聞聚合器Digg的創(chuàng)始人Kevin Rose發(fā)明了Digg功能，用戶從內(nèi)容列表中查找自己感興趣的內(nèi)容并將其“Digg”出來——本意「挖掘」，你可以理解為「頂」——以表達自己對這篇報道的認(rèn)可。當(dāng)一篇文章得到足夠的Digg之后，就會被提升到首頁上，讓更多的人看到
就像是一個朋友給你講了一個故事，你十分激動。這個故事是你從來沒有聽過的，你記住了它并將這個故事分享給了其他的朋友
2007 年，社交聚合網(wǎng)站FriendFeed 將“Like” 按鈕作為一項新功能發(fā)布并推廣，兩年后，隨著 FriendFeed 被 Facebook 收購，這項功能也整合到了 Facebook 里。隨后，各大社交產(chǎn)品紛紛效仿，同期的 Tumblr、Vimeo以及后來的 Instagram 都增加了這一功能。在國內(nèi)，微信4.0版本推出的朋友圈，后來抖音的小紅心、知乎的大拇指或者老鐵雙擊666，不管什么樣式的圖標(biāo)和表達方式，點贊即可滿足用戶的基本需求，又可以為產(chǎn)品實現(xiàn)商業(yè)價值，已經(jīng)成為了社交產(chǎn)品的標(biāo)配并且一直延用至今
去點贊
先問各位幾個問題，你一天會給幾條抖音、朋友圈或者知乎的回答點贊？你一天又會收到幾個點贊？那你會記得一天跟多少人打過招呼么？
可能你會認(rèn)為我很無聊，誰會每天統(tǒng)計點贊和打招呼的次數(shù)呢?？烧且驗檫@些你根本不在意的數(shù)字，無意的一個舉動影響著生活。在電梯里碰到同事你要點頭示意，領(lǐng)導(dǎo)發(fā)了一條朋友圈你要點贊附和，朋友積贊領(lǐng)優(yōu)惠券你要支持。你需要禮貌的簡單問候，或是處于功利維護人際關(guān)系，點贊無非是門檻最低，負(fù)擔(dān)最小的表達方式，是敷衍的象征。相比于轉(zhuǎn)發(fā)顯得太重，評論則需要輸出觀點，模糊不清的態(tài)度絕對不會承擔(dān)責(zé)任，還可以維持住一定的距離感
在社交媒體里，我們點贊做的只是觀察他們，表示認(rèn)同，而不是向他們展示我們關(guān)心的事情，更別說用它加深友誼 「 Karen North - 數(shù)字社交媒體教授」
在傳統(tǒng)的社交中，我們有點頭之交的關(guān)系，然而互聯(lián)網(wǎng)的出現(xiàn)讓我們生活和工作中又出現(xiàn)了一種新型的關(guān)系“點贊之交”，它已經(jīng)成為了網(wǎng)絡(luò)社交的通用禮儀，雖然它無關(guān)緊要，含義不足以加深感情，但是想躲也躲不掉
被點贊
作為一名內(nèi)容輸出者來說我的體會更深，我的視頻怎么沒人看，為什么點贊還不到一百個，每十分就會拿起手機看十幾次，內(nèi)心的掙扎與惶恐開始糾纏著我，是不是話術(shù)太枯燥，是不是燈光太暗了等等的問題反復(fù)的問自己。就比如當(dāng)你精心拍了一張照片，編輯好一段文案準(zhǔn)備點擊發(fā)布按鈕的那一刻你在擔(dān)心什么？你耗費幾個小時發(fā)出自我感覺良好的的一條朋友圈之后，點贊數(shù)只有稀稀拉拉的一兩個。原本的炫耀因為點贊數(shù)太少變成了日記本
相反，點贊數(shù)成倍增加的時候，大腦就會開始分泌大量的多巴胺腎上腺素飆升，同時，你可能將在更多的社交平臺重復(fù)這一受捧的過程，以及無數(shù)次打開這條動態(tài)，進入一種高度的自我欣賞狀態(tài)。一個必要功能的出現(xiàn)，也意味著它承載著人們必要的需求。點贊滿足的就是人們「被關(guān)注被看見被認(rèn)同」的底層需求
重要的指標(biāo)
當(dāng)產(chǎn)品經(jīng)理們發(fā)現(xiàn)了用戶的底層需求之后，如何讓用戶不產(chǎn)生疏離感，積極參與并且促進用戶留存？點贊功能給了他們一個非常輕量級的機會，任何用戶只要點個贊，就可以在整個社區(qū)的內(nèi)容量級評定上貢獻自己的影響力。另一方面，內(nèi)容的生產(chǎn)者能夠從點贊中獲得更正面的反饋，進而更愿意進行分享實現(xiàn)轉(zhuǎn)化，這是平臺更愿意看到的
Facebook 2009年在全球推廣點贊功能之后，用戶發(fā)貼的數(shù)量和質(zhì)量都隨之提升，約 30% 的用戶每天都會多次點贊。另外，廣告商們馬上解鎖了「營銷密碼」，F(xiàn)acebook將數(shù)據(jù)售賣給廣告商，打破了傳統(tǒng)媒體市場的盈利模式，把用戶的「喜愛度」拿捏的死死的。就連美國國務(wù)院在 2011 年 – 2013 年，只為在 Facebook 上獲得更多的贊，就已經(jīng)花費了 63 萬美金
但凡事都有利弊，畢竟人性極端化是難以避免的。不知道各位有沒有經(jīng)歷過可以在淘寶上給微博買粉買贊買評論的階段，看似大把的流量在手其實都是流量造假，早期微博上的電影大V都是靠著一手盜版資源和買粉賺的盆滿缽滿，如果活躍度較高，很容易成為天選之子，平臺還會親自送你粉絲，這種效果顯然與社交網(wǎng)絡(luò)設(shè)計之初，希望通過虛擬社區(qū)增進情感聯(lián)絡(luò)的初心是相悖的，另外，造假產(chǎn)業(yè)環(huán)環(huán)相扣侵蝕了平臺的利益，這就不是平臺愿意看到的了，所以改善社區(qū)環(huán)境是必然
各個平臺也做過努力，例如微信朋友圈在點贊功能發(fā)布不久，就對公眾號集贊送禮品等誘導(dǎo)分享行為嚴(yán)厲打擊。2019年左右Facebook、Instagram包括Twitter在內(nèi)的 Demetrication（去數(shù)量化）顧名思義，就是將點贊數(shù)量隱藏，讓用戶看不到有多少人給帖子點贊，強制用戶把注意力放在內(nèi)容上。類似于教育改革落實“雙減”政策將百分制改為ABCD的等級制，考試結(jié)果不排名、不公布，全面關(guān)注學(xué)生綜合素質(zhì)的培養(yǎng)。但是，有條新聞，一名老師大白天的拉著窗簾偷偷摸摸搞培訓(xùn)被社區(qū)抓現(xiàn)形的新聞想必大家都看過，貪榮慕利，眾星捧月的潘多拉魔盒已經(jīng)打開了，與用戶的底層需求博弈注定不是短期就可以完成的
轉(zhuǎn)眼已經(jīng)三年過去了，海外的社交平臺顯然沒有做到 Demetrication，技術(shù)手段根本完不成的任務(wù)。國內(nèi)的社交平臺則是把壓力放在了創(chuàng)作者身上，利用起了用戶底層需求，你想讓作品在流量池里獲得更多的點贊、評論和轉(zhuǎn)發(fā)就要不斷優(yōu)化內(nèi)容質(zhì)量，尋找自身問題，或者花錢買數(shù)據(jù)，抖音的抖加和小紅書的薯條都是社區(qū)平臺迭代后的現(xiàn)狀。既能避免黑產(chǎn)保護平臺利益，又能給創(chuàng)作者來帶可觀的數(shù)據(jù)何樂而不為呢
更好的評分制
說回 Netflix 的 Double the Thumbs，官方給到的解釋“這是一種讓會員們了解自身喜好，更精準(zhǔn)的看到想看的電影和電視的另一種方式”
其實就是通過更細(xì)微的分類比如導(dǎo)演、演員類型或者制作團隊等等給奈飛的用戶推薦相關(guān)的內(nèi)容，只能說這很奈飛。從1997年開始賣碟片直到2006年轉(zhuǎn)戰(zhàn)流媒體，Netflix 的用戶增長和商業(yè)成功的關(guān)鍵就是把猜你喜歡做到極致，這也是手握全球兩億付費用戶的原因
不難看出Netflix更依賴用戶，用戶對于平臺的反饋很重要。2017年Netflix拋棄了類似豆瓣一樣的五星評分制，原因在于用戶的打分并未遵從內(nèi)心，評分較高的電視劇/電影會越來越火，不火的內(nèi)容永遠不會被用戶看到，亂打分的現(xiàn)象頻繁出現(xiàn)，Netflix不希望用戶變成批判家，受到其他人影響，你只需要看你喜歡的內(nèi)容就好。就比如說，周末你想跟女朋友去甜甜蜜蜜度過一個周末，舞臺劇「莎士比亞」和電影「小時代」你會選哪個？我想大部分人都會選「小時代」，因為它話題性強，電影結(jié)束后可以在餐桌上和女朋友一起吐吐槽。但是，如果讓你在平臺上給兩部劇評分，一定是「莎士比亞」高于「小時代」，問題就在于Netflix在乎的并不是評分，而是用戶會看哪部劇
顯示性偏好（Revealed preference）和是期望性偏好（Aspirational preference），這在日常生活中也很常見，比如一個決定中午吃輕食的人實際點了炸雞，一個計劃下午去圖書館備考的人實際仍躺在宿舍里刷劇，一個決定更溫和些的人在面臨類似的矛盾時仍選擇發(fā)脾氣 - 經(jīng)濟學(xué)家保羅·薩默爾森（P.Samuelson）
另外，Netflix與YouTube、抖音和B站又有所不同，Netflix全部都是PGC內(nèi)容，都是自己花錢買的，流媒體版權(quán)的成本越來越高，被淹沒掉的內(nèi)容幾乎失去了競爭力，對于平臺的沖擊巨大
Netflix不得不做出改變，只有不斷優(yōu)化推薦算法，向用戶推薦更精準(zhǔn)的內(nèi)容才是王道，顯然點贊/點踩對于用戶來說更方便且選擇單一，是獲取數(shù)據(jù)最高效最精準(zhǔn)的方法，在一項 Beta 測試中，Netflix 向全球數(shù)十萬新用戶推出了點贊/點踩手勢，發(fā)現(xiàn)評級參與度上升了 200%
Netflix產(chǎn)品副總裁Todd Yellin指出這種無法完全準(zhǔn)確洞察用戶喜好的評級系統(tǒng)對Netflix當(dāng)下原創(chuàng)內(nèi)容的儲備沒有益處
如果各位很喜歡看美劇應(yīng)該知道Netflix有非常多的自制劇，自制劇要比買別人的版權(quán)便宜的多，如果版權(quán)到期或者競品的乘勝追擊，也不會讓自己處于被動局面。只有自制劇、自制內(nèi)容才是平臺的護城河，比如「紙牌屋」和「魷魚游戲」等等，這些優(yōu)質(zhì)的內(nèi)容之所以能制作成功出現(xiàn)在大眾視野，全部都來自點贊功能獲取的用戶數(shù)據(jù)
如今，Netflix在點贊/點踩的旁邊增加了Double the Thumbs，改為了三星評分制度，從官方給到的解釋“用戶可以通過它告訴 Netflix，自己對某種特定內(nèi)容情有獨鐘，包括主演、制作團隊、角色類型、小眾劇集類型等等，Netflix 的推薦也就能夠更具體入微”，反之，Netflix可以通過更細(xì)微的分類來洞察用戶喜好，一方收獲了利益，一方收獲了效率
作者：Hubooooo
轉(zhuǎn)載請注明：站酷
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
對B端產(chǎn)品架構(gòu)而言，一個合理的導(dǎo)航設(shè)計對能夠解決，對團隊內(nèi)部：堆砌功能開發(fā)混亂；對外部用戶：找不到功能的問題，所以本篇主要總結(jié)一下如何正確選取合適的導(dǎo)航。
從產(chǎn)品結(jié)構(gòu)明確導(dǎo)航分類
B端后臺的導(dǎo)航大類從產(chǎn)品架構(gòu)層面來講可以分為：全局導(dǎo)航（頂部、側(cè)邊、混合）、局部導(dǎo)航（菜單欄、面包屑、選項卡、步驟條、文字鏈接）、輔助導(dǎo)航、內(nèi)嵌導(dǎo)航、友好導(dǎo)航和遠程導(dǎo)航。
全局導(dǎo)航
表現(xiàn)為產(chǎn)品的一級導(dǎo)航，需要具有良好的穩(wěn)定性和拓展性。
提示：清晰穩(wěn)定的路徑比起少點擊一次更重要！
局部導(dǎo)航
局部導(dǎo)航包括：菜單欄、面包屑、選項卡、步驟條、文字鏈接。
特點：1、在同一個架構(gòu)中，可以到這個節(jié)點的上下一級的通路；
2、有嚴(yán)格的父子級關(guān)系，局部導(dǎo)航與全局導(dǎo)航有層級關(guān)系，局部導(dǎo)航幫助用戶進入更 加特定的頁面。
通俗而言局部導(dǎo)航依附于全局導(dǎo)航，常作為二級導(dǎo)航出現(xiàn)。
輔助導(dǎo)航
提供用戶在全局/局部導(dǎo)航不可到達的相關(guān)內(nèi)容的快捷途徑。
內(nèi)嵌導(dǎo)航
也叫上下文導(dǎo)航，常用做對頁面中的操作項進行解釋；常見的有幫助引導(dǎo)鏈接等
友好導(dǎo)航
為用戶提供便利的前進途徑，常見于新手引導(dǎo)和幫助助手的場景，在不需要時可進行隱藏。
遠程導(dǎo)航
指并不包含在產(chǎn)品結(jié)構(gòu)中的功能入口；常見于網(wǎng)站地圖、OA產(chǎn)品的工作臺等。
如何進行合適的導(dǎo)航選擇
1. 保證產(chǎn)品結(jié)構(gòu)的穩(wěn)定性
B端產(chǎn)品通常情況下都是復(fù)雜的，對用戶來說具備一定的使用門檻和學(xué)習(xí)成本。所以導(dǎo)航首先要保證產(chǎn)品架構(gòu)的穩(wěn)定性，同時也要保證交互操作路徑符合用戶操作習(xí)慣。
重點：不可為了追求少一次點擊而隨便進行更改！
2. 便于后續(xù)擴展
在進行導(dǎo)航選擇時需要考慮到后續(xù)產(chǎn)品的發(fā)展情況，在保證產(chǎn)品結(jié)構(gòu)穩(wěn)定性的前提下，為后續(xù)的功能擴展打好基礎(chǔ)。
3. 操作清晰、易懂
在多層級的導(dǎo)航中要保證每一層級導(dǎo)航的視覺反饋清晰、明確。
4. 靈活適應(yīng)
導(dǎo)航的功能選項可以根據(jù)使用場景需求來進行靈活添加，可以為了提升效率，在不同的導(dǎo)航選項下出現(xiàn)相同的功能入口。
5. 保持一致的交互規(guī)范
相同類型的導(dǎo)航控件，交互樣式要保持一致；例如：飛書在面包屑的文字交互樣式和文字鏈接的交互樣式就做出了明顯的區(qū)分。
6. 可不遵循層級關(guān)系
根據(jù)導(dǎo)航的定義而言，導(dǎo)航就是對信息進行分類，引導(dǎo)用戶完成操作。
我們可以根據(jù)用戶反饋和數(shù)據(jù)埋點可以將常用的操作功能進行前置，打破層級約束，實現(xiàn)對用戶的操作提效。
根據(jù)場景，靈活使用導(dǎo)航
1. 頂部導(dǎo)航
頂部導(dǎo)航常用于官網(wǎng)類結(jié)構(gòu)相對簡單的產(chǎn)品
優(yōu)點：節(jié)省空間、視覺干擾小，有沉浸式使用體驗；
缺點：結(jié)構(gòu)簡單，拓展性低。
2. 側(cè)邊導(dǎo)航
側(cè)邊導(dǎo)航常用于操作比較復(fù)雜，專注操作的后臺類產(chǎn)品；例如：SaaS產(chǎn)品等
優(yōu)點：操作效率高、拓展性強、更容易進行功能收納；
3. 混合導(dǎo)航
混合導(dǎo)航常用于操作很復(fù)雜，一級二級功能條目多的后臺產(chǎn)品；例如：云產(chǎn)品（二級導(dǎo)航功能超多）
優(yōu)點：比較綜合
總結(jié)：
1. 一級導(dǎo)航需要具備足夠的穩(wěn)定性和拓展性
①、清晰、穩(wěn)定的路徑比少點擊一次更重要
②、導(dǎo)航的排序盡量不要改變用戶的操作習(xí)慣
2. 二、三級導(dǎo)航進行合理的分組收納
利用分組控制導(dǎo)航的顆粒度。在二級導(dǎo)航只有一個時，無需設(shè)計分組
3. 判斷功能是否應(yīng)該作為全局導(dǎo)航
①、選擇相對高頻的分類，作為全局導(dǎo)航
作者：戴戴戴戴戴虎全
轉(zhuǎn)載請注明：站酷
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
②、低頻的分類，作為局部導(dǎo)航
隨著移動互聯(lián)網(wǎng)的發(fā)展，原本PC互聯(lián)網(wǎng)連接商業(yè)支付、購買商品、瀏覽信息流等的能力已經(jīng)轉(zhuǎn)移到移動端，而PC互聯(lián)網(wǎng)更加專注于其他領(lǐng)域的優(yōu)勢：
下面是我觀察到的目前比較主流的交互設(shè)計點，與大家分享。分別是：
典型的案例就是蘋果的Mac系統(tǒng)與Ios系統(tǒng)越發(fā)趨同，都采用了卡片化、模塊化，整個交互規(guī)范、視覺感受都一致以達到多端統(tǒng)一。同時信息可以自由流轉(zhuǎn)：比如在同一Apple賬號下，Mac與IOS中復(fù)制的信息可以進行同步粘貼。備忘錄、日歷、提醒事項、錄音中的信息進行流轉(zhuǎn)，在任何一臺Mac上登錄Apple賬號后都可以進行同步。
在國內(nèi)，B站的網(wǎng)頁端與App端的體驗也逐步趨同，框架設(shè)計上更加卡片化與扁平化。信息流轉(zhuǎn)上，手機上暫停的視頻到網(wǎng)頁端繼續(xù)播放，實現(xiàn)了無縫切換。
淘寶首頁：從過去復(fù)雜的信息流導(dǎo)航變?yōu)楝F(xiàn)在更加簡潔的個性推薦卡片。整體體驗與淘寶手機端一致。
總結(jié)：精簡無關(guān)信息，關(guān)注最重要的核心任務(wù)，減少用戶跳出，沉浸式心流設(shè)計。
許多網(wǎng)頁接入騰訊、阿里的生態(tài)，支持掃碼關(guān)注公眾號/手機驗證碼即可完成注冊。省去了用戶編輯個人信息、輸入郵箱、輸入密碼等復(fù)雜的交互流程。
心流式體驗設(shè)計是這幾年很熱門的詞，指的是通過優(yōu)化用戶體驗讓用戶能夠沉浸式地高效完成目標(biāo)任務(wù)。這需要做到產(chǎn)品的交互習(xí)慣滿足用戶使用習(xí)慣，并且交互流程滿足用戶預(yù)期。過于頻繁的彈窗打擾和頁面跳轉(zhuǎn)的等待時間都會影響用戶進入心流。
比如，例如飛書審批，審批詳情不需要跳轉(zhuǎn)，點擊卡片即左側(cè)彈出詳情頁彈窗；讓用戶可以在同一個頁面即可瀏覽信息，不需要進行跳轉(zhuǎn)到新的頁面進行查看，方便用戶完成批量的審批任務(wù)。
再比如：阿里云，開通服務(wù)的時候不需要跳轉(zhuǎn)，而是在側(cè)邊彈出訂單彈窗，方便用戶操作。
上面說到，頻繁的彈窗提醒也會影響用戶進入心流，用戶在對表單、畫布中的內(nèi)容進行刪除的時候，如果使用全屏二次提醒彈窗，會感到創(chuàng)作過程被打斷。
釘釘宜搭：卡片畫布類產(chǎn)品，刪除操作時，不局限于大彈窗，而是用靠近按鈕的小彈窗，使鼠標(biāo)的滑動路徑更短，操作更加簡便；并且在不過多打擾用戶的前提下，完成了目標(biāo)操作。
復(fù)雜性守恒定律由Larry Tesler于1986年提出，也稱泰斯勒定律。指的是“任何系統(tǒng)都存在其固有的復(fù)雜性，且無法被減少，只能設(shè)法調(diào)整、平衡。我們要考慮的是，怎么樣更好地處理它，讓用戶簡單、高效地使用它”。
很多的中后臺系統(tǒng)中很多表單會存在大量的配置項，這些配置項是否可以簡化，讓平臺變得更簡單智能？大部分時候答案都是否定的，過度追求簡化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案，當(dāng)你試圖簡化降低復(fù)雜度，可能在其他地方埋了雷。
其中一個解決方案是將復(fù)雜度轉(zhuǎn)交給系統(tǒng)，蘋果公司的黑盒理論與此互通；就是用戶不需要了解系統(tǒng)或功能背后的實現(xiàn)邏輯，只需要關(guān)注呈現(xiàn)在用戶眼前的交互界面即可。如今數(shù)據(jù)智能化處理正不斷發(fā)展，我們也看到了智能化在PC端領(lǐng)域的應(yīng)用。
剪映相比于老牌視頻編輯軟件更加簡單，提供各種在線特效模板，來降低任務(wù)復(fù)雜度。相比傳統(tǒng)的PR、AE軟件需要本地存儲預(yù)設(shè)文件，或者手動編輯簡單了很多。用戶不需要知道背后的實現(xiàn)的技術(shù)原理，也不需要掌握過多的特效制作、調(diào)色技巧即可完成視頻的剪輯、調(diào)色工作。
推薦組件功能：用戶在進行流程搭建時，不需要從左側(cè)組件區(qū)拖拽組件，而是點擊連接線中間來添加組件。如果可以其實還可以更進一步，就是根據(jù)后臺數(shù)據(jù)分析創(chuàng)建目標(biāo)流程需要的組件，向用戶主動推薦相關(guān)組件，以此來降低用戶的創(chuàng)建門檻。
隨著傳統(tǒng)業(yè)務(wù)向互聯(lián)網(wǎng)轉(zhuǎn)型越發(fā)普遍，線下業(yè)務(wù)流程轉(zhuǎn)到線上的需求場景越來越多，一個單一的系統(tǒng)不能完全滿足所有的業(yè)務(wù)場景需求，由此需要一個更加靈活模塊化的系統(tǒng)來針對不同的應(yīng)用場景來應(yīng)用不同的產(chǎn)品架構(gòu)。而該系統(tǒng)中的功能框架、交互組件又可以重復(fù)利用，于是更加靈活、模塊化、可自定義配置的系統(tǒng)后臺越發(fā)受到歡迎。
飛書、釘釘易搭內(nèi)的審批流程、會議系統(tǒng)、工單系統(tǒng)都可以通過模塊化的組件進行高效搭建，不需要代碼即可像搭積木一樣實現(xiàn)用戶的自定義需求。
阿里的天貓優(yōu)品電器店線下門店設(shè)計平臺，整理了線下門店所需的16個模塊（前臺、小家電中島、洗衣機、櫥窗、空調(diào)、吧臺等），通過線上三維化場景直接進行可視化設(shè)計，所見即所得，并且能夠模擬現(xiàn)場燈光效果，根據(jù)門店現(xiàn)場規(guī)格，直接在三維空間里修改，快速導(dǎo)出效果圖;非常高效地完成了其他門店的需求化定制。
抖音網(wǎng)頁端的用戶體驗沿襲了手機App端的風(fēng)格，用戶進入網(wǎng)頁的核心目的就是看短視頻打發(fā)時間，于是進入首頁即可看短視頻，不需要用戶手動選擇分類，并且手機端的用戶偏好通過用戶的賬號同步至網(wǎng)頁端，有了很順暢的用戶體驗。
相比快手網(wǎng)頁版，快手延續(xù)了常規(guī)視頻網(wǎng)站的交互方式，將視頻內(nèi)容分為短視頻、直播、同城、長視頻、小劇場等多個類別，由用戶自主去選擇觀看的內(nèi)容，內(nèi)容雖然更加多元，但確實路徑過長，不夠直接。
再舉個例子，新版的淘寶網(wǎng)頁端不再像個門戶網(wǎng)站導(dǎo)航，而是通過數(shù)據(jù)分析用戶喜好來主動推薦代替用戶自己選擇。用戶來淘寶網(wǎng)頁端，其實并不是買東西，大眾用戶已經(jīng)習(xí)慣了在手機上進行支付，到了網(wǎng)頁端反而會不適應(yīng)。用戶來到淘寶網(wǎng)頁端的更多目的就是逛，看有沒有自己想要的東西，遇到喜歡的，就點進去看了。于是新版淘寶通過個性化推薦把過去復(fù)雜的活動運營頁板塊、特價板塊、品類板塊替換掉了，讓用戶在網(wǎng)頁端獲得更好的“逛街”體驗。
而京東，在首頁做了復(fù)雜的流量分發(fā)設(shè)計，通過不同的頻道、不同的板塊將用戶引流至相關(guān)的專題頁面，再進行商品瀏覽。本質(zhì)上來說，用戶來到淘寶、來到京東的目的都是因為閑，而淘寶的通過數(shù)據(jù)智能，大數(shù)據(jù)精準(zhǔn)推薦用戶喜歡的商品，簡化了用戶的使用路徑，并且使整體頁面更加簡潔。
網(wǎng)頁的官網(wǎng)、首頁承擔(dān)著產(chǎn)品介紹、流量分發(fā)、增強品牌印象等的職責(zé)。我觀察到越來越多產(chǎn)品官網(wǎng)都開始采用3D元素、視頻背景、大圖元素、微動效來讓頁面呈現(xiàn)更加具有質(zhì)感和動感。
它是由Web3D技術(shù)的發(fā)展而興起，能夠給網(wǎng)頁Banner帶來更強的視覺吸引力，同時也強化了公司融合了AI技術(shù)的品牌印象。如法大大官網(wǎng)、騰訊云、阿里云的首頁Banner展示。法大大首頁Banner，鼠標(biāo)滾輪向下滾動3D元素會相應(yīng)產(chǎn)生變動，文案與元素一靜一動，對比明顯，也更易于用戶注意到文案信息。
大疆官網(wǎng)首屏采用了全畫幅大圖的形式展示熱門產(chǎn)品，下方的產(chǎn)品推薦頁自動播放宣傳視頻，提升了頁面的視覺沖擊力，展示了其科技屬性。
疫情時期，線上辦公的需求和頻率激增，線上協(xié)作興起，許多辦公軟件都有了多人場景編輯功能。特別是對于復(fù)雜的項目，需要團隊成員共同完成，協(xié)同合作的功能越來越受歡迎。
比如我們熟悉的figma，逐漸取代了傳統(tǒng)UI設(shè)計軟件ps、sketch等的頭部地位，其中的項目協(xié)同功能更是廣受歡迎。只需要發(fā)送項目鏈接邀請成員即可進行項目協(xié)作，還支持多人標(biāo)注、語音溝通，大大提升了工作效率。
許多辦公軟件也都上線了類似的功能，比如幕布可以通過設(shè)置權(quán)限、發(fā)送鏈接或二維碼來邀請協(xié)作者共同編輯文檔，為產(chǎn)品的使用場景提供了更多可能。
曾鳴在《未來商業(yè)20講》里說：“未來的互聯(lián)網(wǎng)世界的兩大趨勢是數(shù)據(jù)智能、網(wǎng)絡(luò)效應(yīng)”。
這在PC端也得到了印證。淘寶網(wǎng)首頁、抖音首頁、嗶哩嗶哩網(wǎng)頁端將PC端與APP端的數(shù)據(jù)進行互通，并對用戶行為偏好數(shù)據(jù)進行分析，為用戶提供更加精準(zhǔn)的信息流的同時，還使得頁面的交互更加簡單，視覺效果更加簡潔，過去依賴用戶自主選擇進行流量分發(fā)的形式將會越來越弱勢。
在工具類產(chǎn)品中，利用數(shù)據(jù)智能化可以將用戶操作上的復(fù)雜度轉(zhuǎn)移給系統(tǒng)，從而降低用戶使用門檻，提升用戶體驗。與此同時，工具類平臺也越發(fā)靈活化化，通過模塊化設(shè)計來自定義搭建不同用戶的使用需求的產(chǎn)品，還能節(jié)省資源建設(shè)成本。
網(wǎng)絡(luò)效應(yīng)的部分應(yīng)用體現(xiàn)在用戶在使用工具類產(chǎn)品中，不再是孤單的個體，而是能通過線上協(xié)同，讓用戶與用戶之間能夠產(chǎn)生共同協(xié)作，共同交流，更加方便地完成任務(wù)。
作者：為美好而設(shè)計
轉(zhuǎn)載請注明：站酷
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
會員權(quán)益上線后，為了讓更多用戶享受到更優(yōu)質(zhì)的糖豆使用體驗，對于會員價格推出了一系列優(yōu)惠活動。下面將簡單介紹一下，在視覺表現(xiàn)層面，我們是怎樣將活動的主要信息傳達給用戶。
首先，活動的主要信息的顯示區(qū)域，是根據(jù)最小機型的屏幕尺寸制定范圍，原因如下：
糖豆大部分用戶的使用設(shè)備多為老舊的千元機，屏幕小、性能低是主要特點。為避免跨屏瀏覽，減少老年人的注意力分散，將主要信息一屏展示，信息精簡的同事，防止信息過載。
同時一部分用戶習(xí)慣不往下滑動頁面，使得信息展示的不完全。在這種情況下，適當(dāng)減少縮短頭部修飾及氛圍元素的顯示面積，讓活動的信息及功能在不做任何操作的情況下，能夠清晰展示。
一開始彈窗的制作想法，是將信息視覺化，將加贈的部分獨立展示出來，突出了此次活動的優(yōu)惠價值。但這樣的表現(xiàn)形式使得各個元素分散，從上至下的閱讀軌跡在中間被斬斷成從左至右，閱讀成本劇增的同時，老年人也讀不太懂。
最終的解決方案為一句話表示，通俗易懂，讓用戶一眼明白，在什么時間，什么內(nèi)容，要做什么。
糖豆App與大屏端的圖標(biāo)視覺上差異不大，作為輔助圖形，意義感知不強，用戶無法從頭圖部分得知這是個關(guān)于什么主題的活動。且4.1折只是個概念，具體優(yōu)惠金額多少沒有直接體現(xiàn)，無法吸引用戶的了解購買。
什么是超級會員？用具體的電視與手機展示的同時，標(biāo)題“手機電視都能看”進一步作出了解答，我們用最直白的方式解釋了什么是超級會員。
用戶對價格非常敏感，尤其是中老年用戶，如何體現(xiàn)價格的優(yōu)惠力度是我們需要解決的問題。
中國人的閱讀習(xí)慣一般是從左到右從上至下，于是將價格內(nèi)容放到左上并且放大，突出第一層級的信息；優(yōu)惠金額放到價格下方，這是第二層級；右邊放上價格的組成及原始價格的輔助信息，整體簡潔硬朗，清晰明確。
隨著年齡的增長，伴隨生理變化看不到的大腦老化，中老年人的注意力和記憶力會呈大幅度的下降。我們既要保證新鮮感的同時，又要注意用戶的學(xué)習(xí)成本。
在玩法相同的情況下，只更改了視覺元素，活動信息/功能的位置保持不變。
作者：ANOTHERZOUZOU
轉(zhuǎn)載請注明：站酷
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
沉浸式體驗是讓人專注在當(dāng)前的目標(biāo)，全身心投入并感到愉悅和滿足，從而忽略時間的流逝。應(yīng)用到界面上則是更強調(diào)聚焦內(nèi)容，減少不必要的打擾。本次研究與實踐針對視頻場景中視頻所呈現(xiàn)的畫面，通過精細(xì)化的設(shè)計，在多樣化的手機屏幕中呈現(xiàn)時，能夠帶給用戶更為沉浸的視頻觀看體驗。
視頻播放器中視頻畫面當(dāng)然是最主要的內(nèi)容，以此作為突破點進行思考：
· 最大化畫面視野：通過改變視頻畫面本身的大小，減少頁面“留白”，讓用戶更聚焦視頻畫面，觀看視頻時更專注。
· 最佳視線觀看位置：將不同高度的視頻按照頁面結(jié)構(gòu)去布局視頻畫面，通過畫面避讓狀態(tài)欄、頂?shù)譩ar結(jié)構(gòu)的方式，使畫面更加整潔，減少
元素混亂帶來的干擾，同時整體位置偏上展示，視線落點更加舒適。
· 觀看體驗連續(xù)性：視頻瀏覽過程中，非必要不打斷視頻瀏覽，在進行如查看評論、臨時退出播放器等行為時，保證視頻播放的連貫性，方
便用戶多操作。
01.視頻畫面裁剪
隨著時代的發(fā)展，為提升消費者對手機的操作體驗，智能手機逐漸多元化，手機屏幕尺寸迭代更快、更加豐富多樣。手機作為視頻很重要的生產(chǎn)端，手機屏幕尺寸的多樣化影響到產(chǎn)出視頻尺寸的多樣化，同時用戶可通過視頻編輯工具任意編輯視頻尺寸，最終生產(chǎn)的視頻尺寸比例自由度非常高。據(jù)不完全統(tǒng)計視頻平臺中視頻尺寸達22萬多種，用戶使用機型近300種，在視頻尺寸多樣性及視頻展現(xiàn)媒介多樣性的現(xiàn)狀下需要兼容性更強的裁剪及展現(xiàn)規(guī)則才能帶給用戶更好的觀看體驗。
我們要做的就是將不可控的視頻資源和不可控的瀏覽視頻設(shè)備設(shè)計為可控的視覺展示效果，并最大化視頻畫面。減少環(huán)境干擾，給用戶帶來沉浸式感官體驗。
視頻寬撐滿手機屏寬后，將視頻尺寸分為四類：
1) 視頻高度>手機屏高
視頻畫面寬度撐滿屏幕后，視頻整體居中于屏幕，居中裁剪視頻多余畫面。
注：不允許畫面高度撐滿屏幕，寬度自適應(yīng)導(dǎo)致畫面左右留黑效果。
2) 視頻高度=手機屏高
視頻居中于屏幕，剛好填滿屏幕，不需要裁剪處理。
3) 1:1<視頻高度<手機屏高
此類尺寸較復(fù)雜、難處理，于是將限制裁剪面積和展示位置相結(jié)合，保證裁剪面積和位置可控。結(jié)合視頻平臺資源尺寸和業(yè)務(wù)目標(biāo)來確認(rèn)理想展示效果，反推定義最大裁剪面積，根據(jù)顯示位置多次判斷視頻放大后是否符合既定裁剪面積，最終確定當(dāng)前視頻的顯示方式。同時支持根據(jù)不同視頻業(yè)務(wù)進行個性化定制，并且將裁剪面積云控處理，根據(jù)業(yè)務(wù)內(nèi)不同時期的訴求限制比例來靈活調(diào)整展示效果，雙端也可分端定義數(shù)值；橫向協(xié)同及迭代成本極低，便于快速上線驗證效果。
4) 橫版視頻（高寬比≤1:1）
橫版視頻在手機屏幕中面積占比較小，畫面可識別度和飽滿度稍有欠缺，輕微擴大畫面視野，畫面瀏覽更加清晰有沖擊力。以不影響內(nèi)容理解為前提，根據(jù)自身平臺視頻尺寸占比及視頻內(nèi)容特點規(guī)定固定比例或比例范圍適度放大。
錦上添花，引入文字內(nèi)容識別
為避免因裁剪規(guī)則而裁剪到視頻關(guān)鍵文字對視頻內(nèi)容獲取有障礙的問題，發(fā)揮百度強大的AI技術(shù)優(yōu)勢，引入文字識別技術(shù)及視覺展現(xiàn)規(guī)則，進一步提升視頻展現(xiàn)樣式的可控性，同時能夠通過盡量少損失畫面達到畫面放大的效果，平衡畫面沉浸感和完整性的關(guān)系。
左右文字被裁剪情況：文字左右設(shè)置安全距離，保證安全距離在屏幕內(nèi)。如果安全區(qū)超出屏幕，則按照上方描述的裁剪規(guī)則進行退檔顯示（滿屏至不裁剪之間的檔位），直至文字不被裁剪。極端情況退檔至最后一檔，視頻畫面不裁剪。
橫版資源文字左右被裁剪情況：按照固定尺寸退檔
上下文字被裁剪情況：文字上下設(shè)置安全距離，保證安全距離在屏幕內(nèi)。如果安全區(qū)超出屏幕，則按照上方裁剪規(guī)則進行滿屏至不裁剪之間的檔位進行退檔顯示，此情況只會從全屏一檔顯示退至二檔顯示。
裁剪面積、展示比例、文字安全距離等數(shù)據(jù)都通過云控的方式下發(fā)，靈活配置到不同業(yè)務(wù)中，保證裁剪規(guī)則一致的同時又能針對不同業(yè)務(wù)進行定制展現(xiàn)，也可快速調(diào)整并支持上線實驗，來驗證適合自己產(chǎn)品的展示效果。
02.智能滿屏
通過裁剪方式放大畫面視野之外，還通過讓用戶自主交互操作再次放大畫面視野，調(diào)整到自己喜歡的觀看視頻的方式。相較于上方默認(rèn)裁剪放大，滿屏方式更加激進極致，畫面放大更多。開啟方式通過面板功能按鈕開啟智能滿屏外，增加便捷交互開啟手勢，用戶可雙指放大快速開啟。
由于滿屏是用戶主動操作放大行為，可以接受文字內(nèi)容被裁剪，但也需要有節(jié)制的放大，避免帶來畫面裁剪過多視覺體驗不佳的問題。為了保證95%以上資源撐滿全屏，達到放大畫面視野極致體驗。同時最大畫面裁剪面積不超過一定比例（根據(jù)自身業(yè)務(wù)視頻資源判斷），將視頻資源細(xì)分為3類進行不同效果處理：
1.可繼續(xù)放大至滿屏的視頻，則進行滿屏展現(xiàn)。
2.不可繼續(xù)放大的視頻，如果繼續(xù)放大會導(dǎo)致裁剪畫面過多影響觀看完整度與觀看體驗，則保持上方提到的裁剪規(guī)則，不做另外處理。
3.橫版視頻統(tǒng)一放大至固定尺寸，可根據(jù)自身業(yè)務(wù)資源進行放大尺寸的定義。
通過布局合理、舒適的畫面位置，也能提升瀏覽過程中用戶體驗的沉浸感。人的視覺中心一般會在物理中心的偏上方，于是在設(shè)計中我們將視頻畫面放在屏幕偏上的位置，用戶視線落點更加舒適，一般是用戶在瀏覽頁面時最先注意到的地方。同時視頻在頁面偏上的位置，能減少下方標(biāo)題等信息過多對視頻畫面的遮擋。
為了精細(xì)化處理不同比例的視頻資源，豎版視頻和橫版視頻根據(jù)頁面效果分別定義了最佳觀看展示位置。
豎版視頻：高于1:1的視頻，按照頁面結(jié)構(gòu)布局視頻畫面，避讓狀態(tài)欄、頂?shù)譩ar操作，避免與頁面結(jié)構(gòu)沖突帶來畫面凌亂不美觀的問題，同時能減少畫面參差帶來的干擾，增加沉浸瀏覽感受。
橫版視頻：等于矮于1:1的視頻，畫面按照屏幕高度比例展示在偏上的區(qū)域，高度比例可云控便于靈活調(diào)整。
01.視窗擠壓
為了滿足用戶在視頻場景多角度信息獲取，在不打斷用戶視頻瀏覽的基礎(chǔ)上建設(shè)視窗擠壓交互體驗，提升觀看視頻的相對沉浸感。在視頻場景觀看評論時會彈起半屏面板，遮擋住視頻內(nèi)容，導(dǎo)致用戶無法在瀏覽評論的同時觀看視頻內(nèi)容。對短視頻重度用戶來說，對同時看評論和看視頻習(xí)慣的用戶有挑戰(zhàn)。通過視窗上移動擠壓功能，在瀏覽面板內(nèi)容時不對視頻內(nèi)容打斷，弱化面板內(nèi)容給用戶帶來的影響。
視窗高度固定，畫面寬高比越小畫面內(nèi)容越小，觀看體驗不友好，所以豎版視頻對壓縮后的顯示尺寸進行干預(yù)，定義最小視頻畫面展示比例，盡量擴大畫面視野，保證觀看視頻的舒適度。
02.懸浮小窗
在不打斷用戶視頻瀏覽的基礎(chǔ)上還建設(shè)了懸浮小窗交互體驗，旨在為用戶提供完善優(yōu)質(zhì)的視頻消費體驗。用戶進行其它操作時仍保留視頻后臺播放，同時也能在屏幕角落觀看到縮略圖大小的視頻播放窗口，可以從任何頁面中觀看視頻，我們同時也保留了部分視頻基礎(chǔ)操作。觀看體驗連續(xù)性讓用戶對視頻有絕對的主控感，提升用戶使用體驗的滿意度。
沉浸式體驗設(shè)計是幫助用戶減少畫面干擾，讓用戶專注于當(dāng)前的視頻瀏覽，忽略時間的流逝進入心流狀態(tài)。我們通過放大畫面視野，增強畫面沖擊力的方式減少干擾，并解決在視頻畫面尺寸、手機屏幕分辨率極多的復(fù)雜情況下，保證畫面效果的穩(wěn)定和可控，并且不會受阻于未來手機機型的擴充發(fā)展，普適性極強。同時通過視窗擠壓、懸浮小窗的交互體驗專注于當(dāng)前的視頻瀏覽不被打斷，進一步提升視頻看播沉浸式體驗。后續(xù)我們將不斷探索視頻場景沉浸度提升方式，為用戶帶來更加舒適的觀看使用體驗。
作者：百度MEUX
轉(zhuǎn)載請注明：站酷
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://www.bouu.cn