最近美劇《風騷律師》第六季正式回歸，本來想等著全部更新完之后在一口氣看個痛快。但是豆瓣里一萬多名用戶給出了9.9分的評價，就讓我有點坐不住了，勢必要看看「律師」是如何超越「毒師」的，也彌補一下近期的劇荒
當我打開Netflix之后，引起我注意的是「超愛這部!」這個功能，第一眼看到的時候有些疑惑，這個功能的意義是什么？與點贊功能的區別是什么？我點了之后會怎么樣？我一直理解Netflix的點贊功能和Youtube、Twitter和抖音類似，點擊之后會推薦給我更符合口味的內容或者有收藏的作用。但是對于Double the Thumbs的疑問是，除了喜歡與不喜歡之外，還可以給用戶帶來什么體驗？它是Like功能的進化體么？已經擁有18年歷史的點贊功能還有可優化的空間么？借此話題，來和大家聊聊點贊功能背后的洞察與價值
早期的點贊把原本靜止的內容變成了社交的媒介，用戶間通過贊來簡單直接的交流。我喜歡，我就點贊，蘊含贊同、支持和鼓勵，此時的點贊更單純與純粹
2004年，社交新聞聚合器Digg的創始人Kevin Rose發明了Digg功能，用戶從內容列表中查找自己感興趣的內容并將其“Digg”出來——本意「挖掘」，你可以理解為「頂」——以表達自己對這篇報道的認可。當一篇文章得到足夠的Digg之后，就會被提升到首頁上，讓更多的人看到
就像是一個朋友給你講了一個故事，你十分激動。這個故事是你從來沒有聽過的，你記住了它并將這個故事分享給了其他的朋友
2007 年，社交聚合網站FriendFeed 將“Like” 按鈕作為一項新功能發布并推廣，兩年后，隨著 FriendFeed 被 Facebook 收購，這項功能也整合到了 Facebook 里。隨后，各大社交產品紛紛效仿，同期的 Tumblr、Vimeo以及后來的 Instagram 都增加了這一功能。在國內，微信4.0版本推出的朋友圈，后來抖音的小紅心、知乎的大拇指或者老鐵雙擊666，不管什么樣式的圖標和表達方式，點贊即可滿足用戶的基本需求，又可以為產品實現商業價值，已經成為了社交產品的標配并且一直延用至今
去點贊
先問各位幾個問題，你一天會給幾條抖音、朋友圈或者知乎的回答點贊？你一天又會收到幾個點贊？那你會記得一天跟多少人打過招呼么？
可能你會認為我很無聊，誰會每天統計點贊和打招呼的次數呢?？烧且驗檫@些你根本不在意的數字，無意的一個舉動影響著生活。在電梯里碰到同事你要點頭示意，領導發了一條朋友圈你要點贊附和，朋友積贊領優惠券你要支持。你需要禮貌的簡單問候，或是處于功利維護人際關系，點贊無非是門檻最低，負擔最小的表達方式，是敷衍的象征。相比于轉發顯得太重，評論則需要輸出觀點，模糊不清的態度絕對不會承擔責任，還可以維持住一定的距離感
在社交媒體里，我們點贊做的只是觀察他們，表示認同，而不是向他們展示我們關心的事情，更別說用它加深友誼 「 Karen North - 數字社交媒體教授」
在傳統的社交中，我們有點頭之交的關系，然而互聯網的出現讓我們生活和工作中又出現了一種新型的關系“點贊之交”，它已經成為了網絡社交的通用禮儀，雖然它無關緊要，含義不足以加深感情，但是想躲也躲不掉
被點贊
作為一名內容輸出者來說我的體會更深，我的視頻怎么沒人看，為什么點贊還不到一百個，每十分就會拿起手機看十幾次，內心的掙扎與惶恐開始糾纏著我，是不是話術太枯燥，是不是燈光太暗了等等的問題反復的問自己。就比如當你精心拍了一張照片，編輯好一段文案準備點擊發布按鈕的那一刻你在擔心什么？你耗費幾個小時發出自我感覺良好的的一條朋友圈之后，點贊數只有稀稀拉拉的一兩個。原本的炫耀因為點贊數太少變成了日記本
相反，點贊數成倍增加的時候，大腦就會開始分泌大量的多巴胺腎上腺素飆升，同時，你可能將在更多的社交平臺重復這一受捧的過程，以及無數次打開這條動態，進入一種高度的自我欣賞狀態。一個必要功能的出現，也意味著它承載著人們必要的需求。點贊滿足的就是人們「被關注被看見被認同」的底層需求
重要的指標
當產品經理們發現了用戶的底層需求之后，如何讓用戶不產生疏離感，積極參與并且促進用戶留存？點贊功能給了他們一個非常輕量級的機會，任何用戶只要點個贊，就可以在整個社區的內容量級評定上貢獻自己的影響力。另一方面，內容的生產者能夠從點贊中獲得更正面的反饋，進而更愿意進行分享實現轉化，這是平臺更愿意看到的
Facebook 2009年在全球推廣點贊功能之后，用戶發貼的數量和質量都隨之提升，約 30% 的用戶每天都會多次點贊。另外，廣告商們馬上解鎖了「營銷密碼」，Facebook將數據售賣給廣告商，打破了傳統媒體市場的盈利模式，把用戶的「喜愛度」拿捏的死死的。就連美國國務院在 2011 年 – 2013 年，只為在 Facebook 上獲得更多的贊，就已經花費了 63 萬美金
但凡事都有利弊，畢竟人性極端化是難以避免的。不知道各位有沒有經歷過可以在淘寶上給微博買粉買贊買評論的階段，看似大把的流量在手其實都是流量造假，早期微博上的電影大V都是靠著一手盜版資源和買粉賺的盆滿缽滿，如果活躍度較高，很容易成為天選之子，平臺還會親自送你粉絲，這種效果顯然與社交網絡設計之初，希望通過虛擬社區增進情感聯絡的初心是相悖的，另外，造假產業環環相扣侵蝕了平臺的利益，這就不是平臺愿意看到的了，所以改善社區環境是必然
各個平臺也做過努力，例如微信朋友圈在點贊功能發布不久，就對公眾號集贊送禮品等誘導分享行為嚴厲打擊。2019年左右Facebook、Instagram包括Twitter在內的 Demetrication（去數量化）顧名思義，就是將點贊數量隱藏，讓用戶看不到有多少人給帖子點贊，強制用戶把注意力放在內容上。類似于教育改革落實“雙減”政策將百分制改為ABCD的等級制，考試結果不排名、不公布，全面關注學生綜合素質的培養。但是，有條新聞，一名老師大白天的拉著窗簾偷偷摸摸搞培訓被社區抓現形的新聞想必大家都看過，貪榮慕利，眾星捧月的潘多拉魔盒已經打開了，與用戶的底層需求博弈注定不是短期就可以完成的
轉眼已經三年過去了，海外的社交平臺顯然沒有做到 Demetrication，技術手段根本完不成的任務。國內的社交平臺則是把壓力放在了創作者身上，利用起了用戶底層需求，你想讓作品在流量池里獲得更多的點贊、評論和轉發就要不斷優化內容質量，尋找自身問題，或者花錢買數據，抖音的抖加和小紅書的薯條都是社區平臺迭代后的現狀。既能避免黑產保護平臺利益，又能給創作者來帶可觀的數據何樂而不為呢
更好的評分制
說回 Netflix 的 Double the Thumbs，官方給到的解釋“這是一種讓會員們了解自身喜好，更精準的看到想看的電影和電視的另一種方式”
其實就是通過更細微的分類比如導演、演員類型或者制作團隊等等給奈飛的用戶推薦相關的內容，只能說這很奈飛。從1997年開始賣碟片直到2006年轉戰流媒體，Netflix 的用戶增長和商業成功的關鍵就是把猜你喜歡做到極致，這也是手握全球兩億付費用戶的原因
不難看出Netflix更依賴用戶，用戶對于平臺的反饋很重要。2017年Netflix拋棄了類似豆瓣一樣的五星評分制，原因在于用戶的打分并未遵從內心，評分較高的電視劇/電影會越來越火，不火的內容永遠不會被用戶看到，亂打分的現象頻繁出現，Netflix不希望用戶變成批判家，受到其他人影響，你只需要看你喜歡的內容就好。就比如說，周末你想跟女朋友去甜甜蜜蜜度過一個周末，舞臺劇「莎士比亞」和電影「小時代」你會選哪個？我想大部分人都會選「小時代」，因為它話題性強，電影結束后可以在餐桌上和女朋友一起吐吐槽。但是，如果讓你在平臺上給兩部劇評分，一定是「莎士比亞」高于「小時代」，問題就在于Netflix在乎的并不是評分，而是用戶會看哪部劇
顯示性偏好（Revealed preference）和是期望性偏好（Aspirational preference），這在日常生活中也很常見，比如一個決定中午吃輕食的人實際點了炸雞，一個計劃下午去圖書館備考的人實際仍躺在宿舍里刷劇，一個決定更溫和些的人在面臨類似的矛盾時仍選擇發脾氣 - 經濟學家保羅·薩默爾森（P.Samuelson）
另外，Netflix與YouTube、抖音和B站又有所不同，Netflix全部都是PGC內容，都是自己花錢買的，流媒體版權的成本越來越高，被淹沒掉的內容幾乎失去了競爭力，對于平臺的沖擊巨大
Netflix不得不做出改變，只有不斷優化推薦算法，向用戶推薦更精準的內容才是王道，顯然點贊/點踩對于用戶來說更方便且選擇單一，是獲取數據最高效最精準的方法，在一項 Beta 測試中，Netflix 向全球數十萬新用戶推出了點贊/點踩手勢，發現評級參與度上升了 200%
Netflix產品副總裁Todd Yellin指出這種無法完全準確洞察用戶喜好的評級系統對Netflix當下原創內容的儲備沒有益處
如果各位很喜歡看美劇應該知道Netflix有非常多的自制劇，自制劇要比買別人的版權便宜的多，如果版權到期或者競品的乘勝追擊，也不會讓自己處于被動局面。只有自制劇、自制內容才是平臺的護城河，比如「紙牌屋」和「魷魚游戲」等等，這些優質的內容之所以能制作成功出現在大眾視野，全部都來自點贊功能獲取的用戶數據
如今，Netflix在點贊/點踩的旁邊增加了Double the Thumbs，改為了三星評分制度，從官方給到的解釋“用戶可以通過它告訴 Netflix，自己對某種特定內容情有獨鐘，包括主演、制作團隊、角色類型、小眾劇集類型等等，Netflix 的推薦也就能夠更具體入微”，反之，Netflix可以通過更細微的分類來洞察用戶喜好，一方收獲了利益，一方收獲了效率
作者：Hubooooo
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
對B端產品架構而言，一個合理的導航設計對能夠解決，對團隊內部：堆砌功能開發混亂；對外部用戶：找不到功能的問題，所以本篇主要總結一下如何正確選取合適的導航。
從產品結構明確導航分類
B端后臺的導航大類從產品架構層面來講可以分為：全局導航（頂部、側邊、混合）、局部導航（菜單欄、面包屑、選項卡、步驟條、文字鏈接）、輔助導航、內嵌導航、友好導航和遠程導航。
全局導航
表現為產品的一級導航，需要具有良好的穩定性和拓展性。
提示：清晰穩定的路徑比起少點擊一次更重要！
局部導航
局部導航包括：菜單欄、面包屑、選項卡、步驟條、文字鏈接。
特點：1、在同一個架構中，可以到這個節點的上下一級的通路；
2、有嚴格的父子級關系，局部導航與全局導航有層級關系，局部導航幫助用戶進入更 加特定的頁面。
通俗而言局部導航依附于全局導航，常作為二級導航出現。
輔助導航
提供用戶在全局/局部導航不可到達的相關內容的快捷途徑。
內嵌導航
也叫上下文導航，常用做對頁面中的操作項進行解釋；常見的有幫助引導鏈接等
友好導航
為用戶提供便利的前進途徑，常見于新手引導和幫助助手的場景，在不需要時可進行隱藏。
遠程導航
指并不包含在產品結構中的功能入口；常見于網站地圖、OA產品的工作臺等。
如何進行合適的導航選擇
1. 保證產品結構的穩定性
B端產品通常情況下都是復雜的，對用戶來說具備一定的使用門檻和學習成本。所以導航首先要保證產品架構的穩定性，同時也要保證交互操作路徑符合用戶操作習慣。
重點：不可為了追求少一次點擊而隨便進行更改！
2. 便于后續擴展
在進行導航選擇時需要考慮到后續產品的發展情況，在保證產品結構穩定性的前提下，為后續的功能擴展打好基礎。
3. 操作清晰、易懂
在多層級的導航中要保證每一層級導航的視覺反饋清晰、明確。
4. 靈活適應
導航的功能選項可以根據使用場景需求來進行靈活添加，可以為了提升效率，在不同的導航選項下出現相同的功能入口。
5. 保持一致的交互規范
相同類型的導航控件，交互樣式要保持一致；例如：飛書在面包屑的文字交互樣式和文字鏈接的交互樣式就做出了明顯的區分。
6. 可不遵循層級關系
根據導航的定義而言，導航就是對信息進行分類，引導用戶完成操作。
我們可以根據用戶反饋和數據埋點可以將常用的操作功能進行前置，打破層級約束，實現對用戶的操作提效。
根據場景，靈活使用導航
1. 頂部導航
頂部導航常用于官網類結構相對簡單的產品
優點：節省空間、視覺干擾小，有沉浸式使用體驗；
缺點：結構簡單，拓展性低。
2. 側邊導航
側邊導航常用于操作比較復雜，專注操作的后臺類產品；例如：SaaS產品等
優點：操作效率高、拓展性強、更容易進行功能收納；
3. 混合導航
混合導航常用于操作很復雜，一級二級功能條目多的后臺產品；例如：云產品（二級導航功能超多）
優點：比較綜合
總結：
1. 一級導航需要具備足夠的穩定性和拓展性
①、清晰、穩定的路徑比少點擊一次更重要
②、導航的排序盡量不要改變用戶的操作習慣
2. 二、三級導航進行合理的分組收納
利用分組控制導航的顆粒度。在二級導航只有一個時，無需設計分組
3. 判斷功能是否應該作為全局導航
①、選擇相對高頻的分類，作為全局導航
作者：戴戴戴戴戴虎全
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
②、低頻的分類，作為局部導航
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
隨著移動互聯網的發展，原本PC互聯網連接商業支付、購買商品、瀏覽信息流等的能力已經轉移到移動端，而PC互聯網更加專注于其他領域的優勢：
下面是我觀察到的目前比較主流的交互設計點，與大家分享。分別是：
典型的案例就是蘋果的Mac系統與Ios系統越發趨同，都采用了卡片化、模塊化，整個交互規范、視覺感受都一致以達到多端統一。同時信息可以自由流轉：比如在同一Apple賬號下，Mac與IOS中復制的信息可以進行同步粘貼。備忘錄、日歷、提醒事項、錄音中的信息進行流轉，在任何一臺Mac上登錄Apple賬號后都可以進行同步。
在國內，B站的網頁端與App端的體驗也逐步趨同，框架設計上更加卡片化與扁平化。信息流轉上，手機上暫停的視頻到網頁端繼續播放，實現了無縫切換。
淘寶首頁：從過去復雜的信息流導航變為現在更加簡潔的個性推薦卡片。整體體驗與淘寶手機端一致。
總結：精簡無關信息，關注最重要的核心任務，減少用戶跳出，沉浸式心流設計。
許多網頁接入騰訊、阿里的生態，支持掃碼關注公眾號/手機驗證碼即可完成注冊。省去了用戶編輯個人信息、輸入郵箱、輸入密碼等復雜的交互流程。
心流式體驗設計是這幾年很熱門的詞，指的是通過優化用戶體驗讓用戶能夠沉浸式地高效完成目標任務。這需要做到產品的交互習慣滿足用戶使用習慣，并且交互流程滿足用戶預期。過于頻繁的彈窗打擾和頁面跳轉的等待時間都會影響用戶進入心流。
比如，例如飛書審批，審批詳情不需要跳轉，點擊卡片即左側彈出詳情頁彈窗；讓用戶可以在同一個頁面即可瀏覽信息，不需要進行跳轉到新的頁面進行查看，方便用戶完成批量的審批任務。
再比如：阿里云，開通服務的時候不需要跳轉，而是在側邊彈出訂單彈窗，方便用戶操作。
上面說到，頻繁的彈窗提醒也會影響用戶進入心流，用戶在對表單、畫布中的內容進行刪除的時候，如果使用全屏二次提醒彈窗，會感到創作過程被打斷。
釘釘宜搭：卡片畫布類產品，刪除操作時，不局限于大彈窗，而是用靠近按鈕的小彈窗，使鼠標的滑動路徑更短，操作更加簡便；并且在不過多打擾用戶的前提下，完成了目標操作。
復雜性守恒定律由Larry Tesler于1986年提出，也稱泰斯勒定律。指的是“任何系統都存在其固有的復雜性，且無法被減少，只能設法調整、平衡。我們要考慮的是，怎么樣更好地處理它，讓用戶簡單、高效地使用它”。
很多的中后臺系統中很多表單會存在大量的配置項，這些配置項是否可以簡化，讓平臺變得更簡單智能？大部分時候答案都是否定的，過度追求簡化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案，當你試圖簡化降低復雜度，可能在其他地方埋了雷。
其中一個解決方案是將復雜度轉交給系統，蘋果公司的黑盒理論與此互通；就是用戶不需要了解系統或功能背后的實現邏輯，只需要關注呈現在用戶眼前的交互界面即可。如今數據智能化處理正不斷發展，我們也看到了智能化在PC端領域的應用。
剪映相比于老牌視頻編輯軟件更加簡單，提供各種在線特效模板，來降低任務復雜度。相比傳統的PR、AE軟件需要本地存儲預設文件，或者手動編輯簡單了很多。用戶不需要知道背后的實現的技術原理，也不需要掌握過多的特效制作、調色技巧即可完成視頻的剪輯、調色工作。
推薦組件功能：用戶在進行流程搭建時，不需要從左側組件區拖拽組件，而是點擊連接線中間來添加組件。如果可以其實還可以更進一步，就是根據后臺數據分析創建目標流程需要的組件，向用戶主動推薦相關組件，以此來降低用戶的創建門檻。
隨著傳統業務向互聯網轉型越發普遍，線下業務流程轉到線上的需求場景越來越多，一個單一的系統不能完全滿足所有的業務場景需求，由此需要一個更加靈活模塊化的系統來針對不同的應用場景來應用不同的產品架構。而該系統中的功能框架、交互組件又可以重復利用，于是更加靈活、模塊化、可自定義配置的系統后臺越發受到歡迎。
飛書、釘釘易搭內的審批流程、會議系統、工單系統都可以通過模塊化的組件進行高效搭建，不需要代碼即可像搭積木一樣實現用戶的自定義需求。
阿里的天貓優品電器店線下門店設計平臺，整理了線下門店所需的16個模塊（前臺、小家電中島、洗衣機、櫥窗、空調、吧臺等），通過線上三維化場景直接進行可視化設計，所見即所得，并且能夠模擬現場燈光效果，根據門店現場規格，直接在三維空間里修改，快速導出效果圖;非常高效地完成了其他門店的需求化定制。
抖音網頁端的用戶體驗沿襲了手機App端的風格，用戶進入網頁的核心目的就是看短視頻打發時間，于是進入首頁即可看短視頻，不需要用戶手動選擇分類，并且手機端的用戶偏好通過用戶的賬號同步至網頁端，有了很順暢的用戶體驗。
相比快手網頁版，快手延續了常規視頻網站的交互方式，將視頻內容分為短視頻、直播、同城、長視頻、小劇場等多個類別，由用戶自主去選擇觀看的內容，內容雖然更加多元，但確實路徑過長，不夠直接。
再舉個例子，新版的淘寶網頁端不再像個門戶網站導航，而是通過數據分析用戶喜好來主動推薦代替用戶自己選擇。用戶來淘寶網頁端，其實并不是買東西，大眾用戶已經習慣了在手機上進行支付，到了網頁端反而會不適應。用戶來到淘寶網頁端的更多目的就是逛，看有沒有自己想要的東西，遇到喜歡的，就點進去看了。于是新版淘寶通過個性化推薦把過去復雜的活動運營頁板塊、特價板塊、品類板塊替換掉了，讓用戶在網頁端獲得更好的“逛街”體驗。
而京東，在首頁做了復雜的流量分發設計，通過不同的頻道、不同的板塊將用戶引流至相關的專題頁面，再進行商品瀏覽。本質上來說，用戶來到淘寶、來到京東的目的都是因為閑，而淘寶的通過數據智能，大數據精準推薦用戶喜歡的商品，簡化了用戶的使用路徑，并且使整體頁面更加簡潔。
網頁的官網、首頁承擔著產品介紹、流量分發、增強品牌印象等的職責。我觀察到越來越多產品官網都開始采用3D元素、視頻背景、大圖元素、微動效來讓頁面呈現更加具有質感和動感。
它是由Web3D技術的發展而興起，能夠給網頁Banner帶來更強的視覺吸引力，同時也強化了公司融合了AI技術的品牌印象。如法大大官網、騰訊云、阿里云的首頁Banner展示。法大大首頁Banner，鼠標滾輪向下滾動3D元素會相應產生變動，文案與元素一靜一動，對比明顯，也更易于用戶注意到文案信息。
大疆官網首屏采用了全畫幅大圖的形式展示熱門產品，下方的產品推薦頁自動播放宣傳視頻，提升了頁面的視覺沖擊力，展示了其科技屬性。
疫情時期，線上辦公的需求和頻率激增，線上協作興起，許多辦公軟件都有了多人場景編輯功能。特別是對于復雜的項目，需要團隊成員共同完成，協同合作的功能越來越受歡迎。
比如我們熟悉的figma，逐漸取代了傳統UI設計軟件ps、sketch等的頭部地位，其中的項目協同功能更是廣受歡迎。只需要發送項目鏈接邀請成員即可進行項目協作，還支持多人標注、語音溝通，大大提升了工作效率。
許多辦公軟件也都上線了類似的功能，比如幕布可以通過設置權限、發送鏈接或二維碼來邀請協作者共同編輯文檔，為產品的使用場景提供了更多可能。
曾鳴在《未來商業20講》里說：“未來的互聯網世界的兩大趨勢是數據智能、網絡效應”。
這在PC端也得到了印證。淘寶網首頁、抖音首頁、嗶哩嗶哩網頁端將PC端與APP端的數據進行互通，并對用戶行為偏好數據進行分析，為用戶提供更加精準的信息流的同時，還使得頁面的交互更加簡單，視覺效果更加簡潔，過去依賴用戶自主選擇進行流量分發的形式將會越來越弱勢。
在工具類產品中，利用數據智能化可以將用戶操作上的復雜度轉移給系統，從而降低用戶使用門檻，提升用戶體驗。與此同時，工具類平臺也越發靈活化化，通過模塊化設計來自定義搭建不同用戶的使用需求的產品，還能節省資源建設成本。
網絡效應的部分應用體現在用戶在使用工具類產品中，不再是孤單的個體，而是能通過線上協同，讓用戶與用戶之間能夠產生共同協作，共同交流，更加方便地完成任務。
作者：為美好而設計
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
會員權益上線后，為了讓更多用戶享受到更優質的糖豆使用體驗，對于會員價格推出了一系列優惠活動。下面將簡單介紹一下，在視覺表現層面，我們是怎樣將活動的主要信息傳達給用戶。
首先，活動的主要信息的顯示區域，是根據最小機型的屏幕尺寸制定范圍，原因如下：
糖豆大部分用戶的使用設備多為老舊的千元機，屏幕小、性能低是主要特點。為避免跨屏瀏覽，減少老年人的注意力分散，將主要信息一屏展示，信息精簡的同事，防止信息過載。
同時一部分用戶習慣不往下滑動頁面，使得信息展示的不完全。在這種情況下，適當減少縮短頭部修飾及氛圍元素的顯示面積，讓活動的信息及功能在不做任何操作的情況下，能夠清晰展示。
一開始彈窗的制作想法，是將信息視覺化，將加贈的部分獨立展示出來，突出了此次活動的優惠價值。但這樣的表現形式使得各個元素分散，從上至下的閱讀軌跡在中間被斬斷成從左至右，閱讀成本劇增的同時，老年人也讀不太懂。
最終的解決方案為一句話表示，通俗易懂，讓用戶一眼明白，在什么時間，什么內容，要做什么。
糖豆App與大屏端的圖標視覺上差異不大，作為輔助圖形，意義感知不強，用戶無法從頭圖部分得知這是個關于什么主題的活動。且4.1折只是個概念，具體優惠金額多少沒有直接體現，無法吸引用戶的了解購買。
什么是超級會員？用具體的電視與手機展示的同時，標題“手機電視都能看”進一步作出了解答，我們用最直白的方式解釋了什么是超級會員。
用戶對價格非常敏感，尤其是中老年用戶，如何體現價格的優惠力度是我們需要解決的問題。
中國人的閱讀習慣一般是從左到右從上至下，于是將價格內容放到左上并且放大，突出第一層級的信息；優惠金額放到價格下方，這是第二層級；右邊放上價格的組成及原始價格的輔助信息，整體簡潔硬朗，清晰明確。
隨著年齡的增長，伴隨生理變化看不到的大腦老化，中老年人的注意力和記憶力會呈大幅度的下降。我們既要保證新鮮感的同時，又要注意用戶的學習成本。
在玩法相同的情況下，只更改了視覺元素，活動信息/功能的位置保持不變。
作者：ANOTHERZOUZOU
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
沉浸式體驗是讓人專注在當前的目標，全身心投入并感到愉悅和滿足，從而忽略時間的流逝。應用到界面上則是更強調聚焦內容，減少不必要的打擾。本次研究與實踐針對視頻場景中視頻所呈現的畫面，通過精細化的設計，在多樣化的手機屏幕中呈現時，能夠帶給用戶更為沉浸的視頻觀看體驗。
視頻播放器中視頻畫面當然是最主要的內容，以此作為突破點進行思考：
· 最大化畫面視野：通過改變視頻畫面本身的大小，減少頁面“留白”，讓用戶更聚焦視頻畫面，觀看視頻時更專注。
· 最佳視線觀看位置：將不同高度的視頻按照頁面結構去布局視頻畫面，通過畫面避讓狀態欄、頂底bar結構的方式，使畫面更加整潔，減少
元素混亂帶來的干擾，同時整體位置偏上展示，視線落點更加舒適。
· 觀看體驗連續性：視頻瀏覽過程中，非必要不打斷視頻瀏覽，在進行如查看評論、臨時退出播放器等行為時，保證視頻播放的連貫性，方
便用戶多操作。
01.視頻畫面裁剪
隨著時代的發展，為提升消費者對手機的操作體驗，智能手機逐漸多元化，手機屏幕尺寸迭代更快、更加豐富多樣。手機作為視頻很重要的生產端，手機屏幕尺寸的多樣化影響到產出視頻尺寸的多樣化，同時用戶可通過視頻編輯工具任意編輯視頻尺寸，最終生產的視頻尺寸比例自由度非常高。據不完全統計視頻平臺中視頻尺寸達22萬多種，用戶使用機型近300種，在視頻尺寸多樣性及視頻展現媒介多樣性的現狀下需要兼容性更強的裁剪及展現規則才能帶給用戶更好的觀看體驗。
我們要做的就是將不可控的視頻資源和不可控的瀏覽視頻設備設計為可控的視覺展示效果，并最大化視頻畫面。減少環境干擾，給用戶帶來沉浸式感官體驗。
視頻寬撐滿手機屏寬后，將視頻尺寸分為四類：
1) 視頻高度>手機屏高
視頻畫面寬度撐滿屏幕后，視頻整體居中于屏幕，居中裁剪視頻多余畫面。
注：不允許畫面高度撐滿屏幕，寬度自適應導致畫面左右留黑效果。
2) 視頻高度=手機屏高
視頻居中于屏幕，剛好填滿屏幕，不需要裁剪處理。
3) 1:1<視頻高度<手機屏高
此類尺寸較復雜、難處理，于是將限制裁剪面積和展示位置相結合，保證裁剪面積和位置可控。結合視頻平臺資源尺寸和業務目標來確認理想展示效果，反推定義最大裁剪面積，根據顯示位置多次判斷視頻放大后是否符合既定裁剪面積，最終確定當前視頻的顯示方式。同時支持根據不同視頻業務進行個性化定制，并且將裁剪面積云控處理，根據業務內不同時期的訴求限制比例來靈活調整展示效果，雙端也可分端定義數值；橫向協同及迭代成本極低，便于快速上線驗證效果。
4) 橫版視頻（高寬比≤1:1）
橫版視頻在手機屏幕中面積占比較小，畫面可識別度和飽滿度稍有欠缺，輕微擴大畫面視野，畫面瀏覽更加清晰有沖擊力。以不影響內容理解為前提，根據自身平臺視頻尺寸占比及視頻內容特點規定固定比例或比例范圍適度放大。
錦上添花，引入文字內容識別
為避免因裁剪規則而裁剪到視頻關鍵文字對視頻內容獲取有障礙的問題，發揮百度強大的AI技術優勢，引入文字識別技術及視覺展現規則，進一步提升視頻展現樣式的可控性，同時能夠通過盡量少損失畫面達到畫面放大的效果，平衡畫面沉浸感和完整性的關系。
左右文字被裁剪情況：文字左右設置安全距離，保證安全距離在屏幕內。如果安全區超出屏幕，則按照上方描述的裁剪規則進行退檔顯示（滿屏至不裁剪之間的檔位），直至文字不被裁剪。極端情況退檔至最后一檔，視頻畫面不裁剪。
橫版資源文字左右被裁剪情況：按照固定尺寸退檔
上下文字被裁剪情況：文字上下設置安全距離，保證安全距離在屏幕內。如果安全區超出屏幕，則按照上方裁剪規則進行滿屏至不裁剪之間的檔位進行退檔顯示，此情況只會從全屏一檔顯示退至二檔顯示。
裁剪面積、展示比例、文字安全距離等數據都通過云控的方式下發，靈活配置到不同業務中，保證裁剪規則一致的同時又能針對不同業務進行定制展現，也可快速調整并支持上線實驗，來驗證適合自己產品的展示效果。
02.智能滿屏
通過裁剪方式放大畫面視野之外，還通過讓用戶自主交互操作再次放大畫面視野，調整到自己喜歡的觀看視頻的方式。相較于上方默認裁剪放大，滿屏方式更加激進極致，畫面放大更多。開啟方式通過面板功能按鈕開啟智能滿屏外，增加便捷交互開啟手勢，用戶可雙指放大快速開啟。
由于滿屏是用戶主動操作放大行為，可以接受文字內容被裁剪，但也需要有節制的放大，避免帶來畫面裁剪過多視覺體驗不佳的問題。為了保證95%以上資源撐滿全屏，達到放大畫面視野極致體驗。同時最大畫面裁剪面積不超過一定比例（根據自身業務視頻資源判斷），將視頻資源細分為3類進行不同效果處理：
1.可繼續放大至滿屏的視頻，則進行滿屏展現。
2.不可繼續放大的視頻，如果繼續放大會導致裁剪畫面過多影響觀看完整度與觀看體驗，則保持上方提到的裁剪規則，不做另外處理。
3.橫版視頻統一放大至固定尺寸，可根據自身業務資源進行放大尺寸的定義。
通過布局合理、舒適的畫面位置，也能提升瀏覽過程中用戶體驗的沉浸感。人的視覺中心一般會在物理中心的偏上方，于是在設計中我們將視頻畫面放在屏幕偏上的位置，用戶視線落點更加舒適，一般是用戶在瀏覽頁面時最先注意到的地方。同時視頻在頁面偏上的位置，能減少下方標題等信息過多對視頻畫面的遮擋。
為了精細化處理不同比例的視頻資源，豎版視頻和橫版視頻根據頁面效果分別定義了最佳觀看展示位置。
豎版視頻：高于1:1的視頻，按照頁面結構布局視頻畫面，避讓狀態欄、頂底bar操作，避免與頁面結構沖突帶來畫面凌亂不美觀的問題，同時能減少畫面參差帶來的干擾，增加沉浸瀏覽感受。
橫版視頻：等于矮于1:1的視頻，畫面按照屏幕高度比例展示在偏上的區域，高度比例可云控便于靈活調整。
01.視窗擠壓
為了滿足用戶在視頻場景多角度信息獲取，在不打斷用戶視頻瀏覽的基礎上建設視窗擠壓交互體驗，提升觀看視頻的相對沉浸感。在視頻場景觀看評論時會彈起半屏面板，遮擋住視頻內容，導致用戶無法在瀏覽評論的同時觀看視頻內容。對短視頻重度用戶來說，對同時看評論和看視頻習慣的用戶有挑戰。通過視窗上移動擠壓功能，在瀏覽面板內容時不對視頻內容打斷，弱化面板內容給用戶帶來的影響。
視窗高度固定，畫面寬高比越小畫面內容越小，觀看體驗不友好，所以豎版視頻對壓縮后的顯示尺寸進行干預，定義最小視頻畫面展示比例，盡量擴大畫面視野，保證觀看視頻的舒適度。
02.懸浮小窗
在不打斷用戶視頻瀏覽的基礎上還建設了懸浮小窗交互體驗，旨在為用戶提供完善優質的視頻消費體驗。用戶進行其它操作時仍保留視頻后臺播放，同時也能在屏幕角落觀看到縮略圖大小的視頻播放窗口，可以從任何頁面中觀看視頻，我們同時也保留了部分視頻基礎操作。觀看體驗連續性讓用戶對視頻有絕對的主控感，提升用戶使用體驗的滿意度。
沉浸式體驗設計是幫助用戶減少畫面干擾，讓用戶專注于當前的視頻瀏覽，忽略時間的流逝進入心流狀態。我們通過放大畫面視野，增強畫面沖擊力的方式減少干擾，并解決在視頻畫面尺寸、手機屏幕分辨率極多的復雜情況下，保證畫面效果的穩定和可控，并且不會受阻于未來手機機型的擴充發展，普適性極強。同時通過視窗擠壓、懸浮小窗的交互體驗專注于當前的視頻瀏覽不被打斷，進一步提升視頻看播沉浸式體驗。后續我們將不斷探索視頻場景沉浸度提升方式，為用戶帶來更加舒適的觀看使用體驗。
作者：百度MEUX
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
循序漸進的內容結構，不放目錄了，內容框架如下：
1. 為何說應用程序是一種行為設計
————用戶行為視角進行設計和解決問題
2. 行為設計下的設計模型理念
————運用模型理解行為、設計行為
3. 行為設計不能沒有用戶引導
————挖掘行為設計重要的部分“引導”
4. 正在被濫用的用戶引導
————煩人的引導信息源源不斷
5. 善用觸發式引導賦能體驗
————讓觸發式引導更棒的5個建議
————新一輪的趨勢，克制與降噪
分割線-------------------------------------
應用設計為啥要行為設計視角？是因為酷還是更有挑戰性？可拉倒吧，我都癱工位上了還卷啥？只是在實際的設計過程中，通過觀察或共情用戶行為可以反映出很多問題，可以幫助洞察出更多價值或新的機遇。
此前我在試圖尋找一款具還不錯的機械美感鼠標，但是沒有一下子找到合適的，準備第二天摸魚的時候再看看，結果第二天上午十點左右，手機回復消息時，就收到了一條淘寶的通知。是關于鼠標的，你猜對了，之后我就順勢打開了淘寶，看看是否會有新的收獲，淘寶根據我的搜索行為記錄，果然在首頁零零散散穿插了不少鼠標，我在首頁看到了一張鼠標商品圖，我迫不及待的點開，結果發現是穿了身衣裳的羅技G502HREO，不禁感嘆道這些商人們的洞察力。
那么回過神來，你是否已經感受到了行為視角加一點點同理心一點點洞察力，就可以產生如此奇妙的價值？
應用程序本質就是數字化服務，只是將行為方式進行了轉變，以及采用了網絡進行信息交互。當我們有了需求后就會使用這些應用程序提供的功能完成需求。比如原本要在菜市場才能完成選菜、選量、付錢、帶回家，而通過數字化服務則可以足不出戶，在手機設備上完成購菜。當然了，這也意味著行為方式或成本的變化，但是本質不變。
數字化視角下，我們看見用戶實現需求僅僅是手機上敲敲打打就做到了，而其本質只是調整了實現的行為方式，基本就是內容輸入輸出、查看選擇、傳遞交換，再深入點就是界定用戶輸入什么輸出什么，看見什么選擇什么等一系列設定，自下而上來看，就是圍繞產品服務或產品目標展開，然后界定功能服務的范圍與內容范圍，通過交互與信息框架定義用戶行為的方式與范圍。
應用本身就像是一個行為框架，盡管不能嚴格控制，但它規定了用戶行為的方式、范圍、路徑以促導用戶實現需求，表象是各種功能的設計，而背后也可以看做是用戶行為的精心編排，而超出預期的用戶行為則可以看作違規或設計漏洞，而我們通過數據埋點或數據分析來密切關注用戶行為，也正是為了檢驗設計編排是否合理或滿足商業預期，如此看來我們為何重視用戶行為與數據收集也就很好解釋了。
或許你在疑惑知道了行為設計視角又如何？實際在產品設計過程中，行為視角確實能帶來太多驚喜，以至于一些場景化交互問題，我會代入行為視角思考每一步行為過程，而不是單純的考慮流程與線框圖。我認為行為表現能夠清晰反映出一個用戶的特征，當我們說通過一個人的行為表現了解對方時，也就這個意思啦，愈發真實自然的行為表現越能反映出一個人的特征畫像，這應該也是為什么HR會用“行為面試法”來篩選應聘者的原因吧。
那么回到應用設計上，當我們通過技術手段收集到了用戶數據，也只是一些數值罷了，唯有清楚數據涵義并結合用戶行為視角，才能夠分析還原出更有價值的信息，當獲取到足夠的用戶行為信息后，我們就可以還原出相對真實的用戶特征畫像，以用于行為設計分析改善，來驅動產品體驗或是商業目標。
說到行為設計，不得不提到HOOK模型與福格行為模型吧，一個產品往往不僅需要行為設計也需要習慣培養，唯有這樣才能使得用戶能夠熟練掌握應用并產生粘性，HOOK上癮模型，一個關于如何讓用戶對產品上癮或培養習慣的模型；福格行為模型，解釋用戶發生行為的條件與關系式的模型。
簡單概括就是要產生行為，就需要一瞬間產生內在的行為動力“動機”，并且有足夠的“能力”執行，還需要適當信息提示來助推行為產生。我用人話解釋一下哈，在此前了我們玩一個動動手指就行的小游戲。
一、首先伸出左手，掌心面朝自己；
二、然后仔細盯著中指的末端；
三、為了更佳集中注意力，把其他四個指頭慢慢握攏；
好了，是的就好了，這個過程中，我說開始一個小游戲其實就是為了形成一個動機，而后續一系列步驟引導就是對應的觸發信息，當然了動動手這么簡單的事兒，我相信大家能力十足。其實這個模型就是告訴我們要想行動起來就要讓你“想做、能做、開始做”。
首先是一個開始：提示觸發
第一個是來自我自身或腦海里的提示觸發，通常管這個叫做需求，洋氣點叫做“內部觸發”，比如剛剛肚子叫了，感覺有點兒餓了，當然了這些“內部觸發”隨機且不穩定，來自我們的心理活動以及身體本能。
而生活場景下的各種應用程序則需要媒介對我們產生觸發，與之前“內部觸發”相反，這些誘因我們稱為“外部觸發”，你在生活中看見的廣告、好友安利的商品、手機通知消息、小紅點提示、鈴聲震動等一系列均是外部觸發。
具備一個行為動力：動機
凡事我們要做出行動前都會有一個動機，還記得剛剛我說肚子餓了嗎？是的，于是大晚上的我想搞點兒燒烤吃吃，想到肉香四溢，酒足飯飽的感覺真是快樂啊，也不用吃藥抑制胃酸過多的痛苦了。
而讓你打車的動機、點外賣的動機、網購鼠標的動機、打開網頁閱讀的動機，你是否已經清晰看見，總歸是有一個的，甚至會有多個。
能夠進行執行的條件：能力
當一切剛剛好，觸發有效，動機也有，可以做了嗎？不不不，能力才是執行的硬核條件，如果我的能力相差懸殊我可能會直接放棄或降低預期調整目標，所以我想到燒烤店就在小區，票子也足夠，腿腳也麻溜，這不，燒烤已經擰在手里了。所以你看，現在的應用程序不斷在降低操作難度或消費門檻不就是這個理兒嗎？
*你白天忙沒時間娛樂？沒關系，直播午夜檔、24小時轟趴派對等候你。
*你工作完腦力體力有限？沒關系，這些短視頻幽默好玩不費腦，不喜歡輕輕一劃下一個，不想滑？沒事兒，短視頻已經在流行自動播放下一個呢！
*最近手頭緊了？沒關系，咱們的商品統統優惠哈，還能分期付款，再不行還能組團砍一刀來點兒優惠。
產品設計中的可用性、易用性、統一性各種交互定律，以及各種營銷手段不就是在不斷的降低難度促成用戶行為的發生嗎？總之產品會想辦法讓你更輕松用起來，讓你慷慨消費起來。
大概是該動一動了：行為
就像前面動動手指的游戲一樣，當行為發生前的三個條件同時滿足時，我就該動起來了，我的行為向著動機目標有序的進行著。
HOOK上癮模型的核心在于使用產品后，會獲取酬賞激勵，我們為了追求更多的花樣酬賞，以加大投入，并且持續的投入會提升對產品的價值積累，同時我們行為上就會不斷的反復，之后就會留下慣性的操作模式，即習慣。整個過程中觸發與行為部分即福格行為模型部分，而新的部分主要包括多變的酬賞與投入部分；
多變的酬賞：激勵上癮的根因
社交酬賞：產品社交互動中的反饋激勵，例如常見的分享點贊、評論互動、人際關系建立等，在社交類產品中是極具分量的部分，良好的社交酬賞能夠很好的激勵用戶參與互動與自發的創作內容，屬于UGC重要的一環。
獵物酬賞：這就包括了金錢獎勵、知識、資訊、娛樂等一系列你主動在產品中搜尋的信息或資源滿足。當你還處于清醒活躍的狀態時，腦子不會突然的呆掉而是胡思亂想或想找點內容填充無聊的時光，于是你打開手機一個又一個的短視頻、資訊文章或是圖文段子。
自我酬賞：以自我為中心的快感滿足，如產品體驗中的操作感、成就感、終結感。我們為什么要玩游戲？因為游戲有各種操作感可以滿足自己，并且還有豐富的美術視覺，一旦我們獲取對戰中最優數據或MVP時是不是很興奮！因為有成就感，這時你完成了最后一個敵人的擊殺！恭喜你完成最后一擊！是不是終結感也很不賴。
持續的投入：習慣的培養
上癮就是一次不夠還想要，習慣就是不知覺的在對應場景中重復某個行為，一旦當你在某個產品中不斷的注入你的投入，你也會獲取更多的激勵與成就，它可以是你存儲的照片、發布的動態、收集的歌單、你的粉絲團、你的名氣信譽或是技能收獲，慢慢的你會對該產品的價值評估提高，你會越來越難以割舍，甚至想要推薦伙伴在這里和你一起，而接下來就是另一個觸發再次把你拉回來。
因為什么而上癮：期待沒有止境的舒服
實現上癮就這么簡單嗎？想想好像不是，所以根因是什么？你有沒有同樣的感受，貌似大部分人對工作并不上癮，是因為沒有酬賞嗎？貌似對有酬賞的家務也不會上癮，甚至學習打卡也不叫人上癮，反而是刷短視頻、刷帖子、玩游戲、線上交友、語音派對這些娛樂更叫人上癮，這是為什么呢？
回到前面的行為部分再結合HOOK的酬賞部分來看，如圖，你是否會有什么啟示呢？
酬賞快樂
讓你痛苦不堪的產品必然是與上癮無緣的，對于自身有益且美好快樂的事物我們會追求，反之則避免或逃避，尋求短暫的刺激來麻痹痛苦，不過這只是讓用戶接受和樂意使用的初步條件，上癮？還不至于。
充滿期待
為什么模型中指出是多變的酬賞？因為不是一次性滿足，而且還是多元化的滿足刺激，想象一下你，打開短視頻，看完一個后接著下一個，但是相似度極高，于是你繼續滑動，一個又一個，但是內容依舊極其相似，你開始反思，情緒低落，對后續的內容不再充滿期待，你停止繼續并退出了應用。這是另一個重要因素，帶有期待，我們會本能的追求希望逃避恐懼，如果對后續不再抱有期待或希望時，那么這將是中斷心流與上癮絕緣的一個信號！
沒有止境
你是否有發現不論是追劇、短視頻、搞笑段子、游戲等一系列讓你短暫成癮時，都有一個相似點，似乎沒有受到干擾時，根本沒有終點，你可以忘卻時間持續性的沉浸其中，享受著一個接著一個的高潮或激勵。
如果要打造一款成癮的熱銷產品，我想這三個點也是值得深思熟慮的因素，HOOK模型是精簡的，但是內涵不止于此。
而對于習慣養成型，則有一部分是因為逃避痛苦或麻煩，我之前離單位比較近，到公司不會太早，但是研發工作卻很積極，以至于我為了避免耽誤研發或形成負面的同事形象，我都會早上習慣性的打開工作群看一下有沒有紅色的“@”，如果有的話，則趕緊看一下什么情況回復一下。
在以上的模型中，找到了用戶行為調動的方法，以及習慣養成甚至成癮的關鍵點，但是結合應用程序設計的特征，我注意到還有一些行為層設計的關鍵點散落在各個環節，為更好滿足設計應用的目的，我在HOOK上癮模型的基礎上細化了一些值得注意的節點，并試圖在應用設計的過程中找到了節點的映射關系，驗證可行性，在此我會穿插一些案例進行各個節點介紹。
為什么在我們生活的場景中，處處充斥著廣告或品牌的概念，因為商業產品需要觸發！唯有當你了解一個產品的用途時，你有了內在需求才能及時的想起對應的服務品牌，并使得這些產品有機會被你翻牌子，然后你打開這個應用，應用：多謝恩寵～
外部觸發的誘因，就是在適當時候提醒你是否需要，讓你產生動機，或是引導你完成某個事件的動作，例如電話鈴聲響起，你掏出你的手機查看并思考是否接聽。然后發現是騷擾電話你掛斷了，這時手機彈出通知，是否開啟騷擾電話攔截？然后你又開始點擊查看騷擾電話攔截服務。
精髓在于打造良好的品牌賣點與口碑，在適當的情景能夠激起用戶的使用欲或消費動機，能夠激起或助推動機、引導輔助用戶行動、提示反饋牽引用戶。
不論是出于自身需求還是外部誘因產生的動機，一個讓你做出行動前的心里動力，之所以被分為感知、情感、社會三個成層面，則是為了在適合的場景下給出更被需要的動機的觸發指引，例如在炎熱的大馬路上，出于感知動機口渴，我推出冰爽的飲品更容易被需要或產生購買動機。并且當一個動機無法直接滿足時，我們還會有更多間接的動機。
大多時候我們處于慣性思考的狀態，習慣性做事兒，但面對復雜的目標，我們都會預先進行一個規劃，這不像屁股癢癢了就反射性伸手撓一撓這么簡單，這個過程中圍繞心理活動展開，給予已有目標與動機，我們會初步的思考以下多個問題，我該怎么去做？我能夠做什么？先做什么再做什么？并且這個過程中會結合能力與自我感知進行決策，觸發這一行動前可能還會補充很多間接的動機來完成初始目標，所以可能對一些間接動機先規劃行動起來。
特別是當用戶身處于產品應用中，所有活動事件我們應該給予一定的信息可視反饋，以便于用戶決策規劃和判斷實行難度，這需要設計者做好一下幾點；
可視化：有效的反饋軟件或設備當前狀態，給出相關信息讓用戶決定哪些行動是合理可行的。
用途示意：簡單直接的體現出可以交互的形式或范圍，例如顯示一個帶有放大鏡的按鈕，就可以感知與搜索放大有關系，并且是一個按鈕可以點擊交互。
引導信息：進行輔助示意的提示，特別告知用戶應該操作哪里或如何操作的指引信息，減少溝通或理解的成本。
能力會直接影響動機的強弱，能力不足就會消弱動機甚至放棄行動，如果動機高漲那么就可以做出更有難度的事情，這一關系在福格行為模型中有明確體現。在應用設計中，則更多以有效性、效率指標、交互原則及相關定律展開，目的則是減少門檻與使用阻力，幫助用戶建立操作信心和有效易用的開展任務。
當以上多個條件就緒后，那么你就要開始行動了，即使是準備五分鐘開始，那么的你的等待都是具有目的性的行動，一旦時間到了便會觸發生效。而行動正是與一切產品開始交互的開始，行動過程可能會具備多個子目標或動機來達成你的最終目標，也就是你面對復雜目標的動機規劃，在進行中，你可能還需要一系列反饋來告訴你，是否符合預期，需不需要調整規劃來達成最終目標。
如果說你的行為沒有任何反饋或是延誤錯誤的反饋會這么樣？混亂。想象一下燒壺開水去，聽不見咕嚕咕嚕，看不見熱氣或翻滾的氣泡，直到你不小心碰到手上，該死的，燙出泡泡來了。難以想象沒有反饋是多么的混亂，以至于我們沒辦法獲取有效的結果來糾正下一步的行動或規劃。
這個階段里，反饋不僅僅是指用戶行為發生后的變化響應，也包括了用戶反思和比較的過程，在產品應用的過程或實現較為復雜的目標時，目標與動機都會面臨拆解和階段化實現的情況，那么每次我們對階段目標付出行動后，就需要比對結果反饋是否符合預期，是否需要對后續的規劃做出調整來達成最初的動機。
反饋階段是整個行為設計中重要的一環，如果不能給予用戶即時有效的反饋，后面的一切設計階段都將是徒勞，并會給用戶造成糟糕的體驗。那么如何做好這一環，這不僅要做好產品可視化內容、用途示意、引導信息，還需要在用戶行動的過程中，做好產品交互的約束、映射與反饋。
約束：通過提供物理硬件、流程邏輯、文字描述、符號標注等一系列方式來約束引導用戶的行為，幫助用戶理解避免操作出錯。
映射：在用戶交互的過程中給予即時有效的映射反饋，使得用戶在持續的操作過程中能夠追逐到對應變化的結果，例如通過滑動屏幕的進度條來感知和控制屏幕亮度的調整就是一種映射的表現。
反饋：用戶進行任何操作后，應給出即時有效的狀態反饋或是撤銷操作，并且盡可能的與操作前的信息保持關聯，以符合用戶的預期，若未能操作成功，則給出失敗的原因或解決方案，甚至主動進入修復中，避免用戶在界面前不知所措。
多變的酬賞，也許是為了快樂，也許是為了逃避麻煩與痛苦，在完成目標的同時我們必然會獲取滿足，如果在滿足的同時給予了你額外的、意外的激勵，誰不愛呢？鼓勵用戶發布或互動，獲取社交酬賞；給予用戶首充獎勵，獲取獵物酬賞；豐富的資料編輯，讓用戶完成更個性的展示，獲取自我酬賞；面對復雜任務，完成后給予情感化的激勵或獎品反饋。
杜絕一成不變，不然只會呆板無聊，人總是會對新事物保持興趣，想象一下每天刷著一成不變而乏味的短視頻你會滿足嗎？不論是推出新的活動、新的玩法、新的功能、新的挑戰、新的好友、新的八卦總是會讓用戶有所正向期待，愿意更多嘗試與投入，就像抖音的短視頻一樣，嘎然而止意猶未盡，期待下一個更精彩。
所在產品上產生的數據、時間投入、金錢投入、關系來往都將是產生情感或上頭的重要原因，我不能想象時常來往老友，好好地說斷交就斷交，也沒辦法突然的將我在音樂應用中辛苦集成的歌單說刪就刪，因為這一切對我們都有特別的價值，未來的某一天我依舊需要。那些產品年度報告不就是在喚起應用時的回憶進行情感升溫嗎？
再一次的，可能是我突然想起來需要了，可能是一個手機Push通知、一個短信、一個廣告、一個回訪電話，總之又一次的吸引到我了，并且此情此景所見所聞，我有了興趣也有了動機，新的一輪又將開始。
[行為設計用戶引導就像是西方不能失去耶路撒冷]
它是在任務能夠進行的基礎之上建立的指示信息。這是一對玻璃門，它約束了只能推開拉開，而用戶引導就是貼在玻璃門上的“推開”或“拉開”，它們告訴我們最好怎么做，以快速作出正確或符合預期的行為。用戶引導是幫助用戶快速成功的捷徑，在程序應用中不論是出于用戶體驗還是商業目的都具有極為重要的作用與影響力。
其實在行為設計模型中的諸多環節都是要運用引導設計的，不知道你是否也感知到了，這些引導可以從用戶動機喚起開始-到動機助推-行動指引，出于不同目的，這些引導信息甚至可以覆蓋在整個行為設計環節中，在適當的時候產生各種意想不到的效果；
國內的應用五花八門包羅萬象，即使被廣告吸引完成下載，但打開后，甚至可能不知道從那里開始這個應用的探索，這個應用究竟能做什么，有什么服務亮點，于是乎就需要一系列的用戶引導幫助我們開始探索和了解這個復雜的玩意兒，如果不能讓用戶快速抓住亮點（也就是Aha時刻），那么就很難保證之后的時段里不被卸載。
而這個數字化的時代，為了給用戶提供更優質的服務，企業則需要引導用戶在產品中產生數據，以幫助企業獲取更多信息了解用戶，并提供更契合的服務或是推薦匹配來改善體驗。
產品出于商業目的，不論是業績指標、用戶留存、消費轉化，往往都需要用戶引導來促成目的。就商業轉化來看，這時候用戶引導就像是導購一樣，通過培養用戶消費心智從而達成消費行為的動機，而關心用戶在應用程序上的消費行為、復購行為、支付中斷行為等，也是為了做好導購獲取更多收益。
為了滿足不同的業務目標，用戶引導出現了各式各樣的類別與形式，從廣泛的視角來看其實就是各種信息提示，并且為了方便用戶進入下一階段，可能會直接附屬相關操作或路徑。通過促達的程度我們可以歸類到這三個類別中：
主動式：在你還沒有透出任何行為目的前，收到的引導性通知，用于吸引用戶啟動程序進行消費或互動。干擾較弱的形式有應用內外的通知、應用內彈窗等，中等干擾的有短信通知、郵件通知，再強一點的還有電話推銷。
陳列式：在應用場景中，將相關的引導信息直接陳列在界面中對用戶進行引導，可以在不操作的情況下直接看到，例如常見Banner形式、缺省圖形式、注釋信息、懸浮Tips等。
觸發式：用戶有意圖的進行操作后給出的引導信息，相對來說是一種用戶接受程度高、體驗親和、動機相對吻合的類型，展現形式豐富，有彈窗、Tips、Toast、注釋信息等，具體根據場景做搭配。
手機似乎響了一下，嗯？屏幕沒亮，錯覺嗎？
手機剛剛是不是震動了一下？有短信嗎？
我剛剛看手機干嘛來著？嗯？供奉戰犯吳啊萍被刑拘？看看
你是否有過這般恍惚？明明什么聲音都沒有，卻好像清晰的聽見手機在呼喚你，每每打開手機時，除了個別還在艱苦奮斗的強迫癥們，總是會看見一個又一個的小紅點，點開手機通知欄，一長排的通知等候著你的光臨。點開一個應用A，閃屏說應用B有活動，逐點擊進入應用B，閃屏說去應用C點份午餐吧，然點開進入應用C，閃屏說來應用A專治無聊，對哦，我是無聊來應用A的啊，好一個圈圈圓圓圈圈開屏大法；
圈圈圓圓圈圈
天天年年天天的我
深紅色的引導
商業的陷阱
指標的陷阱等你
不懂工作規劃重要的我們
都以為摸魚也能讓工作完成
相信就一天 搞定工作
.......不好意思，給唱起來了
然而回到了應用A，別急，還有青少年模式引導、最新活動引導、會員續費引導、求你開個通知引導、底部消息99+引導等等。
這是一個眼花繚亂的世界，稍不注意就忘了我本來是做什么的，當時我只是準備買一個鼠標，但我在淘寶的短視頻中神游了許久，直到點開一則評論被問答？你來淘寶是干嘛來的？我終于回過神來，我只是來買個鼠標的，我這點兒注意力還真是廢物呢，以至于手頭的事兒擱置了這么久。
而你，又在如何應對的呢？
沒幾個應用是做慈善事業的，總歸會有一套自己的盈利模式，商業指標造就了這些目的不純的引導設計，例如用戶取消訂購時的種種阻擾、為推動新內容不斷發出的騷擾引導、特定場景對用戶的消費心智干擾、帶有隱瞞信息的協議引導等，甚至還有一些令人不爽的強制性引導。
商業視角下，用戶掏錢，則俯首稱臣，不掏錢則軟磨硬泡引導消費，很多時候不是在引導用戶體驗，而是在引導用戶參與消費罷了，而設計師能做的，也許只能是想辦法讓用戶錢花的舒服點吧。
很熟悉吧，如果不夠我還能列舉，碎片化的時間似乎都被刷手機的習慣占滿了，每次打開手機都會被各種引導所吸引，久而久之一得閑大腦就渴望來點兒數字化補品[刺激多巴胺]，我們習慣打開這個，再看看那個，盡管眼睛是不樂意的。
不知道什么時候，高效便捷的服務能力不再是一個產品的核心指標，取而代之是讓用戶刷個不停，沉浸其中不得自拔，但我們也知道刷手機的若干不好，干擾視線、干擾學習工作、虛度光陰、還能砸到臉、睡不好、快速近視...
于是有那么一批人開始意識到，并減少手機上的引導帶來的干擾，忽略一早起來手機上的若干通知、逐步加強對小紅點的忍受、對各個群組逐一免打擾、關閉若干應用的通知授權、體驗先進的適老化設計、設置免打擾時段等，想想沒有了這些引導干擾，少看一看屏幕，也不會損失什么。
為什么我們不反感快遞到貨的取件短信、不反感1008611查詢后的話費流量情況短信、不反感求職后的Offer郵件通知，因為這一切的通知或引導，都是在你動機觸發后給出的結果，它們可能正是你所需要的，甚至你正在期待的搓搓小手。
所以這也解釋了為什么那些“預判設計”可以快速出圈，被用戶所青睞，因為這些預判設計并不是憑空捏造的，而是基于用戶行為觸發預測了動機，為后續帶來了的行為方向的指引，就此我們為用戶提前準備好了相關操作或服務供給，例如常見的截圖后，打開微信輸入欄更多按鈕，會直接提供截圖選取服務。
那么如何做好觸發式引導呢？
除了擅用行為設計的方法與視角，這里再分享五個我自己的見解
我們的精力是很有限的，不該濫用引導，應該結合用戶特征或行為觸發來洞察需求，再用友好且符合用戶意圖的內容來引導用戶，提高轉化和品牌溫度，而不是一味的引導轟炸，不然有一天被打上垃圾信息的標簽了，發送再多的引導通知也不會有結果，所以找到一個合適的或是用戶自己觸發的“契機”很重要，商業與體驗平衡很重要。
除了一些工具類或沒有社交屬性的產品，大多數產品可以通過社交來建立用戶之間的聯絡，并以社交消息來做功能引導或用戶召回引導等，例如：
當然了，控制好時機并保證內容真實性也很重要。而借助社交是因為我們喜歡跟有共同點的人靠攏，彼此會有更多話題與樂趣，通過好友背書、社交擴列與社交酬賞做杠桿，讓引導事半功倍。
引導設計需要耐心，分成必要的步驟循序漸進，不要一股腦兒塞給用戶，也不要過于拖沓冗余，適當的階段給予獎勵，調動積極性，就像游戲關卡設計一樣，采用階梯式用戶行為引導。并且從開始到結束不要信息斷層，減少跳失率，我就看見過很多用戶因為廣告是穿搭而下載了某個應用，結果安裝后玲瑯滿目，找不到興趣點，最終選擇了吐槽卸載。
大多數消費場景，講究的是循序漸進的心智引導，欲速則不達，目的是建立用戶信任、接受度、消費意向、好感度等促成消費結果，我們常見的電商好評、權威認證、專家推薦等就是在引導消費心智，這也體現了為什么一個好的銷售會先跟你拉近距離而不是“哥！人傻錢多不”。
行為視角的作用不用多說了吧，結合用戶當前的行為我們可以洞察出下一步行為方向，提前做好準備，當然了，不要過分揣測，對應的引導要考慮服務范圍、服務時間、服務要求、服務場景等，可以是面向全局用戶、也可以是私人定制服務，重點是要契合用戶意圖，借“機”行事。
好的引導設計應該讓用戶覺得有價值、靠譜、不過分干擾，而不是為了指標做出一堆陰暗設計，老生常談的惡心案例應該就是網頁上的彈出廣告吧，明明顯示了關閉按鈕，點擊后卻發現還是假的，直接就給跳轉了，盡管我們說把用戶當作小白，但不是當傻子，用戶總歸會發現上當的時候，到時候就該差評或控訴了，所以長久看來，為保證口碑與競爭力，還是建議光明磊落少些陰暗的引導設計。
作為一個設計者，說來慚愧，安裝一個新的應用程序后，一下子根本搞不清楚怎么用？有什么用？不得不說引導設計還是很重要的，但引導并非是讓我迷茫的主要原因，龐大而臃腫的功能反而是主要原因，并且一旦功能倍增后，就很容易丟失服務焦點，以至于即使做用戶引導也不好下手，做完了迭代又還要反復改。
現在的應用底部菜單從4個趨于5個，頂部Tab也越劃越多，首頁也是玲瑯滿目的，這對于用戶體驗是一個挑戰，即使是專家級用戶，也難以用到大部分的功能，這是一個信號！新一輪的趨勢可能是克制與降噪了。
克制業務范圍，下鉆業務優勢，好的產品不是什么都做什么都有，而是應該定位清晰，業務更清晰，盡管很多產品有著類似的服務，但是每個用戶都有自己產品上的小圈或價值積累，產品優勢也有差異，不會因為有類似功能就輕易轉移陣地，例如直播。一個產品想通過擴展業務豐富跨界優勢是很難實現的，還記得支付寶做社交的嗎？
幸運的是嗅覺敏銳的企業已經注意到了，如你所見，應用市場有了更多的極速版APP，微信支付寶等APP也允許用戶配置核心服務之外的功能模塊搭配，似乎軟件們又開始輕盈好用了。
減少干擾，注重效率。一個好的產品應該注重效率，快速幫助用戶找到要的、快速幫助用戶完成任務、快速完成信息匹配等，看見隨申辦APP獲得了GXA好體驗獎了，不過想想新一代的數字化服務不就該如此嗎？讓流程簡單易懂，辦事少走兩趟，結果反饋更及時，惠民政策早知道。
不知道什么時候開始適應和喜歡清晰簡潔的產品設計，就像我喜歡逛逛無印良品，找一點精致自然的物件，有時候設計也是，多一點克制少一些喧囂，當滿屏都是重點都是標簽引導、文字說明時，哪里還有什么重點，就像小紅點誕生時，醒目的提示能幫我們找到重點，但現實處處是紅點，哪里還弄得清什么是重要的。
就像一個簡單模塊入口設計，又是封面/標題/描述，又是用戶信息/互動數據/品類標簽啥的，這么多信息，我擱這兒讀書呢？為什么不循序漸進呢？找到用戶正真會看的焦點信息很難嗎？
終于，在工信部的要求下，廣告與算法推送也得以控制，這意味著干擾又少了，但是這也側面反映了產品對用戶數據的過分收集甚至有所交易，如何讓用戶放心用，隱私或權限的最小可行獲取又何嘗不是“降噪”的重點。
洋洋灑灑的寫了一大片，也非本意，怕詞不達意，只好多分一分內容節點，至于這么多字究竟在說些什么，我們簡單回顧一下；
數字化應用即經過精心編排的行為設計，本質是通過不一樣的行為方式完成我們的需求，通過行為設計視角我們可以共情以洞察出更多的用戶需求，并且在進行數據分析時，也需要善于使用行為視角洞察分析用戶特征或痛點，這種方式我們可以記作三級維度兩層映射。而上癮模型與福格行為模型則可以為設計提供更多的指引，同時可以在模型的基礎上完善更多環節來作用于實際的設計過程，幫助我們打造受歡迎的產品。
用戶引導是非常具有價值的設計，好的行為設計不能缺失引導設計，而現在引導設計正在被濫用，它的優勢正被埋沒，被用作一些不友好的地方，產品體驗也因此大打折扣，而掌握觸發式引導設計，通過借機行事、借助社交、循序漸進、行為視角、光明磊落五個方法也許能幫你改善。對于現在的數字化產品現狀，或許克制業務范圍，下鉆業務優勢，減少干擾，注重效率會帶來更多驚喜。
原文地址：站酷
作者：泡泡_PAO
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
最近新的一批應屆生開始步入職場，讓我想到自己剛入設計這一行時，遇到的大大小小問題感到很是無助。今天這篇是結合自身經驗寫給入行不久的設計，希望你們眼中有光心中有夢對設計仍不忘初心。
相信你在設計工作中一定遇到過這樣的場景，當好不容易拿著設計稿推進時，被各種角色提出意見：
“我覺得這個設計不高級”，“我覺得這里可以再大一點，顏色更亮一點”，“我覺得可以試試競品那樣”，“算了，還是用第一稿吧”等等，然后陷入無限改改改的循環中，往往做著做著就開始懷疑自己是不是不適合設計
我認為有3個方面的問題
每個人的審美不一樣，天然會摻雜著主觀因素，導致每個人都能很容易的提出自己的意見。而我們對設計的關注往往是各種好看概念稿、當前流行趨勢等等，導致我們過于追求視覺表現，而忘記從需求層面出發
每個需求都是有具體的目標用戶，用戶身份不同，同一個問題背后的需求也是不一樣的，當與真實用戶脫節，業務理解不到位，很可能就把整個需求理解錯誤，這樣修改的幾率就很大
沒有理解每個功能是什么，背后要解決的問題是什么，滿足了什么需求，能夠得到的價值是什么
產品或運營提出一個需求的背后，往往都有一個非常明確的結果預期，他們也需要層層審核。我們不應該想“他是不是對我有意見”“他不懂設計的吧，就喜歡瞎BB”“每次都這樣針對我，設計做的真沒意思”等等，而是需要主動溝通，了解為什么？只有充分的理解需求，才能尋找更正確更好的解決方案。
我們做稿子時常存在問題是我們僅僅關注了設計視覺表達環節，整個項目流程我們理解的過于狹隘，騰訊百度這些大廠設計流程往往從項目立項設計已經開始介入了
想要提升設計方案的說服力，首先要從思想上改變對設計認知，然后再從執行層上落實每個小點
這里需要設計師站在更高的視角，把設計從表現和執行抽離往前后延展，在整個過程中往前去挖掘需求和規劃產品結構，往后做到把控和沉淀，跳出視覺認知層，才能宏觀看待整個業務改版
從不同的視角看待問題，學會拆解問題和解決問題，從產品、設計、開發不同的角度來全盤看整個產品，分析這個需求的投入產出比是否足夠，是否能達到目標（包括設計目標和產品目標）。設計、產品、開發從來都不是對立的，都是不同角色為了整個產品發力。
我們在開始著手項目的時候，不要單點去看要在某個頁面要做什么改動，而是從問題入手，和產品同學對齊好目標，結合設計理念。
最后找到發力點在哪里，循序漸進，這樣很大程度上能避免項目的反復，對設計流程的準確把控也是輸出優秀設計方案的基礎。
有些新設計師認為創新就是把原項目進行翻天覆地的改變，初入職場會覺得負責的業務和項目都很小，沒有什么意思，其實創新的維度有很多，包括設計工作流程的優化，還有從小的問題點著手去深挖和思考，找到合適的解決方案并打磨細節給用戶創造驚喜。
陌陌情感化設計和貝殼旗下被窩家裝產品圖標設計異曲同工之處，大方向上都是利用大色塊、細節處用線條勾勒，整體設計輕量化符合年輕人喜歡，但兩者又有不同之處。陌陌對表情和動作的處理線條更簡潔更抽象，而被窩家裝圖標融入品牌IP趣味化表達，傳達出詼諧、幽默的正面情感
設計師往往對信息的獲取比較片面，很多往往坐等原型，然后刷網站找圖接著打開軟件擼圖，這種不充分理解需求就開始做設計的行為，屬于思維懶惰，就被稱為常說的美工
我們在需求階段設計師應該主動跟需求方深入溝通，搞清楚以下方向的問題：
明確目標是為了最終設計方案可衡量，設計師工作不是提供一個天花亂墜的方案，而是盡可能走在一個正確道路上提供給需求最合適的方案，只有大方向不錯的情況下才有好壞之分
在業務探索初期，舊版滿足了業務方和用戶的基本訴求。但是隨著業務擴張與更新迭代，我們逐漸發現現有的租售模塊實價登錄信息不能提供用戶有效的參考價值，該頁面點擊到實價登錄頁面的用戶量極少
這個改版的背景是在租售業務上優化實價登錄社區的需求，租售詳情頁的上內容的呈現還是舊版，現有框架和內容對社區價值點展示不足。
解決辦法：優化信息框架，豐富該房屋社區信息，滿足用戶找房時了解社區資訊需求
比如整個社區在該市的排名、整個社區的配置圖、口碑評分等以及在實際找房場景過程中，用戶會找這個社區內同格局同戶型的房屋等等
整個591APP是臺灣地區關注度最高房屋的產品，但是從二手房引流過來的用戶很少，埋點數據不理想
解決辦法：除了在視覺上也要與本身租售的業務分開，讓用戶理解注意到該模塊的價值外，另外在體驗層也需要優化
為了更好的明確實價登錄的價值定位，以及確認用戶期望什么的信息呈現，我們在實際改版時對用戶做了多輪的摸底調研，挖掘用戶在使用關注功能時的真實場景訴求。
在調研過程中，我們發現使用實價登錄的用戶分兩類，分別是觀望期的用戶和決策期的用戶，這兩類用戶雖然都使用，但是對實價登錄功能的場景訴求是不一樣的。
觀望期用戶一般是有買房計劃，但是對于自己要買什么樣房或能賣什么樣的房子需求沒有那么明確。這類用戶大多數是了解為主，從慢慢對比中做到心中有數
決策期的用戶大多已經線下看過房，有些甚至已經到了和議價階段，他們對于自己的購房訴求已經十分清晰。在這個階段的用戶，期望提供更多有關體現房源價值的信息，比如掛盤時間、成交表、周邊完善程度等等，這些信息一方面可以展示出目前房源再市場內的定位，重新調整價格預期；另一方面也能了解到業主心里預期，提升線下斡旋的成功率
我們可以從這兩類用戶的使用訴求看到，大家都期待能提供更豐富有效的信息，幫助自己明確需求和輔助決策。
由上述信息得出我們的設計目標，提高租售模塊的實價登錄的點閱、降低跳出率，當我們的設計方案每個細節，都是以目標為導向時，你輸出的方案將更有說服力
結合實價登錄歷史現狀和不同階段用戶場景使用預期。我們在本次關注改版上制定了對應的設計策略。
舊版分析：僅滿足用戶基本使用，其中承諾的誤差率未達標，與內政部信息同步也存在問題；同時，視覺上更像是內容說明展示，點擊感不明顯
優化策略：圍繞用戶買房租房場景，為用戶提供最新的實價登錄信息，同時添加點擊指向性箭頭，告知用戶可點
通過對首屏不斷的優化和迭代，打磨體驗細節和設計細節，首頁的點閱提升了43%
從框架層對功能和層級進行梳理，原層級主要功能不突出，根據功能的重要層級以及用戶使用頻次進行梳理，將入口進行提煉，同時針對多樣化需要增加新的入口
舊版分析：用戶在不了解社區情況下缺少關注動機；折線圖不明所意；同社區是否有成交與當前用戶缺乏聯系；查看更多實價登錄卻到社區詳情頁與預期不符
優化策略：圍繞用戶買房租房場景，展示與用戶切身利益相關信息
關于顏色
整個產品主色是橙色，但是目前租售詳情頁上藍色橙色混用，當然設計的改版也需要鍥機，所以我們這次改版沿用橙色，當好區別之前的藍色，達到凸顯實價登錄模塊的目的
配色從樸素到亮眼跟從LOGO配色，“暗藍色”到“亮橙色”增強年輕感，加強了顏色的對比度，讓品牌感知更加直接，增加品牌視覺分量
關于圓角
圓角，代表友好、親和，具有更強的內指向性。我們對于圓角的取值上也做了足夠的思考：結合房屋特性，卡片內需承載的內容信息眾多，圓角太大會影響邊角信息的呈現，所以我們在圓角選取上將圓角數值整體縮小，采用了可根據場景精細程度選擇合適數值的圓角(4-6-8px)，使卡片容器信息展示更聚焦。
設計師不僅要會設計，還要能夠有理有據的，跟需求方陳述自己的設計方案。尤其是在項目合作和設計推進時，非常重要。方法可以分為以下幾點：a.有邏輯；b.能堅持；c.會妥協。
向別人推進自己方案之前，先把自己要表達的內容梳理清晰，進行調整和簡化。試想你小時候全校上臺發表考試獲獎感言，是不是有個長長的稿子
多問自己一些為什么，比如下面稿子類似于廣告位的地方，當前目標是提高點擊率。但是整個模塊展示是在另外的業務上，也是存在突出的同時不能太突出的問題
初稿給出的時候也是出于2個方向考慮，方案一是出于頁面整體風格一致性同時優化視覺，稍作強調；方案二考慮到方案一視覺引導弱了，用重色強引導達到產品目標。2個設計方案都可達到產品目標，剩下的就是調優了
在符合最終產品目標的設計方案，必須堅持。但是，你要有證據證明為什么它值得或者能夠堅持。
這里再分享一個案例來，臺灣用戶往往特別注重個人隱私，基本不開通系統定位，但是買房租房位置選擇及交通地域選擇是第一步，否則后續搜索無法定位到用戶預期。所以此次產品目標是加強導航的視覺層級，當然這只是優化需求里面一個小需求
經過競品分析、加強品牌感知和用戶使用習慣等方面確定使用品牌橙。但是這個橙飽和度比較高，在測試階段非專業人士提出疑問導航這個太刺眼，讓整個頁面感覺不高級，讓產品和交互再次懷疑這個橙色是否需要調整
這個時候設計堅持是非常有必要的，因為大量結果驗證是可達到產品預期也符合用戶使用習慣，僅因為大陸同事質疑就在測試環節隨意修改，這個是非常沒必要的。測試環節離上線時間是非常緊迫的，這個急促的時間推翻重來結果也可想而知
體驗設計會有很多不可控的因素，是在各種局限下做出最合適的選擇。要處理好問題的優先級，分清楚哪些是核心目標，哪些是兼顧目標，這樣才能更有效的管理自己的時間以及項目的進度。
清晰設計層面來說就是方案能做到方向明確，方案明了；有效字從設計層面來說就是輸出的方案可以解決存在的問題，能達到設定的目標以及可以切實落地。
清晰和有效的維度是不一樣的：清晰更多是針對設計，在于不同方向/方案的差異度和側重點；
有效更多需要聯合設計上下游（用戶/產品/開發），對于優秀的設計方案來說兩者相輔相成，缺一不可
數量并不代表一個設計師的專業，最多只能說明設計師技法嫻熟。在評審的過程中，不建議將所有的設計方案直接平鋪。而是你要先經過自己思考、衡量與推敲，挑選出最優的 1~2 個方案進行方案評審，并給出設計說明，陳述方案的思考邏輯。
在設計最初期先思考有哪些途徑達到目標，確保所有實現手段的方式都有考慮到，整合途徑一致、方向近似的方案。對差異性不大的方案進行合并劃歸，才能在合理范圍內整理出具有不同思考維度與目標側重的提案方向。
之前的例子比如目標答案是提高點擊率和閱讀量，我從3個方面闡述方案的可行性
方案一：沿用當前頁面的比較扁平設計樣式，選用大間隔大標題區分模塊，在頁面里加入品牌色裝飾強調我們的模塊，吸引用戶點擊；
方案二：可以采用卡片式設計突出點擊感，吸引用戶點擊；
方案三：因為頭部有用橙色裝飾強調，所以整個頭部模塊不用卡片式呈現，突出后面2個模塊
這樣3個方案給需求方，即滿足對方產品需求，又滿足設計需求，對方就不會全盤否認設計方案，走入改改改模式了，就算對方有修改意見也能說出具體點去修改，而不是說我覺得不好，不夠突出這樣非常主觀的想法
強調一點：我們在方案都沒說服自己的情況下不要推出去，專業度是每次和對方碰撞中中慢慢建立起來的，如果說服不了自己的情況下，推出去對方很大可能性要你試無數稿對比；另外在闡述發需求方時候，也要注意語言的引導，慢慢理解對方的意圖
初入行時認為滿足了需求方便是好的設計，當其他角色提出不同意見就會覺得他們不懂的設計。這些現象是因為設計師在項目前期沒有正確思考需求本身需要解決什么問題、方案能否達到團隊共同設定的目標，以及方案是否能平穩落地這三個維度
我們在實際輸出方案的時候，不能從產品經理的需求文檔開始，而是要把考量維度更前置，從項目現有的問題出發。這個問題的搜集包括外部用戶的反饋，內部團隊的聲音，同時對問題進行篩選和甄別。
比如下面同一個產品按鈕2種懸浮狀態，左側案例按鈕hover狀態是由正常狀態面型變成線型；右側案例按鈕hover狀態是正常狀態下加投影。
如果我們僅從產品需求文檔開始，不去深究其背后的原因，很可能把右側hover狀態直接變色處理，沒有去思考hover的幾種樣式哪種是更適合當前場景的的，這樣簡單粗暴的處理方式多了之后使得產品體驗大大折扣
問題還需要結合目標一起考慮，解決問題的思路并不完全等同于目標，目標是大家一起制定的未來產品的發展方向。比如之前導航的案例，未發版前部分工作人員認為顏色偏重，但是從產品目標和品牌調性及目標用戶審美上是沒有問題的
在輸出設計方案的時候，需要考慮到開發實現的可行性，需要消耗多少資源去實現這個需求，最低成本達到目標的路徑是什么。最常見的就是情感化設計，下圖案例2個空狀態下的場景，原本考慮到趣味性及品牌屬性加入動效，但是開發的業務需求已經排到下月，最后只能以靜態圖展示，先滿足基本需求后續有時間再進行優化
再例如下面三組數據的排版方案一：文字最左邊間距30px，文字最右邊間距30px，中間一組數據中間對齊；
方案二：三組數據分別在360px寬的格子里距離左邊30px。方案一在視覺上可能更加合理，當寬度是1200時右側不會空太多，但是按方案二的邏輯寫更加便捷，一組數據樣式可以解決3組數據的排版，大大提高開發效率，如果用方案二評審加入開發實現方式的思考，那么按過稿率大大提升了
以上是跟進項目一整個具體過程，了解背景、分析問題、設定目標、到方案推導及執行輸出、再到方案的落地，整個過程與產品研發溝通非常順利，最后也獲得良好的用戶反饋，整個團隊滿滿的成就感是非常開心的
進入互聯網公司工作初期，大多數人對設計的理解更多停留在表現層，對設計的判斷標準更多是好不好看、喜不喜歡。但作為設計師我們不要盲目的去畫設計圖，只有在設計方案前，更好的理解和分析了需求，才能很好地服務用戶幫助用戶使用產品；同時，只有站在用戶的角度去分析理解產品，才可以幫助產品站在全局的視角提升用戶體驗和設計需求，從而打造優秀的用戶體驗。這2點綜合起來才是設計師價值的體現。
原文地址：站酷
作者：貝賢設計筆記
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
數據可視化已迅速成為在網絡上傳播信息的標準。它用于各種行業，從商業智能到新聞，幫助我們理解和傳達見解。
我們的大腦善于處理可視化信息，這使我們更容易理解圖表或圖形中可視化的數據，而不是表格和電子表格中列出的數據。一個偉大的數據可視化應該利用人類視覺系統的優勢來呈現數據，以便數據被吸收和理解。它應該考慮用戶對視覺處理的了解，提高并簡化用戶的數據體驗。
目前有很多工具和框架可用于構建這些圖形，是時候回歸基礎了。是什么讓數據可視化有效？在設計數據時我們應該遵循哪些指導原則？
以下最佳實踐將幫助您設計豐富、有洞察力的數據體驗。
可視化是用于揭示模式的，提供上下文并描述數據中的關系。雖然設計師對給定的一組數據集中的模式和關系沒有任何影響，但她可以根據用戶的需求選擇顯示哪些數據以及提供怎樣的語境。畢竟，就像其他產品一樣，如果用戶無法使用它，那么可視化就毫無意義。
為小白用戶設計的可視化應該是結構化的、明確的和有吸引力的。他們應該用文字直接說明受眾應該從數據中得到什么。
轉換雙親的工作時間：媽媽VS爸爸
來源：https://flowingdata.com/2016/04/20/parent-work-hours/
另一方面，面向專家用戶的可視化可以顯示更精細的數據視圖，以驅動用戶探索和發現。細節和數據密度應該簡單明了。
工作來來往往：國民失業
來源：http://graphics.wsj.com/job-market-tracker/
這是一個發人深省的數字：《紐約時報》網站上只有10-15％參與可視化交互的訪客實際點擊了按鈕。《紐約時報》的圖形團隊制作了一些業內最好的作品，但幾乎沒有人與他們互動！
這表明，關于交互可視化設計，我們不能依賴交互來建立理解。關鍵數據不能隱藏在交互元素后面，而應該在沒有交互的情況下可見。
然而，什么樣的交互比較好呢？允許整合更多數據（否則可能被排除），以允許感興趣的讀者更深入地研究數據集。Nathan Yau 的流動數據已經壟斷了這種交互式可視化風格市場，正如他關于死亡原因和預期壽命的圖表中所展示的那樣。
2005年至2014年的死亡率數據：死因如何因性別和種族而異
來源：https://flowingdata.com/2016/01/05/causes-of-death/
或者，交互可以用作吸引點，一個引發關注的點，可以讓你的讀者在遠遠地瀏覽之前，親自參與該項目。看看 Quartz 這款有趣的書寫和文化作品。這件作品首先要求讀者簡單地繪制一個圓圈——在繼續文化形態的分析概述之前——畫出簡單而有效的可視化的特征。
畫圓圈的方式說了很多關于你的故事
來源：https://qz.com/994486/the-way-you-draw-circles-says-a-lot-about-you/
同樣， The Pudding 最近發布了一個交互式可視化軟件，向讀者講述有關生日悖論的知識（生日悖論，指如果一個房間里有23個或23個以上的人，那么至少有兩個人的生日相同的 概率要大于50%。）。雖然大多數非統計學家可能會發現生日悖論，這是概率論中的一個標準問題，非?？菰锴也恢庇^，但這種可視化使得它看起來簡直令人著迷。創作者融入最近的用戶互動的方式使得整個體驗非常具有關聯性。
生日悖論實驗
來源：https://pudding.cool/2018/04/birthday-paradox/
這兩個交互式示例都起作用，因為它們允許讀者參與數據且不需要通過交互來理解。
視覺突出性，使視覺元素從周圍環境凸顯的特性，是數據可視化的強大工具。它可以用于引導用戶注意可視化中最重要的信息，以幫助防止信息過載。通過使用視覺突出一些細節并壓制其他細節，可以使我們的設計更清晰，更容易理解。
一些視覺變量——顏色和大小——是我們創造和控制視覺顯著性的關鍵。
色彩方案是優秀的數據可視化的關鍵。眾所周知，色彩特別擅長打破偽裝。我們可以使用溫暖，高飽和度的顏色來突出關鍵數據點，并應用冷色調，使用低飽和度的顏色將不太重要的信息放到背景中。
2014：最熱的年份
來源：https://www.bloomberg.com/graphics/2014-hottest-year-on-record/
尺寸也很明顯。較大的元素比較小的元素更有吸引力，因此要擴大您希望讀者首先閱讀的元素，并縮小不太相關的文本和元素。
Cleveland 和 McGill 在信息可視化方面的著名工作，研究了視覺編碼的有效性（即數據維度與視覺屬性的映射）。他們根據人們對視覺編碼的準確感知程度，對不同類型的視覺編碼進行了排序，給出了以下（簡化的）列表：
這對數據可視化設計的意義在于，我們顯示定量信息的首選應該是按位置進行編碼（如經典散點圖和條形圖所示）。與基于角度（如餅圖）或基于區域（如氣泡圖）的編碼相反，基于位置的編碼有助于觀眾在更短的時間內進行更準確的比較。
然而，這并不是說所有可視化都必須是條形圖或散點圖。在研究可視化數據的新方法時，牢記這些原則是個好主意。
我真正想要強調的是，顏色不應該用于編碼定量信息，而是應該用來編碼分類信息。也就是說，我們可以使用顏色來表示屬于不同類別的數據。
出生時的預期壽命
來源：http://www.vizwiz.com/2017/11/life-expectancy.htm
5.使結構元素像刻度線和軸一樣清晰但不顯眼
無論你是否支持 Edward Tufte 在設計中極簡主義的極端方法，都要幫自己一個忙，從你的圖表中消除視覺上的混亂。通過在數據元素和非數據元素之間創建可視化對比，來讓您的數據大放異彩，就像 Nadieh Bremer 在他的獲獎作品“美國出生時間”中所做的那樣。
嬰兒潮：白天工作時間出生高峰期
來源：https://www.visualcinnamon.com/portfolio/baby-spike
刪除不起任何作用的結構元素使數據清晰（如背景、線條和邊框）。減弱必要的結構元素（如軸、網格和刻度線），否則這些元素會與您的數據爭奪注意力。網格為淺灰色，最寬設為0.5 pt，軸為黑色或灰色，最寬設為1 pt。
編碼數據的每個元素都需要進行標記，以便讀者理解它所代表的內容。簡單吧？
錯。太多設計師依靠圖例來告訴讀者哪些符號或顏色代表圖表中的哪些數據系列。列舉圖例雖然對設計師來說很容易，但對讀者來說卻很難。它們迫使讀者在圖例和數據之間來回掃描，給讀者的記憶帶來不必要的壓力。
更好的方法是直接在圖表上標記數據系列。這往往更像是一個挑戰，但是，嘿，你是設計師。你的工作就是做這項工作，以便于讀者不必這樣做。在下面的例子中，Nathan Yau 完成了避免使用圖例的工作，創建了一個帶有大量直接標簽的小型交互式多重顯示。
每人每日平均消費量
來源：https://flowingdata.com/2016/05/17/the-changing-american-diet/
7.使用消息傳遞和視覺層級創建敘事流程
最好的可視化講述著引人入勝的故事。這些故事來自數據中包含的趨勢、相關性或異常值，并且由于數據周圍的元素而加強。這些故事將原始數據轉化為有用的信息。
從表面上看，似乎數據可視化完全與數字相關，但一個偉大的數據故事是無法用語言來講述的。信息傳遞具有清晰的視覺層次，才能一步一步地引導讀者閱讀數據。
例如，可視化的標題，應該明確闡明一個關鍵觀點，使讀者領會。分散在數據中的微小注釋，可以通過異常值或趨勢引起讀者注意，從而為關鍵觀點提供支撐。
來源：https://www.nytimes.com/interactive/2015/03/24/science/earth/arctic-ice-low-winter-maximum.html
我在這里要說的是：幫助讀者，確切地告訴他們在數據中尋找什么！
正如我剛才提到的，我們可以在可視化中使用注釋來幫助創建數據故事的過程。有時我們可以添加圖形元素來使這些注釋更有意義，以便將這些信息更直接地關聯到我們的數據。
以這張來自 Susie Lu 的圖片為例?！跋募敬笃焙汀皧W斯卡季”的數據重疊賦予了原本看似隨機的高峰和低谷以意義。它們幫助觀眾理解數據的重要性，比單獨使用字幕或注釋更直接。
2015 - 2017.08 票房趨勢：強大的開場和后期的爆發
來源：https://susielu.com/data-viz/box-office
靜態可視化通常以 JPG 和 PNG 等位圖圖像格式發布，這對移動端用戶來說是一個明顯的挑戰。許多數據可視化的美妙之處在于它們的視覺細節——微小的數據點和微妙的編碼——而這些細節許多在靜態格式的小屏幕上被丟失了。
例如：Accurat 工作室在諾貝爾獎上的精美復雜的作品，在印刷和高分辨率視網膜顯示器上看起來非常棒的全尺寸，卻在移動設備上幾乎難以辨認。
視覺數據
來源：http://giorgialupi.com/lalettura/
為移動體驗設計，或者使用像 D3.js 或 Highcharts 這樣的 JavaScript 可視化庫構建響應式可視化，或者為印刷、桌面和移動設備多種載體創建相同的靜態可視化設計。
我今天談到的所有最佳實踐可以歸結為一件事：在復雜性和清晰度之間找到合適的平衡，以滿足受眾的需求。
制作精美的、探索性的可視化細節總是誘人的，但這不一定是最合適的方法。在設計圖形時要考慮周到 ，讓讀者的知識和目標決定應該包含哪些數據以及包含多少數據，并整理數據以講述您想要講述的故事。
原文標題：10 DATA VISUALIZATION BEST PRACTICES FOR THE WEB
原創作者：MIDORI NEDIGER
原文鏈接： https://www.webdesignerdepot.com/2018/07/10-data-visualization-best-practices-for-the-web/
翻譯作者：桃花果
授權獲取：張聿彤
文章審核：王翎旭
文章編輯：王鴻飛
該譯文并非完整原文，內容已做部分調整。如在閱讀過程中發現錯誤與疏漏之處，歡迎不吝指出。如需轉載，請注明來自 三分設
作者：三分設 來源：站酷
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
推薦 | 科技的不斷發展將給未來的界面設計帶來更多的可能性。復雜的語音界面、先進的 AR 或是真正沉浸式的 VR 都會被實現。而科技的進步也對設計師們提出了新的要求。在更加重視體驗的未來，設計師們應該作出何種創新以應對變化呢？尼克·索薩尼斯曾在其著作《非平面》中寫道：“要走出平面與狹窄，我們需要萬花筒般千變萬化的視角，我們的維度性和不斷變化的能力才得以展現”。希望此文中提供的視角能給設計師們帶來啟發，跳出傳統屏幕的平面來思考未來的界面設計。
快速摘要：
當改變來臨，我們總傾向于自然而然地抵制它。我們所擁有的唯一真正的界限，就是我們的大腦告訴我們，事情最好保持原樣。在本文中，Gleb Kuznetsov 分享了他的一些想法和觀點，即在不久的將來，界面會是什么樣子，以及我們能夠期待何種非凡的體驗。關鍵詞：虛擬現實，用戶交互，用戶體驗，用戶界面
在我們做決策的過程中，情感起著至關重要的作用。一秒鐘的情感便能改變用戶體驗產品的整個現實過程。
人類是一種由情感驅動的物種。我們選擇一款產品并不是因為它有何意義，而是因為我們認為它能夠給我們帶來何種感受。未來的界面將會在產品設計的基礎上使用情感概念。人們的使用體驗將基于智商 ( IQ ) 和情商 ( EQ ) 。
本文試圖展望未來，看看未來十年我們將設計什么樣的界面。我們將詳細研究三種交互媒介：
未來的界面將是什么樣子？雖然我們現在還無法回答這個問題，但我們能夠探討未來的界面可能具有哪些特征。在我看來，我確信我們最終會擺脫那些充滿菜單、面板、按鈕的界面，并轉向更加“自然”的界面，即擴展至我們全身范圍的界面。未來的界面不會被限制在物理屏幕中，而是會借助五感的力量。正因如此，它們需要更少的學習曲線①——理想情況下，根本沒有學習曲線。
①學習曲線：在一定時間內獲得的技能或知識的速率，文中指面對未來的界面，用戶需要更高效的學習速度，甚至無需學習即可掌握界面的使用方法。
除了使體驗更加自然并減少學習曲線之外，對產品創造者來說，情感設計還有另一個益處：它提高了用戶對產品的采用率。利用人類對情感的反應能力來創造更好的用戶參與度是可能的。
使用語音功能作為主要界面交互方式的產品正變得越來越流行。我們之中有很多人使用 Amazon Echo 和 Apple Siri 來安排日常活動，例如設置鬧鐘或安排預約。但是，目前市場上可用的語音交互系統中，大多數仍具有一個天然的局限性：它們并沒有將用戶情感考慮在內。結果便是，當用戶與像 Google Now 這樣的產品進行交互時，他們有一種在與機器而不是真人交流的強烈感覺。系統的反應是可預測的，并且它們的響應是腳本化的。與這樣的系統進行有意義的對話是不可能的。
但是目前市場上也有一些完全不同的系統。其中一個是 Xiaoice（ 微軟小冰 ），一個社交聊天應用程序。這個應用程序的核心是情感計算框架；其理念是，首先要與用戶建立一個情感連接。Xiaoice 可以動態識別情緒，并通過給出相應回答的長對話來吸引用戶。結果，當用戶與 Xiaoice 交互時，他們感覺是在與真人進行對話。
Xiaoice 的局限在于它是一個基于文本的聊天應用程序。很明顯，如果是基于語音的交互，你可以獲得更強烈的感受（ 人類的聲音具有不同的特征，例如音調可以傳達出強大的情感 ）。
微軟小冰跨平臺人工智能機器人圖片來源：https://www.msxiaobing.com/
很多人已經通過電影 《 Her 》（ 2013 ）看見了基于語音互動的力量。Theodore （由 Joaquin Phoenix 扮演的主角）愛上了 Samantha （ 一個復雜的操作系統 ）。這也讓我們相信，未來語音系統的主要目的之一便是成為用戶的虛擬伴侶。這部電影中最有趣的事是 Theodore 從未見過 Samantha 的視覺形象——他只能聽到她的聲音。要建立這種親密關系，必須產生能夠反映出和虛擬伴侶性格一致的回應。這將使系統既可預測又值得信賴。
電影《Her》海報
圖片來源：https://movie.douban.com/photos/photo/2166850749/
要實現像 Samantha 這樣的系統，科技還有很長的路要走。但是我相信，語音優先的多模式界面將是語音驅動界面發展的下一篇章。這樣的界面將使用語音作為主要的交互方式，并在上下文中提供附加信息，以創造和構建連接感。
為 Brain.ai 設計的語音界面實例 （圖片來源：Gleb Kuznetsov ）
AR 體驗的演變
增強現實（ AR ）被定義為在現實世界基礎之上進行的數字疊加，并將我們周圍的物體轉換為交互式數字體驗。我們的環境變得更加“智能”，用戶在指尖產生一種“有形”物體的錯覺，從而在用戶和產品（或內容）間建立更深層次的連接。
AR 的獨特之處在于它給予我們一種與數字內容進行物理交互的非凡能力。它允許我們看到以前無法看到的東西，這有助于我們更加了解我們周圍的環境。這種AR屬性幫助設計師使用熟悉的概念創造新層次的體驗。
例如，通過使用移動 AR，可以創造一個全新水平的飛行體驗，它允許乘客看到有關她的班次或當前飛行進程的詳細信息：
AR 展示空客 A380 的飛行體驗。（圖片來源：Gleb Kuznetsov ）
AR 幫助我們找到穿越空間的方式，并一目了然地獲取所需要的信息。例如，AR 可以為你當前的位置創建豐富的提示。SLAM 技術②在這方面有著出色的表現。SLAM 允許環境的實時映射，并能將多媒體內容置入環境中。
②SLAM 技術：（ Simultaneous Localization And Mapping ） 同時定位與地圖構建技術，指機器人在未知環境中從一個未知位置開始移動,在移動過程中根據位置估計和地圖進行自身定位，同時在自身定位的基礎上建造增量式地圖，實現機器人的自主定位和導航。
AR 有很多機會為用戶創造價值。例如，用戶可以將他們的設備對準建筑物，并在屏幕上了解該建筑的更多信息。它能夠顯著減少工作量，并通過導航和訪問功能使用戶獲得輕松的情感體驗。
在環境中提供附加信息（ 圖片來源：Gleb Kuznetsov ）
我們周圍的環境（例如墻壁或地板）也能成為交互的場景，在過去這僅限于通過智能手機和電腦實現。
下面的概念正是如此，它使用物理對象（白墻）作為畫布，來表現那些通常用數字設備來傳達的內容：
互動墻的概念——現實世界之上的數字疊加（圖片來源：Gleb Kuznetsov ）
在一個名為 “HYPER-REALITY”（ 超真實 ）的一個網站中，作者 Keiichi Matsuda 制作了一段視頻。視頻中物理世界和數字世界已經合并，用戶被大量信息淹沒。
視頻：
https://www.youtube.com/watch?v=YJg02ivYzSs&feature=youtu.be
科技允許我們同時顯示幾個不同的對象。但是當它被誤用時，很容易造成過載。
信息過載是一個嚴重的問題，它會對用戶體驗產生負面的影響。避免信息過載將成為 AR 設計的目標之一。設計良好的應用程序會借助 AI 的力量將那些與用戶無關的元素過濾掉。
當系統根據用戶的需求和期望來實時管理內容和功能時，數字體驗的個性化便會發生。很多現代移動應用程序和網站使用個性化的概念來提供相關的內容。例如，當你瀏覽 Netflix 時，你看見的電影列表都是基于你的興趣進行個性化推薦的。
AR 眼鏡能夠創建新的個性化水平，即“高級的”個性化水平。由于系統能“看見”用戶所看見的內容，因此可以利用這一信息來提出相關建議，或在環境中提供附加信息。想象一下，你很快就將戴上 AR 眼鏡，并且傳輸到你視網膜的信息是根據你的需求量身定制的。
視頻：
https://www.youtube.com/watch?v=eQ2OKB026Wc&feature=youtu.be
AR 體驗具有天然局限性。作為用戶，我們與內容之間有一條明晰的界線，這條線將一個世界（ AR ）與另一個世界（現實世界）分離開。這條線讓人感覺 AR 世界顯然不是真實的。
你可能知道如何去解決這一限制，即使用虛擬現實（ VR ）。當然，VR 確切來說不是一種新媒介，但直到最近幾年，科技才達到能讓設計師們創造沉浸體驗的高度。
沉浸式 VR 體驗移除了真實世界與數字世界間的屏障。當你戴上 VR 耳機時，你的大腦很難分析出你接收到的信息是否真實。電影《 頭號玩家 》（ Ready Player One ）很好地解釋了在不久的將來，VR 體驗會是什么樣子：
視頻：
https://www.youtube.com/watch?v=cSp1dM2Vj48&feature=youtu.be
以下是設計師們在創造沉浸式虛擬環境時需要記住的幾點：
1.寫一個故事有意義的 VR 在其核心有一個強大的故事。這就是為什么在你開始設計 VR 環境之前，你需要為用戶旅程寫一個故事?！肮适掳濉边@一強大工具可以幫助你完成這一工作。使用故事板，可以創造一個故事，并檢查所有可能的結果。當你檢查你的故事時，你將看到何時以及如何利用視覺及聽覺線索來創造沉浸式體驗。
2.與角色建立更深層次的連接為了使用戶相信 VR 世界中他們周圍的一切都是真實的，我們需要在用戶與其扮演的角色間建立聯系。最明顯的解決方案之一是，使用戶的手部表現成為虛擬場景中的一部分。這一表現應該是實際的手——而不僅僅是一個被操縱的復制品?？紤]不同的因素（例如性別或膚色）是至關重要的，因為這讓交互更加真實。
用戶可以看到他或她的手，并看到自己作為一個角色出現（來源：leapmotion ）
為了建立此連接，也可以將現實生活中的物品帶到 VR 環境中。例如，一面鏡子。當用戶看向鏡子并看到其反射出他們自己的角色時，用戶和虛擬角色間的交互會更加真實。
VR 用戶看向虛擬的鏡子，并在 VR 環境中看到他自己的角色。致謝：businesswire
3.使用手勢代替菜單
當設計沉浸式 VR 體驗時，我們不能依賴傳統的菜單和按鈕。為什么呢？因為顯示菜單比較容易打破沉浸感。用戶將會知道他們周圍的一切都不真實。設計師們需要依靠手勢來替代傳統菜單。設計界依然在為手勢的使用制定通用語言，參與這項活動是有趣且令人興奮的。但棘手的部分是如何設計出用戶熟悉且可預測的手勢。
Hovercast VR menu 是將現有的交互概念重新用在 VR 體驗的一次嘗試。不幸的是，這個概念會打破沉浸感。新的媒介需要一個新的交互模式。
4.與 VR 環境中的元素交互
為了創造一個真實的環境，我們需要使用戶能夠與現實中的物體進行交互。理想情況下，環境中的所有物體都可以被設計成允許用戶觸摸和觀察它們的模式。這樣的物體會起到刺激作用，并幫助你創造更具沉浸感的體驗。觸摸對于探索環境非常重要，嬰兒在剛出生的那些天接收到的最重要的信息便是通過觸摸獲得的。
5.在 VR 中分享情感
VR 真正有機會實現社交體驗的新高度。但為了實現它，我們需要解決一個重要問題，即將非語言的提示帶入交互中。
當我們與他人進行交互時，我們獲得的信息中有很重要一部分來自肢體語言。驚喜、厭惡、憤怒——所有這些情緒都在我們的面部表情中。在面對面的交互過程中，我們通過眼睛的區域來推斷信息。當人們在 VR 環境中互動時，為了創造更加真實的交互，提供此信息是非常重要的。
好消息是，頭戴式設備（ HMD ）很快就將涵蓋情感識別。在虛擬現實中，幾乎所有人與人之間的互動都受益于面部表情。
在 VR 空間中分享情感（來源：MITReview 的 Rachel Metz )
6.為 VR 環境設計合適的音效和音樂
音頻是沉浸式體驗中的重要組成部分。如果不為環境設計音效，就不可能創造出真正的沉浸體驗。聲音既可以被當作背景元素（即環境中風的聲音），也可以是指向性的。在后一種情況中，聲音可以作為提示使用——通過播放具有方向性（聲音來自哪里）和距離（可以將用戶注意力集中在特定元素上）的聲音來提示用戶。
在為 VR 設計音頻時，制作 3D 音效是基礎。2D 音效 VR 中表現不佳，因為它讓一切都顯得太平。3D 音效可以使你聽到來自四面八方的聲音——前、后、上、下——任何地方。你不需要使用專門的耳機來體驗3D音效，通過頭戴式設備的標準立體揚聲器便可以實現。
頭部追蹤是良好聲音設計的另一個重要方面。讓聲音以逼真的方式表現是至關重要的。這就是為什么當用戶移動他的頭部時，聲音應該根據頭部移動而改變。
7.預防暈動癥
暈動癥是 VR 的主要痛點之一。在這種情況下，視覺感知的運動與前庭系統③的運動感知之間存在分歧。在體驗VR的過程中，使用戶保持舒適是至關重要的。
③前庭系統：前庭系統是人體平衡系統的重要組成部分，它具有特殊的感受器，能夠接受適宜的刺激，經過與其他感覺信息（如視覺信息、其它本體覺信息）的整合、加工等處理后，再經多條神經通路把這些信息傳送到腦內更高層次的中樞，進行高層次的加工處理。
關于VR中導致暈動癥的原因，以下是兩種主流理論：
根據這一理論，暈動癥的發生是由于預期運動與實際經歷的運動在感官上不一致。
在《 The VR Book: Human-Centered Design For Virtual Reality 》一書中，作者 Jason Jerald 提到，暈動癥的發生是由于眼球的非自然運動，而這是保持場景圖像在視網膜上穩定所必需的。
以下是一些提示，有助于避免用戶使用嘔吐袋（避免暈動癥的發生）：
當我們考慮產品設計的當前狀態時，很明顯我們僅看見冰山一角，因為我們局限于平面屏幕。我們正目睹人機交互（ HCI ）的根本轉變——重新思考數字化體驗的整體概念。在接下來的十年中，設計師們將打破這層玻璃（我們今天所知的移動設備時代）并轉向未來的界面——復雜的語音界面、先進的 AR 和真正沉浸式的 VR。當創造新的體驗時必須要明白，我們唯一的界限是我們的大腦總告訴我們，應該保持原樣。
原文標題：Designing Emotional Interfaces Of The Future
原創作者：january
原文鏈接：https://www.smashingmagazine.com/2019/01/designing-emotional-interfaces-future/
翻譯作者：阿欽
授權獲?。簭堩餐?/span>
文章審核：王翎旭
文章編輯：王鴻飛
該譯文并非完整原文，內容已做部分調整。如在閱讀過程中發現錯誤與疏漏之處，歡迎不吝指出。如需轉載，請注明來自 三分設
作者：三分設 來源：站酷
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
我經常想，如何花費極少的精力避免可用性錯誤。在做了這么多項目之后，我意識到在我準備設計一件東西之前，我犯了很多常見的錯誤。當我專注于設計時，可用性問題已經悄無聲息地形成了。它們在我的工作流程中扎根，現在我正試圖改變我的工作方式。
在這篇文章中，你可以了解以下內容：
幾個月前，我設計在線商店的時候，閱讀了如何避免可用性錯誤的相關文章。幾天后，我一遍又一遍地發現同樣內容的舊文章。顯然，它們都故意收集了同樣的錯誤：經常出現并容易避免的錯誤值得反復提及。
問題是，它們似乎是臨時性的解決方案，因為我項目的基本屬性每周都在不斷變化——信息架構、導航機制等所有東西。我每周都在尋找新的技巧，所以我決定尋找可用性錯誤的本質，而不是一種避免它們的方法。
可用性錯誤排序的低效性
識別可用性錯誤需要花費很多時間。它以消極的、妥協的方式影響有效性、效率性和便利性。一個小問題可能會讓用戶在完成任務時感到不愉快。巨大的問題甚至會讓你無法完成任務。 在本文中，我將把它們稱為不正確的設計選擇。
可用性錯誤會影響用戶便捷、高效或有效地完成任務
問題在于可用性問題有許多不同的形式和嚴重程度。那么為什么不對它們進行分類和優先級排序呢？ 它不能那么混亂，對嗎？不久前我就是這么想的。在混亂中創建秩序會非常有意義，但是當涉及可用性錯誤時，這個概念就失敗了。
制作群組或列出最常用的群組并不能提供有效的解決方案。為什么？ 用戶體驗設計不斷變化，并且有多個變量。想想在過去二十年中我們與界面交互的方式是如何變化的。
我們已經從顯示器轉移到小型移動屏幕，而平板電腦和帶有圓形屏幕的智能手表則拓寬了這一領域。而這只是以一種更復雜的方式去看待一個變量。
也就是說，在不斷變化的設計領域，任何規則或原則都不會永遠存在。這意味著查找和排序最常見的錯誤只是一個臨時解決方案。這可能行得通，但不會持續太久。為了給用戶體驗設計遙不可知的未來做好準備，請查看您的工作流程以獲得最終答案。
幾年前，沒有人會對設計一個可以從屏幕底部向上滑動即可訪問的購物車功能感到驚訝。2017年，iPhone X 誕生了。從那時起，大多數用戶都使用此手勢（指滑動手勢）進入主屏幕。
資料來源：support.apple.com
我以前不會瀏覽設計趨勢，以免影響自己。我僅僅檢查情緒板和配色組合，完全忽略導航結構和其他用戶體驗解決方案。我相信在看過流行趨勢中的解決方案之后，我們會下意識地放棄我們的創新想法。
經過這么多年，整個概念在我腦海中浮現。忽略當前的用戶行為模式和技術變化，您雖然不會讓自己暴露在犯關鍵設計錯誤的可能性中，但你也會錯過所有其他的機會，使你的設計真正有用。
好的，所以你要規劃未來用戶的行為，你就必須堅持到底。進行探索性訪談作為一種良好的開端，提出問題并發現痛點和欲望背后的動機為您提供了完美的素材：背景信息。
在設計界面時，這將成為寶貴資源。 它產生的數據量可能看起來很可怕。您可能會發現很難駕馭或使用，但里面總是隱藏著無限的可能性。
找到一個可行的方法獲取一些有趣的背景信息。如果您沒有時間進行面試，請查找類似產品的案例研究，從中找出結果。 看看現有的基準研究或類似產品的成功特征。 雖然不完全相同，但它們可以為您提供一些幫助。在考慮設計線框圖之前進行此項研究，可以讓您為用戶設計。
3.消除你的偏見
我正在設計一個食品配送應用程序，想要試驗一下按鈕的位置，這個按鈕可以把你帶到餐館的完整列表中。 我通過幾次測試嘗試了很多變化，但沒有引起太多關注，因為用戶還有其他幾種方法可以做到這一點。盡管接下來的測試進行得很順利（這樣受試者就能完成任務），但這種體驗仍然不能讓人滿意。找出問題的癥結所在是個難題，因為他們無法確定問題（反正不是他們的工作）。
幾天后，我正在看著我的女朋友在一個完全不相關的網站上訂餐。我注意到她是如何避免定制的套餐和推薦的餐館。她說它們看起來像廣告。她認為主頁是一個受控制的環境，所以她進入了餐館列表，在那里她可以在不受控制的情況下對它們進行排序和過濾。這是我項目的關鍵：控制。我在測試期間錯過了這點，因為我對用戶應該如何使用應用程序有一種偏見。
做出風險設計決策的最簡單方法是什么？清醒的意識到您的桌面和移動設備用戶想要如何使用您的產品。為用戶構建而不是告訴他們應該如何思考，總是變得更容易。宏觀看待目標群體期望如何與產品交互，將幫助您創建直觀的界面，同時簡單地避免關鍵錯誤。這是一筆很好的交易。
設計師證明自己和他們設計的用戶一樣人性化。雖然很難，但我們必須接受這個事實。這個微小的錯誤至今仍困擾著我。接受你的錯誤，尤其你是完美主義者。我們不可能一直十全十美。
此外，我們無法避免較小的可用性問題，沒有人可以在設計時不考慮這些問題。它們只是過程的一部分。當然，使用各種經過驗證的實踐或（在這種情況下）改進工作流程有助于避免關鍵問題。但我們很可能無法解決與滿意度相關的不便。因為我們以獨特的方式感知世界，所以我們期望結果和行為不同。
5.理解你的錯誤并加以改進
分析出了什么問題和錯誤的原因。了解糟糕的設計選擇背后的原因比錯誤本身更重要。這讓我們回到簡單地排序可用性錯誤“低效性”的問題。如果你能說出你為什么一開始就犯了錯誤，那么無論平臺或觀眾如何，你都可以避免在未來犯同一個錯誤。
追溯你的錯誤可能會讓在工作流程中養成習慣（或相反，缺乏習慣，從而導致很多麻煩）。就我而言，使用假設進行設計會導致許多小的可用性問題。反過來，它們以明顯妥協的方式影響了整體用戶體驗。所以我寫這篇文章。把你的錯誤視為你工作方式的副產品，這可以幫助改進方法，擺脫并根治問題。
6.驗證您的更改
然而，單獨根除錯誤并不能減少錯誤。就像設計和測試一樣，重建工作流也需要驗證。我們只需通過各種后續技術來做到這一點。您可以選擇是向客戶發送簡單的電子郵件，創建完整的問卷，或是進行另一輪測試。確定獲得有關工作的相關信息的最有效方式取決于您的項目和客戶。
獲得關于工作的反饋，以了解改進的程度。通過這種方式，您可以衡量更改的有效性并對其進行微調，以便在第一輪不滿意時獲得更好的結果。此外，它也為你的簡歷錦上添花，但這只是獎勵。
以下沒有特別的順序，我通過改進您的設計工作流程來提高可用性。相反，它們提供了一個指南，告訴我們應該在哪些地方派上用場。 讓我們快速回顧一下：
我仍然試圖將這些技巧正確地整合到改進您的工作流程中，并且需要花費很多時間去精確的設計。但我的產出已經感覺更具戰略性和準備性。 我希望它對你也有幫助。
原文標題：Usability Mistakes: 6 Honest and Valuable Tips From a UX Designer
原創作者：Sándor Zelenka
原文鏈接：https://uxstudioteam.com/ux-blog/usability-mistakes/
翻譯作者：shmilyJ
授權獲?。?span style="margin:0px;padding:0px;outline:none;box-sizing:inherit;color:inherit !important;">張聿彤
文章審核：王翎旭
文章編輯：王鴻飛
該譯文并非完整原文，內容已做部分調整。如在閱讀過程中發現錯誤與疏漏之處，歡迎不吝指出。如需轉載，請注明來自 三分設
作者：三分設 來源：站酷
藍藍設計的小編 http://www.syprn.cn