今年，我們在內部中后臺產品進行嘗試，發現「易用度」可以作為合適的度量指標，并成功推廣到 35 個產品，幫助PD、設計師、工程師等產品設計者去衡量產品體驗現狀，發現改進機會點。實踐證明，易用度，相比滿意度、尖叫度、NPS，更適合技術類產品的體驗度量。結合用戶行為數據，可以為用戶畫像、改進方向、運營策略提供更準確的決策依據。
在公司內部，技術類產品種類繁多，有很大一部分是開發、運維人員使用的中后臺產品，且以從 0-1 階段為主。由于這部分同學本身工作復雜度高，又必須依賴內部產品來完成，所以長期以來“簡單易用”成為大家追求的產品體驗標準，他們也把“如絲般順滑”作為終極目標。但現實情況是，上手門檻高是使用技術類產品最大的痛點。
對于前臺業務的設計者，經常會使用「人+錢」，也就是「流量+付費」來衡量產品效果。通過成功率、轉化率等指標，可以快速看到用戶行為上的反饋，來指引后續優化。但對于技術類產品，尤其是強流程、工具型產品，很難找到一套契合業務特點的度量方式。理論上，使用「成本+效率」是比較合適的衡量維度，實際操作下來，找到設計和產品效果之間的因果關系，并非易事。
我們做了一個內部調查，發現產品設計者經常容易遇到這些問題：
體驗度量是一個繞不開的話題。天貓、阿里云、華為、京東都有嘗試提出解決方案，但沒有統一的衡量維度。
設計方案與產品的市場反饋，需要一個可以解釋關聯關系的抓手，這對迭代方向的指引至關重要。
產品團隊逐漸重視用戶用戶，但缺乏有說服力的指標。
業界在體驗度量上的方案，大致分為 3 個派別：
客觀衡量法：通過數據埋點監測用戶行為數據。例如經典的 PULSE 模型，還有大家熟悉的運營指標，活躍用戶數、留存率、ARPU、LTV等等。這對于還未商業化、用戶基數少的產品不適用。
主觀衡量法：收集用戶主觀打分。經典的滿意度、尖叫度、NPS，可用性測試量表（如SUS），美國客戶滿意度指數ACSI。
主觀+客觀衡量法：把用戶行為數據和主觀打分結合起來，多數用歸一化方式得出一個總分，把分數劃分成不同檔次作參考。Google 經典的 HEART 模型，內部 的 PTECH 模型，阿里云 QoUE 模型 ，華為云的用戶體驗模型。
在掌握了這些信息之后，我們在內部的技術類產品上，進行了一輪新的探索。經過半年時間的試點，結合業界的解決方案、內部產品的業務特性，我們最終選擇主觀衡量法，并使用「易用度」這個衡量指標。
易用度，英文 Customer Effort Score ，簡稱「易用度」，也有譯成「費力度」，指的是用戶使用某個產品/服務來解決問題的難易程度。目的是消除或減少用戶使用產品過程中的障礙。
該定義來自 2010年 《哈佛商業評論》發表的文章——《Stop Trying to Delight Your Customers》。2013年，Gartner 子公司 CEB 發布 易用度2.0版本 的測量方法，定義為“解決問題的難易程度”（make it easy to handle my issue）。
它的源頭可以追溯到美國用戶研究專家 Jeff Sauro(2009)提出的單項難易度問卷（Single Ease Question，SEQ），在可用性測試之后，用戶需要對一個問題進行打分，問法是“整體上，這個任務是非常困難-非常容易（7分制）”。
為什么說「易用度」更適合技術類的產品？主要基于技術類產品的三大特點。
總體指標
易用度：使用**產品完成**工作的容易程度。
影響因素
主要因素：產品及設計給用戶操作帶來的復雜度，我們稱之為「基礎體驗」，包括幫助引導、功能入口、概念術語、任務流程、操作反饋。
次要因素：用戶特征對使用易用度的調節作用，也稱之為「調節因素」。不同特點的用戶，會影響易用度分數，包括操作熟練度、先驗知識、行為習慣。
大家肯定要問，這些影響因素是怎么確定的，如何證明它們的合理性？這就要提到量表開發方法，基本上可以分為幾個步驟：
step1.理論借鑒
從相關領域查找經典量表，站在巨人的肩膀上，經過實踐檢驗的量表更可靠。我們首先從15種國際可用性測試量表中借鑒，抽出了一些關鍵的衡量維度。另外，易用度創始人Matt Dixon（2014）在《the effortless effort》書中，總結了在客戶服務場景，費力的關鍵因素：
信息分類不恰當，反復描述問題（82%）
需要多次求助（62%）
幫助指引不清晰(59%)
找不到相關入口，頻繁切換溝通渠道（59%）
step2.實踐總結
我們盤點發現，技術類產品，絕大部分屬于工具型產品，強調任務流程，也是用戶痛點集中的地方。匯總多條業務線近1年的調研結果。除了功能、性能問題外，根據對完成任務的阻礙程度，無論是0-1階段，還是1-N階段，高頻體驗問題分布都集中在5個維度：
幫助引導
操作反饋
任務流程
概念術語
功能入口
step3.數據分析
通過整理歸納的影響因素，需要經過信效度驗證，才能有說服力。簡單來說，信度就是“可信與否”，指的是結果的一致性、穩定性及可靠性；效度就是“命中與否”，指的是結果反映所想要考察內容的程度。通過統計學的探索性因子分析，驗證性因子分析，我們確定 5 個維度可以有效測量易用度分數的變化。詳細可查閱《如何找到影響用戶體驗的關鍵因素？》。
從易用度-滿意度-尖叫度-NPS，是一個用戶預期的漸進變化。從中可以看出，易用度更關注的是基礎體驗，也就是“簡單好用”。
為什么易用度相比其他指標更適合技術類產品呢？主要有 3 個原因：
1.內部試點發現，滿意度無法準確衡量技術類產品體驗
滿意度不能很好衡量真實體驗，分數虛高。我們在一些產品上，同時使用「易用度」和「滿意度」作為總體指標，發現 43% 的用戶滿意度評分，高于易用度評分，可以理解為“產品我滿意但不好用”。此外，易用度分數與滿意度分數相關性高達0.77，具備很高的可替代性。
易用度更接近用戶真實體驗。對任務難易程度作出評價，用戶在判斷時會更直接，考慮使用過程中付出的腦力、時間等成本。對滿意度作出評價，除了考慮產品本身的易用性，內部用戶還會考慮其他主觀因素，例如：
合作關系：你是研發，我是用戶，擔心給你滿意度打低分了，之后就不滿足我的需求了。
中庸傾向：滿意度調查，已經是人盡皆知的評分，國人都傾向于打中上。
評價范圍：易用度問的是完成工作的容易程度，范圍更小，用戶評價的時候更聚焦。滿意度問的是整體是否滿意，范圍更大，用戶會綜合考慮很多因素，例如上面提到的服務支持、上下游協作、需求響應等等。
2.行業實踐表明，易用度比 NPS 更能預測用戶留存和成本變化
易用度更能預測用戶留存。《哈佛商業評論》（2010年）發表易用度時，調研7500多名用戶，數據顯示易用度低的客戶，94％的有復購意愿，88％表示會增加支出，僅1％表示會對公司持負面態度。Garter（2013）發布報告，基于49000多名用戶數據發現，易用度分值從1分提升到5分，可以使用戶忠誠度提高22%。Oracle（2015）發布服務云易用度白皮書發現，當用戶表示使用產品付出了更少的努力，忠誠度提高18%。相反，從滿足用戶預期到超出用戶預期，用戶忠誠度的變化并不明顯。
易用度更能預測成本變化。 Gartner（2019）對100+公司、12.5w用戶的調研發現，易用度從高分到低分，可以降低37%的成本。
3.行業實踐表明，尖叫度更適合成熟度較高的產品類型
目前在市場上，至少在國內，ToB 產品沒有達到飽和，定位也各有不同。在企業用戶心中，并沒有足夠清晰的心智和經驗去判斷。例如企業微信和釘釘，基本上很少有用戶會同時使用這兩個產品，那用戶就無法準確評價二者的好壞。
更關鍵的是，很多 ToB 產品，用戶多數是被動接受使用的，極少有選擇余地。普遍的高技術門檻，也把他們嘗試的意愿和可能性大打折扣。
對比滿意度、尖叫度、NPS指標，易用度的優勢在于：
關注用戶完成任務過程中的阻礙，重視基礎體驗；
適合去度量特定的用戶接觸點和任務流程，以便了解用戶解決問題的難易程度。
劣勢在于：
對于分數過高或過低的情況，沒有通用的基線，需要區分行業、產品類型、產品復雜度來衡量分數是否合格；
側重基本體驗，無法衡量用戶的總體滿意度。
經過半年的實踐，我們采集了 35 個技術類產品的易用度，根據產品類型、產品階段來區分。結合內部試點和行業調研，我們把技術類產品的易用基線，設定為 5.5 分。主要發現：
產品類型越復雜，易用度越低。試點產品中，ToC 產品易用度均值 5.46，ToB 產品易用度均值 5.32，ToD 產品易用度均值 5.07。
產品階段越早期，易用度越低。試點產品中，0-1 階段的產品易用度均值 5.09，1-N 階段的產品易用度均值 5.28。
如圖所示，易用度有很好的區分度，不同產品類型的不同產品階段分數呈現出差異性，我們可以根據這個數據，去評估自己的產品所在位置。
為什么總體上選擇 5.5 分作為“易用”標準？
我們在這 35 個產品上進行易用度的嘗試，最終收集了 4000+ 問卷數據，得出了技術類產品的體驗基線：
總體均值 5.07 分，中位數 5 分。具體分布如圖所示，認為“比較容易”（5-7分）的用戶占 69%。
但由于內部的技術類產品，大多處于 0-1階段，以現在的狀態作為“易用”基線，顯然不合理。
因此，我們需要結合業界的實踐作為參考。我們收集到 2 家用戶研究領域的老牌公司 Nicereply 和 HotJar 的數據。Nicereply 是一家咨詢公司，它服務的對象既包括 C 端用戶，也包括 B 端用戶。HotJar 是一家專做用戶行為監控的公司，它服務的對象主要是 C 端用戶。因此，我們傾向于采納 Nicereply 發布的基線 5.5 分，作為參考。
Nicereply 公司在2018 年發布的易用度 benchmark，基線為 5.5 分。
HotJar 公司在 2019 年發布的易用度 benchmark，基線為 6.09 分。
很多設計者會想，不就是一個問卷嘛，能發揮多大的作用？實際上，當問卷數據+用戶行為數據，它將發揮更大的價值。
現狀描述：對產品當前的功能、體驗、性能的在用戶心中的水位進行摸底，通過數據和主觀反饋找到原因。
對比差異：技術型產品往往有多個角色共同使用，并且有上下游協作關系，可以通過問卷和數據發現不同角色的偏好，找出差異化的改進方向。
影響關系：當發現某些模塊用戶評價低時，需要下鉆找到最相關的影響因素，這時需要用到相關分析，找到此消彼長或相輔相成的變化關系，以及用到回歸分析，找到可能的因果關系。
聚類分析：結合問卷數據和用戶行為數據，我們可以對典型用戶進行分層，也就是我們通常說的“用戶畫像”，可以結合經典的 RFM 模型，找到高頻、忠誠、高付費且評價好的用戶。
以某個技術類產品 A 為例，通過現狀描述，可以發現低分人群抱怨的問題集中在哪里，提出問題優先級排序。
通過對比差異，把用戶根據人口學、行為特征進行單維分類，與易用度分數做交叉分析，找出人群之間的差異，有針對性改進。
通過影響關系分析，可以找到影響產品 A 易用度分數的主要原因，也就是用戶為什么覺得好用/不好用。
通過聚類分析，結合問卷數據和用戶行為數據，可以發現典型人群，制定差異化的運營策略。
在 35 個技術類產品上的實踐，我們發現了一些常見現象和經驗性的洞察，它并非都是普適的，卻有很高的參考價值。
基于內部技術類產品的體驗度量實踐，我們得出以下結論：
實踐證明，易用度指標衡量技術類產品更有效。技術類產品降本增效的商業目的、降低技術門檻的用戶訴求、流程復雜上手難的痛點，決定了體驗度量要關注基礎體驗。滿意度、尖叫度、NPS去衡量都不太準確。
易用度的衡量維度，包括 5 個部分的基礎體驗。即幫助引導、功能入口、概念術語、任務流程、操作反饋。
結合內部試點和行業調研，我們把技術類產品的易用基線，設定為 5.5 分。當前內部技術類產品的易用度基線是 5.07分，行業技術類產品的易用度基線是 5.5 分，產品類型（ToC/ToB/ToD）、產品階段（0-1階段，1-N階段）也會有所差異。
結合行為數據，易用度可以進行描述、分類。使用現狀描述找出低分人群的高頻問題，使用對比差異找到多角色的不同訴求，分析影響關系找到影響易用度的主要因素，結合用戶行為數據進行聚類找到典型人群。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：站酷 作者：Ant_Design
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
用戶體驗地圖與服務藍圖常常會一起出現。因為，用戶體驗地圖更聚焦于用戶在前臺端到端的體驗，而服務藍圖更聚焦于由表面到核心后臺業務及如何交付和幕后的操作，并且能與用戶體驗強關聯起來。
服務藍圖是以公司角度展示的可視化界面工具。在每個階段為用戶提供的服務，且在服務過程中會涉及到的不同人員和不同的條件。并且在公司內，所有的人員都可以客觀的理解并使用（所需各方的服務和支持）。
服務藍圖直觀上同時從 4 個主要方面展示：
用戶行為
用戶在所有階段中的體驗節點。這里需要注意的是：一定要清晰的羅列出，用戶在什么觸點下做的什么行為。這樣才能更好的進行技術（方案）評估及更好的服務用戶。
前臺
前臺是圍繞著與用戶產生交互行為關系所展開的具體內容，內容可包含員工、數字設備、技術方案，也就是用戶能看見的服務和能接觸到的服務。
后臺
后臺是給前臺提供技術方案支持的存在。
支持
支持過程包含內部人員和外部人員履行的服務步驟和互動行為。
優化產品/業務主要從 4 個關鍵點出發：
1. 找出服務流程的崩潰點或斷點
對于線下智能服務，我們應該遵守一個基本原則：在一個完整的流程中，不應該出現「用戶不知道要做什么和需要未知等待的事情」。
怎么找到崩潰點和斷點？
主要從「田野調查」和「深度訪談」獲得?？筛鶕嶋H的項目展開定性研究。
2. 新服務、新體驗該怎么執行
在更新體驗流程的時候，一定要基于全新的角度出發。把自己想象成：我是一名刁鉆的用戶，你需要喂我吃飯的境界，最好還要幫我把飯粒粒分離。
還是以無人零售商店舉例：前期準備節點
如（新服務）：在購物流程說明的物料中，把關鍵字圈出并劃重點，在前期推廣的時候安排店員進行隨時講解。
如（新體驗）：把之前的定制便宜的物料，換成高逼格的、貼紙換成超大號的。
該怎么執行：根據藍圖規劃設計“高峰值”的體驗點，對購物流程說明的物料進行資源傾斜。
3. 衡量服務過程的每一步是否達標
衡量的標準：數據角度出發/用戶購物速度/體驗流程的銜接度等等
如（漏斗數據）：開業前期宣傳來了 100 人，100 人閱讀了購物流程，留下了多少人，在留下人中，多少人是在 10 秒內完成閱讀進店體驗（X 人….X 秒/分鐘…）
4. 定義服務的“高峰值”
在不同的階段設計用戶的心理峰值曲線。
峰值和終值，是由 2002 諾貝爾獎得主、心理學家丹尼爾·卡尼曼提出的。他發現大家對體驗的記憶由兩個核心因素決定: 第一個是體驗最高峰的時候，無論是正向的最高峰還是負向的最高峰，一定是能記得住的。第二個是結束時的感覺。這就是峰終定律（Peak-End Rule）
舉個栗子：宜家購物
宜家會在每個階段給與用戶不同的情感體驗（我特別喜歡那個冰淇淋，如果你也是的話文章末尾點個贊唄）。
那么如何在藍圖上體現增值的點？主要從以下 4 個方面：
1. 時間：服務質量再高也會隨著時間的消耗而消耗。
服務藍圖中的一步可能需要 5 秒，也可能需要 5 分鐘，所以在頂部增加的時間能幫助大家更好的理解這個服務。
2. 衡量標準：服務的成功或價值需要一些體驗因素來衡量。
這些因素是用戶在心里判斷服務是成功還是失敗的關鍵時刻。比如，等待時間。
3. 情緒表達：對某些服務來說，理解用戶的情緒狀態是非常必要的。
比如，用戶注冊時，突然手機斷網了也需要納入考量因素。
注釋說明：在內部討論時，將說明的重點用 icon 的形式標記出來
#完整的服務藍圖
企業的資源是有限的，你不可能在所有點都達到用戶的預期或者給用戶全程的超高體驗 。所以，需要做的是，在服務藍圖上配置資源來制造用戶體驗，使用戶擁有一個美好的峰值和令人回味的終值，并且全程不突破用戶的底線。
服務藍圖的結構要素，實際上定義了服務傳遞系統的整體規劃，包括服務的設置、服務能力的規劃。服務藍圖不是一個人的事情，在服務環節中的每個人都必須把“用戶滿意”作為自己的服務標準。服務藍圖提供了一個全局觀點。服務藍圖也可以平衡業務需求和用戶需求。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：七月Xavier
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
很久以前我寫過一篇講「用戶體驗」的文章，文中提到電影的觀影體驗是可以通過燈光、鏡頭、腳本、臺詞、道具、特效等等手段去塑造出來的。比如，《教父》中對燈光塑造角色形象的首次運用，營造出陰暗、冷酷、深不可測的角色形象，幫助觀眾去建立更立體的角色印象。
所以許多學習電影的同學會去分析電影里的某個鏡頭或某個片段的細節，聊這個鏡頭的拍攝用了什么樣的手法，演員的表演傳遞出了一種什么樣的信息，以值得我們去學習。于是許多學電影的新人就會以為，學好這些東西，就能拍出一部好電影。
但是作為一名導演，如果只關注這些細節去學習所謂的理論知識，而不知道這部電影背后的宗旨，支撐起整個故事脈絡的重要信息，眾多人物角色的復雜情感關系，以及劇本背景所表達的時代現象等等，那么就不可能在自己的電影里代入那些細節理論。甚至連如何推進到這樣的場景都做不到，試問又怎么可能去聊某個鏡頭下的細節呢？
這叫缺乏上下文聯系，也是任何行業的從業人員在學習該行業所需要具備的理論知識時，都會忽略掉的重要條件。
說一個真實故事。設計師 Teisanu Tudor 前陣子在 Instagram 上做了個實驗。他扮演成一位資深 UX，每天通過網上找來的幾張圖片組成各種設計案例、教程、原則等帖子，分享在上面。受歡迎程度遠超他的預期，而其中熱度最高的帖子，是案例改版對比圖，以及兩個方案比較圖，再加幾句簡單的總結。比如：
通過這樣的說法，難道就能認為現在所有 App 或網頁上的 banner 設計都是錯誤的？當然不能這么隨意下定論。
許多人都以為通過這種簡單的幾個步驟就可以學會設計，且認為這個學習過程是有趣且輕松，可以速成的。
Teisanu Tudor 說：這種速成貼如此火爆，不免讓人有些擔憂。這些帖子里的案例幾乎都是脫離改版目標的上下文背景去探討體驗的，可許多人都忘了目標才能決定設計改版后的效果，而不是單獨看起來如何。
或者這類：
A 與 B，真的是 B 更好么？在不同設備與不同用戶的條件下，僅僅通過視覺理論得出這樣的結論，未免也過于倉促。
我們都知道，一個設計方案不可能適用于所有場景，設計師的主要能力之一就是在具體限制條件下，平衡好不同利益相關者，以及多個變量，產出合理方案。而類似這種帖子的火爆似乎在傳遞出一種信息，就是設計是不需要具體問題具體分析的，甚至通過這種細節的通用解法就能解決絕大多數設計問題。這就屬于誤人子弟了。
我經常會在一些地方看到有人在整理某個頁面當中的設計細節，然后有模有樣總結一遍，試圖將其當做產品設計的某種理論或準則。比如截一張某款產品中的界面，說它的按鈕擺放有問題，會導致用戶如何如何，而依據就是之前得出的設計準則。其中最有趣的一次是，有個人拿著一款產品的設計方案去吐槽另一個產品的方案，說沒對上…
在前面兩篇理論文章里，我反復說過理論知識的重要性，它可以幫助我們產出設計方案。但是有一個點是沒有被提及的，就是「理論知識的連接性」。
許多人會把自己看到或學到的東西看作是一個獨立的知識模塊，且希望在工作時能運用上，然而卻事與愿違。于是漸漸排斥理論，覺得理論無用，形成一種認知，就是理論無用論。再也不去讀書，不去學習理論知識，以至于在知識體系層面停滯不前，無法說明白自己產出的方案，只能說感覺：我感覺可以。
這些人再也不會去思考自己為什么做這個需求，以及這個需求的利益相關者是誰，用戶的目標，企業的目標，甚至是這次需求的指標，而只是看界面從某個原則上來說是否合理……而這所謂的原則，只是一些無關緊要的東西，卻被人當做設計圣經。
這就是理論知識逐漸被人輕視的原因，許多人本末倒置，再也回不到正確的那條路上。
比如，前陣子有位讀者問我：呆總，你看 QQ 這里把一些未開通的特權放出來，吸引用戶去開通，但是絕大多數直播產品的勛章體系也挺豐富的，卻很少看見會這么做的，是為什么呢？
類似這樣的問題，在缺乏業務背景，商業目的，需求指標等前提下，是不可能得出一個絕對結論去證明其他產品為什么不這么做的。這是現在大多數人面臨的問題，但卻不自知。
就像我這個系列文章里說的一樣，理論知識當然重要，但是破碎的理論，是有反作用的，所以需要串聯，從全局角度出發，再深挖到細節。而不是只聊大方向，或只聊細節。
舉個例子。當我們拿到一個需求，說要從 0-1 做一個長視頻產品的彈幕體系?？赡芎芏嗳司蜁o從下手，第一直覺想的是去找所謂的競品抄一下?？赡苓€會像上面那種對比圖一樣，把幾個產品的彈幕界面截圖下來比較下，試圖從界面元素角度判斷哪個設計得更合理。但是會發現，即使是抄，也會抄不到位，甚至會被老板質疑這個方案的合理性。而你能反駁的只是：別人也是這么做的。
而關于不同用戶發布彈幕的權限，比如次數、時間限制、字符差異等重要信息，就被忽視掉了。包括各種違規彈幕，以及如何判斷違規的彈幕，甚至是彈幕在屏幕上出現的密度、形式、速度等信息可能都無法考慮到。這就是現在許多設計師存在的問題 —— 過分專注界面元素，忽視其背后的信息。
雖然我在之前一篇文章里提到，注重細節的重要性，但是理論知識，從來都不是相互獨立的，尤其是與項目相關的，更不可能從某個單點出發得出全面的設計方案理論。
如果你是剛入行的設計師，這么做無可厚非，就像學習電影的學生一樣，它確實是學習理論的一種途徑，只不過缺乏連接。但如果你已經入行一些日子，覺得自己進步緩慢，甚至感到迷茫，且讀完我寫的文章也意識到了這個問題，那你就要開始反思，自己對于理論知識的學習是否有主動去將它們串聯起來。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：呆呆U理
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
人的時間精力都是有限的，建立良好的信息架構和層級，能讓用戶在有限的時間里快速獲取和理解有用的信息，并進行下一步操作。
一張圖上有四句話，讀者根據 字號 判斷先讀哪一句。在從測試和調研中收集來的用戶需求和期望的基礎上，首先明確內容和交互的優先級，確認信息的先后順序和關聯性后，才能夠設計出有重點的交互界面。這些行為是為了引導用戶在閱讀過程中 一眼獲取重要信息。
用視覺語言來說，上面的例子只是通過調整 文案的尺寸 去探索如何設計頁面層級。同時，通過調整其他平面設計元素例如 字重、顏色、透明度 等等也可以達成同樣的效果。當然，這種行為同時適用于 按鈕、菜單欄、表單 等其他控件。
通過距離劃分視覺元素展示它們之間聯系的基礎前提是 格式塔心理學 組織原則，這是在構建數字界面時所考慮的設計系統的基礎指導理論。因為用戶一般通過 視覺元素的位置 來判斷閱讀順序，設計視覺元素和控件的位置是為了促使用戶完成任務，同時在某些情況下，也會引導用戶去做他們所期望的事。在很多情況下，用戶會自己選擇想看的信息。
“在網絡上，人們會一目十行而不是逐字逐句的閱讀內容。他們一般傾向于付出更少的精力，以高效的方式達成目標?！?
這意味著在一個擁有很多功能的頁面上，用戶會一目十行的迅速尋找他們的目標，因此 大部分的視覺信息會被屏蔽。
用戶在網絡上的閱讀方式高度取決于：
用戶的任務目標
用戶習慣
頁面層級
頁面內容形式
這就非常明顯了：最后兩個因素是設計師可以控制的，并且考慮到網絡設計越來越先進，運用知識和技術推動用戶行為，而不是使電子產品成為用戶的阻礙?；谶@個原因，我提出一個設計原則。
有一些人說如果需要在圖標旁邊放一個文字說明，圖標就沒有存在意義了，因為它的認知優先級被降低了，成為了識別序列里的一個負擔。因為圖標視覺系統是建立在 邏輯原則 上的（和文字表達的意思相同），所以無論是對于有沒有相關交互經驗的用戶而言，圖標被認為是可以幫助用戶迅速理解功能的。
一個只有文字說明的軟件菜單和同時擁有圖標和文字的菜單相比，圖標可以幫助用戶更快的理解。在上圖中，根據用戶所期望的功能，可以看到菜單中的圖標帶有要訪問頁面的標題名。接下來，當用戶習慣圖標后，圖標將會更加簡單的引導用戶快速的在界面中尋找到所需要的內容。
當設計一個新界面時設計師需要知道，頁面必定會被有不同閱讀習慣的人使用。為了促進理解，我會把用戶分成三種人并且定義為：新手用戶、中間用戶、專家用戶。
新手用戶 — 就像你所想象的那樣，這是一個 第一次接觸 這個界面的用戶。如果這個界面是某個系統中的一部分，那意味著始終有某些功能點是他第一次接觸到的。這個趨勢是說，這個等級的用戶 理解頁面的速度會低于用戶理解頁面的平均值，并且花費更多的時間去理解語句直到找到所需的內容為止。
中間用戶 — 比新手用戶多一些數字產品的使用經驗，但并不是一個界面使用專家，理解界面的時間大概是處于平均值左右。
專家用戶 — 他們已經使用這個平臺很多次了，所以可以較快的閱讀，而且并不需要通過閱讀所有的內容去理解界面，可以 快速識別元素、布局和交互的視覺呈現。也許正因為這些原因，很多用戶 對產品界面的突然改變抱有抵觸心理。
現在，想想看如果一個投資 APP 每周通過 Email 將以下這個界面發送給用戶。用戶會不會閱讀上面所有的內容呢？每次打開都會閱讀嗎？或者只是閱讀對他比較重要的內容？
這個來自金融 APP 的卡片信息展示了用戶的收入。看看這個例子，你的閱讀順序是怎么樣的？我可以通過元素的擺放位置、比重、尺寸大小…所形成的視覺層級邏輯來理解它。由于缺乏明確的層級關系，有一些內容無法被精準獲知，必須在事后實際運營的過程中調試，通過用戶使用數據反饋來決定內容的優先級和必要性，并進行修改（使用 Hotjar，Crazy Egg 之類的熱點地圖可以收集數據）。
請注意在這些內容中：唯一的 動態信息 就是整個【 3 】模塊中的重要信息【 4 】中的內容。所有的郵件頁面中位于【 1 】的內容都是一樣的?！?2 】中的信息是不變的，并且重復出現在每一封這類型的郵件中，它們都是其認知標識的一部分。
第一次看到的用戶需要理解這是關于什么內容的信息，所以信息全面是非常重要的，但是 并不需要把所有信息都放在突出的位置上?？紤]到這點，通過 減少色彩飽和度、改變字號大小 等降低視覺重量的方式，是不打斷用戶閱讀過程的選擇。
一張展示了用戶收入的來自金融 APP 的 Email 卡片，它應用合理排版促進用戶更好的理解信息。
在上面這張卡片里，簡單的改變了內容排布，突出了最重要的內容。他們展示了 層級關系 對用戶體驗的影響。一味格式化的信息傳遞被更具個性化、同理心的方法所取代。頭部和底部信息與主體信息相合并，通過這種隔離降低了被突出的可能性。最后，將主按鈕更改為次級按鈕（具體情況要根據點擊率來決定，主按鈕可能是最好的方式，有背景色的主按鈕更能激起用戶點擊欲望）
在商業軟件環境中，確切的說是在大量的表格中，更多見的是列表標題比每一行的內容更加突出。因為標題是固定信息，而且用戶可能每天都會看到，而不是將重要等級修改為 主要和可變內容（列表內的內容信息）。
認識到設計界面時成本和實現功能之間的復雜性，遵循這一思路可以幫助設計師確定元素優先級，并且創建層級關系以提升用戶的使用體驗。同時，因為引導對新用戶來說是必須的，所以在設計產品的時候，重要功能需要結合良好的入門教程、功能提示和及時反饋。這樣便建立了可以提升用戶日活及留存的高效、友好的用戶體驗。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：站酷 作者：ZZiUP
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
唐·諾曼提出了情感化設計的3個方向：本能層、行為層、反思層。但如何在一個項目中，通過情感化設計，讓用戶切實感受到這樣的情緒，一直沒有很系統的理論。恰逢58同城交友業務中有這樣的項目，可以實踐一下這方面的思考。本次活動中，嘉賓分享了直播禮物的價值與意義、直播情境情緒，并以此為基礎，探討了理性化搭建情感化禮物的設計體系。
禮物的價值是什么？有什么意義，為什么不直接用錢？禮物和金錢的不等價感受，決定了禮物是很好的消費載體；不同場景需要不同載體，禮物的多樣性滿足了不同場景的需求；直接送錢可能會讓用戶不爽。
禮物要匹配情境情緒出現，送錢也不太合適，而當前平臺已存在30多款禮物，但是用戶的使用次數較少，期望通過本次項目更新直播間的禮物，并提升ROI。因此需要重新探索直播間會出現的情境情緒，并設計與之匹配的禮物。
這款產品面向下沉市場、25~40歲、單身/離異的用戶群體。
設計情感化禮物的靈感來自于彼得·MA·德斯梅特的理論模式。
情感產生的過程：用戶對產品的關注點和產品所呈現的信息相結合會引發用戶對產品的評估，而評估的結果會最終決定用戶對產品的情感是什么樣子的。由于個體的動機、價值觀、態度的不同，情感產生的差異是不可控的，導致設計師在設計的時候處于一個相對被動的位置。因此期望可以為設計師提供一些方向性的指引，幫助他們更好地完成產品的設計。因此通過模型推導，了解用戶對產品的情感和關注點，從而推導出產品應該呈現什么樣的信息，從而幫助設計師做出更好的設計。
2.1 規劃思路：
2.2 實施步驟：
基于上述結論，給到設計師合理的方向性指引，快速上線了一部分禮物。在產品逐漸趨于成熟之后，需要對最初建立的情感指標進行核準，了解真正用戶在使用過程中對產品的情感訴求和關注點，進一步調整情感。
通過1V1電話訪談，對11名真實用戶進行了深訪。
在階段二中，主要探討了以下四點：
結合上述分析，提煉出了情感訴求和產品關注點兩個層面的信息。情感訴求層面，通過送禮場景和送禮動機的分析，將原來的5個情感指標重新定義為3個情感指標：自豪、愛慕、情欲。這3個情感指標將成為后續建立禮物庫的基礎。
產品關注點層面，從功能、體驗層面為設計師提供了方向性的引導。
用研通過上述一系列的研究和分析，僅僅可以給設計師一些方向性的引導，設計師在設計層面需要進一步結合分析結論進行拆解和設計。
情緒與意象具有一定的關聯性，它可能是生活習得的。例如：秋雨、孤獨的老人、掩面哭泣等都可以表達悲傷；又或者是被競品教育的，例如：火箭、跑車等，用于表達自豪，均是來自競品的教育。
我們可以從情緒誕生的場景來剝離構成意象的維度：
基于上述維度及元素，設計、產品、運營團隊內收集意象，主要方式包括以下兩類：
另一方面，也要收集競品的意象，同時需要將前面頭腦風暴產生的意象以及競品的意象進行形象類型、禮物形態、價格定位的分析和提取。
以此為基礎，可以構建情緒意象庫。某一種形象，在不同的場景和不同的關系下，可以表達不同的情緒。例如同樣是煙花，小仙女棒式的煙花和宏偉的漫天綻放的煙花所表達的情緒是截然不同的。因此我們根據所要表達的情緒，將所對應的形象、場景、關系收納到對應的意象庫中，這可以幫助一些視覺設計師快速給出設計方向。
下一步，即可為意象進行設計形態的處理。我們將需要處理的意象，以單一-復合 和 具體-抽象 為坐標進行了分類，從而劃分小禮物、中禮物、大禮物，以提供定價參考。
由于直播間涉及的禮物品類繁多，同時參與設計的視覺同學也較多，為了使得最終的產出有視覺風格上的一致性，針對每一種情緒進行了配色、光效、樣式、質感上的定義。
禮物定價趨勢方面，對競品的禮物進行了分析，將競品的禮物按表達的情緒聚合，并分析在這種情緒上，禮物價格的分布，來幫助我們了解競品針對不同情緒表達的禮物的定價規則，以指導自己產品的定價。
最后，禮物上線后，銷售量top10的禮物中，新禮物占比達到60%。同時同檔位中效益最好的一款，收益提升了1035.4%。
以上是關于理性思維搭建情感化設計體系的分享。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：UXRen 作者：寶珠
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
編輯導語：面對行業競爭、市場環境的發展與用戶需求的提高，品牌若想在眾多同行中脫穎而出，就需要對自身做好定位，以求給消費者留下深刻印象?！爸悄堋币辉~近來頻繁出現，然而“智能”真的可以成為品牌定位標簽嗎？我們對“智能”又該如何理解呢？
2019年12月份，著名主持人蔡康永與著名經濟學家薛兆豐正面交鋒，他們的議題是：智能，到底“能不能”？雙方各持一詞，爭鋒不相上下。關于“智能”的優缺點，每個人的論證都非常精彩，且令人信服。
這場關于“智能”的討論，熟對熟非？可能沒有明確的答案。但憑此一點就可以證明：“智能”絕對是21世紀，商業界最流行的概念。
“智能”這個詞無論放在哪個行業都是科技感的象征?？此迫魏纹放浦灰诋a品中加上“智能”概念，就掌握了致勝砝碼。
最近，我們到南孚集團內訪，在與他們的高管進行交流中，他們講，他們針對智能家居開發一款電池產品，并考慮把這款電池定義為“智能電池”。很慶幸，他們最終放棄了。
沒有一點點防備，沒有一絲顧慮，“智能”已經潛入我們的生活。當你走進家電賣場，幾乎找不到不是智能的家電。你也可以到家居建材賣場走一圈，映入眼簾的是智能水龍頭、智能馬桶、智能鎖、智能玻璃、智能蒸箱、智能家居、智能電梯、智能廚衛、智能晾衣架、智能美甲機……無處不在的智能。
我們的生活已經被“智能”包圍了。
智能手機的普及讓人們意識到“智能”的先進性與方便性，此后便一發不可收拾，大量的智能設備走進人們的生活。起初，智能只在家電行業流行，然后逐步滲透到家居建材行業。發展的今天，只要與電相關的設備都智能化了。因為企業相信，“智能”概念能夠幫助到他們。
武漢一家電梯企業直接把“智能”申請成商標。
總而言之，我們所處的商業環境正處于“智能”的變革中。對于企業來說，“智能”既是挑戰也是機遇。他們把“智能”作為廣告設計的主角，并認為“智能”應該是傳播的核心，甚至比品牌還重要。
在蘇州，有一家企業在公路大牌廣告中說“智能是我們的方向”。這家企業甚至沒有把自己的品牌放進廣告中，也沒有自己在銷售什么產品。
中山市一家智能安防企業，它在廣告中說“智能在門上飛馳”。
浙江維衛電子潔具有限公司在廣告中說“買智能，選維衛”。這個廣告在上海虹橋高鐵站投放至少2年。
站在企業角度就能理解他們的做法。在智能浪潮襲來之時，他們非常害怕自己的產品成為過時貨。為了使產品成為人們關注的焦點，就必須與智能搭上關系。
企業認為，當消費者瀏覽網頁，觀看產品說明書，在購物平臺看相關的體驗評價，在與消費者的每次互動中，只要把“智能”一詞送入消費者眼簾，產品必然比以往賣得好。
企業對“智能”的追求可謂到了瘋狂的地步。從創建品牌角度看來，“智能”會成為品牌差異化的定位嗎？
不急于回答這個問題，我們探究一下“智能”是否會增加品牌的競爭力。
“智能”是傳統企業的興奮劑。尤其是這個時代，傳統企業不被淘汰的救命稻草就是抓住智能風口。因為“智能”會讓他們的產品看起來很高級。
投資者也致力于尋找這樣的企業，并期待下一個“獨角獸”的誕生。媒體也會挖掘他們的故事，并把他們帶到聚光燈下。
對于一個企業來講，“智能”到底是機遇？還是冒險？
我們看幾個實踐案例，他們都是“智能”概念的簇擁。據我們觀察，不同企業的實踐成效也不盡相同。部分企業的實踐卻帶來災難性的后果；有些企業在實踐一段時間之后便放棄了；還有的企業正在實踐中……
我們看一個傳統企業的實踐案例。從結果來看，“智能”概念并沒有讓它的品牌變得更強大。相反，“智能”引導這家企業走向了極端。
浩沙原本是全國領先的健身房連鎖機構。到了智能時代，他們已經迫不及待把“智能”與健身房結合在一起。他們通過APP把智能硬件和健身房進行一體化建設，并宣布1億元戰略投資健身APP啡哈健身。同時，內部孵化的硬件公司鈦酷科技，開始健身智能硬件的研發。
智能健身房受到媒體的關注，他們大肆鼓吹智能健身房的到來。人民網以《浩沙推出大健身戰略打造一流智能化健身房》為主題發表看法，新華社發文《新零售健身時代來了 浩沙啟動首家智能健身會所》。
實際上，浩沙智能健身房并沒有因此而不可戰勝，而是一步一步消失在人們的視線中。
從競爭角度來看，即便“智能”概念沒能提升品牌的競爭力，但也不至于導致浩沙健身失去競爭力。導致浩沙走向衰落的原因在于，浩沙把“智能健身館”當作企業的核心戰略，并為此提供相應的戰略支持。
直白的講，他們為“智能健身館”投入太多。如此大的投入卻沒有吸引新的顧客，導致企業資金鏈斷裂，走向破產。
再看另一類企業的實踐，他們試圖通過“智能”概念與競爭對手實現區隔，從而創造新顧客。但事與愿違，而后因為實踐效果微乎其微而放棄。
中國廚房電器領導品牌老板電器為了迎合趨勢，于2014年9月發布全球首臺搭載ROKI系統的智能大吸力油煙機，并暢想行業未來的發展趨勢：智能化與科技感成為主流。
在老板電器預見的智能世界里，吸油煙機內部嵌入攝像頭可以成為標配，它既可以實時視頻通訊，又可以遠距離監控烹飪狀態。
智能手環精準記錄人體的運動量和身體狀況，將這些數據與菜譜的葷素搭配，卡路里和維生素的比例都結合在一起，智能推送菜譜，保證營養與能量的均衡。
同樣的實踐，2016年，中國電動自行車領先品牌雅迪在上海國際時尚中心正式發布公司首款智能電動車新品——雅迪Z3。
所謂智能，就是說雅迪Z3擁有自己專屬的智能手機APP，騎乘者通過APP可以輕松地對電動車進行操控。雅迪Z3的APP支持GPS和北斗實時雙模定位、遠程報警、智能診斷、開機自檢、服務網點搜索、一鍵切換動力模式以及車輛個性化設置等功能。
老板和雅迪兩家企業很快就在傳播層面放棄了“智能”概念。
可能的原因是實踐效果不佳。
雅迪和老板的實踐并沒有引起其他企業的企業警惕。相反，部分企業會認為雅迪和老板的成功是因為他們向消費者傳達了“智能”概念。
實際上，在兩個品牌訴求“智能”之前，雅迪電動車和老板電器已是行業領先品牌，智能并沒有給他們增色，也沒有讓兩個品牌的影響力得以提升。
話說回來，智能也沒有讓他們的品牌失去影響力，只是瞎折騰了一番。對于這個具有巨大領先優勢的品牌而言，消耗一些資源并不會令他們傷筋動骨。
近幾年，“智能”如瘟疫一樣侵入汽車市場。如果你經常出入各種車展，就不難發現幾乎所有的車企都將重點放在了“智能”領域并紛紛將“智能”作為汽車重要的亮點。小鵬、蔚來、理想和威馬這四個領先品牌如何定義自己的品牌？
很明顯，他們一致地把目光鎖定到“智能”概念上，并竭力占據它，從而實現品牌的差異化。然而企業應該深度思考的是，對于消費者而言，什么是“智能汽車”？“智能”到底意味著什么？如何定義“智能汽車”呢？信息顯示：
智能汽車是一個集環境感知、規劃決策、多等級輔助駕駛等功能于一體的綜合系統，它集中運用了計算機、現代傳感、信息融合、通訊、人工智能及自動控制等技術，是典型的高新技術綜合體。
目前對智能汽車的研究主要致力于提高汽車的安全性、舒適性，以及提供優良的人車交互界面。
顯然“智能汽車”意味著眾多好處。
這與智能手機發展的最初階段頗為相似。智能手機擁有眾多好處，但沒有哪個品牌能夠占據“智能手機”。那些強大的品牌都是通過占據攝影、信號、音樂、快充等概念來實現區隔。
由此類推，電動汽車品牌不可能通過占據“智能”創建定位，他們實現差異化的方式應該是占據其它的詞匯，而不是智能。
從方法論來講，定位理論倡導品牌占據一個明確的，單一的詞匯。而“智能”呈現的卻是包羅萬象，好處眾多。這顯然違背了定位理論的基礎。
雖然“智能”不會成為汽車品牌的定位概念，但汽車朝著智能化方向進化卻不容忽視，因為它讓人們的出行更加便捷、更加安全、也更加舒適。如果你的汽車不具備智能化，可能面臨被淘汰的局面。
從競爭角度來看，答案是顯而易見的——智能沒讓品牌變得與眾不同，變得更有競爭力。
消費者認為什么是智能？它能提供什么價值？對于那些致力于通過智能創建定位的企業而言，這可不是一個可有可無的問題，而是一個首先要弄清楚的問題。否則，企業如何在心智中占據它。
這個問題并不容易回答。我們試圖從認知科學領域尋找答案，但依然模棱兩可。
哈佛大學認知心理學家史蒂芬?平克曾在《心智探奇》中討論過“什么是智能”。平克先生在了解其他心理學家對“智能”的看法后，他說出了自己的看法。他認為，智能是面對阻礙，根據理性規則做出決策，從而達到目標的能力。
許多心理學家及認知科學家對“智能”的定義迥然不同。由此可以看出，到目前為止，人們對“智能”依然缺少統一的定義。
企業真應該回過頭來想一想，到底什么才算是智能？單從定義上講，似乎都難以找到一個準確答案。因為一旦將這個詞放在任意一個產品上，其定義都會發生變化。
在油煙機品類中，智能代表的含義是：可視頻通訊，遠程監控烹飪狀態。智能手環精準記錄人體的運動量和身體狀況，將這些數據與菜譜的葷素搭配，卡路里和維生素的比例都結合在一起；智能推送菜譜，保證營養與能量的均衡。
在電動自行車品類中，智能代表的含義是：支持GPS和北斗實時雙模定位、遠程報警、智能抱死、藍牙感應、服務網點搜索、電池檢測以及車輛個性化設置等功能。
在馬桶品類中，智能代表的含義是：通過按鈕面板來進行操作臀部清凈、下身清凈、移動清凈、坐圈保溫、暖風烘干、自動除臭、靜音落座等等。消費者在使用的時候，只要手握遙控器輕輕一按，所有功能都可輕松實現。
老板智能大吸力油煙機、雅迪智能電動車以及智能馬桶……如果把名單列全，數量可能會令人吃驚。
不同行業，智能代表著不同的定義。即便處于同一品類，消費者對“智能”的理解也因人而異?？梢酝茰y，這些定義傳遞到消費者那里，他們定然不知所措。
消費者如何理解“智能”？它的價值在哪里？
如果把這個問題拋給消費者，他們肯定一臉無辜。商業界創造出來的詞匯，為什么讓我們來解釋呢？根本原因在于，商業界對智能的定義千差萬別，導致消費者接受到的信息非常凌亂。
我們對購買智能產品的消費者進行了訪談。結論是，消費者對“智能”的理解是模糊的，不清楚“智能”到底能夠帶來了什么好處。那些花里胡哨的功能，他們并不在乎。
非但如此，在實踐中，許多企業的“智能”概念抹殺了一個犀利的差異化定位。
我們做過一項調研，當向消費者介紹指紋鎖時，很容易就理解了。然而，當我們詢問他們對智能鎖的看法時，他們開始猶豫不決。在不確定的語氣中，有的消費者說是指紋開鎖，有的消費者說是密碼開鎖，還有的消費者說是臉部識別開鎖。
企業的想法是越多越好，僅訴求指紋鎖，好像漏了一項功能；僅訴求密碼鎖，好像也漏了一項功能。“智能鎖”成為他們的解決方案。
可以看出 “智能”是一項復雜的功能。
當企業把眾多功能用“智能”概括時，沒有讓事情變得簡單，反而更加復雜。如果你不能用一句話向消費者說清楚品牌的優勢所在，即便再先進的功能也不能創造價值。
企業要弄清是什么使您的品牌與競爭對手區分開來。聚焦單一功能才有可能創建品牌。2017年，定位之父艾·里斯先生在第三屆定位峰會上發表演講時表示：“企業創建品牌應該聚焦單一功能”。
也就是說，品牌聚焦“智能”中的某一項功能或許可以創建一個定位。從功能角度來看，“智能”在一定程度上抹殺了一些有價值的功能，從而導致企業錯失通過聚焦單一功能來創建品牌的機會。
幸好老板電器放棄了“智能油煙機”，并明智地回到“大吸力”定位。長期聚焦“智能”概念可能會導致品牌的戰略成果不及現在。
克里夫定位學院的一家學員企業，他們的學習機有一項非常獨特的功能，在我們看來，這項功能非常有價值，憑借此項功能完全可以創建一個全新的品類?？上У氖牵@個產品還有其他諸多功能。
企業管理者陷入了“多功能”產品的怪圈，他們用一個時髦的概念概括了產品的功能，這個詞就是“智能”。
每當企業管理者向他人介紹這款產品時，用30分鐘，說了許多功能，但聽者越來越迷惑。
放棄“智能”回歸原有定位的案例并不少見。有個企業的實踐經歷令我們印象深刻。2017年，第十二屆豫商大會后，李亮院長和我一同與廣東名門鎖業董事長陳力先生乘車回酒店。在路上，陳力先生講，名門在2016年走了一段彎路。
他們認為“智能”在未來會比“靜音”更有競爭力。
因此，名門開始聚焦于“智能”。為了搶占“智能門鎖”，他們投入不少資源。但最后發現，品牌并沒有因此變得更好。競爭壓力迫使他們回歸“靜音”。
企業管理者一定要謹記，一旦公司開發出一項新功能，千萬不要把這個功能與其他功能混合在一起，然后給它一個時髦的“智能”概念。
讓品牌與眾不同的最佳的策略是聚焦單一功能。
品牌創建與產品設計有很大的不同。
設計產品時，當企業發現某項新技術有競爭力，企業就可以獲取，從而增強產品的競爭力；創建品牌關乎心智，當一個概念充斥在商業界并隨即可見時，心智便認定它不再重要，從而導致品牌占據這個概念的價值大大減弱。
就現在的商業環境而言，“智能”已隨即可見。在認知中，它已平淡無奇。
一個適用于所有行業，適應于所有品牌的概念必然會失去它鋒利的一面。“智能”之所以能適用如此多的行業，就是因為它是一個很寬的概念。寬泛概念對于創建品牌通常沒有什么價值。
事實上，目前還沒有一個品牌能夠通過占據“智能”來實現區隔，未來也不會有。
我們的觀點是“智能”不能成為品牌之間的區隔概念。但智能也并非一無是處，它會使人們的生活變得便捷，變得幸福。雖然它對創建品牌的作用不大，但它依舊是產品進化的主要方向。一旦企業的產品在智能化方面落后于競爭對手，它就很容易在心智中與“過時貨”劃上等號。
眾所周知，特斯拉是全球純電動汽車的絕對領導者。研究特斯拉的過去會發現，特斯拉沒有在某個階段聚焦于“智能”。但這并不意味著特斯拉沒有超智能方向進化，相反，特斯拉是該領域智能化程度最高的品牌。
產品競爭力和品牌差異化具有很大的不同。智能是產品進化方向，可以增加產品競爭力，是產品參與市場競爭的必要條件。但“智能”添加到品牌概念中，并不會在心智中被占據，也不會讓品牌差異化。
本文通以以上觀點來表明我們的看法，即：在品牌創建定位中，“智能”發揮的力量微乎其微。這一觀點可能會遭到同行及企業的“白眼”。但我們會堅持自己的看法。
傳統品類貼上“智能”標簽總是很吸引人，讓企業放棄太難了。只要企業萌生通過“智能”創建品牌定位的念頭，這些論據及觀點都不值一提。在商業界，想必還會有更多的企業踏進“智能”怪圈并無功而返。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：人人都是產品經理 作者：朱小栓
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
最近很長時間都在做招聘管理系統的大改版，管理系統用戶角色眾多、功能邏輯復雜、使用場景多樣化，如何做到用戶體驗的突破？
在 ToB 領域，不能只關注中間的設計環節，而是需要參與到整個項目的流程中，圍繞著客戶服務的全流程，包括 理解業務-尋找機會-制定策略-設計原型-效果驗證 進行全鏈路的體驗設計觸達。
理解業務，主要是理解業務邏輯、用戶角色、使用場景；
1、業務流程圖
通過客戶現場訪談、問卷調查、用戶行為數據分析、競品分析、查閱行業報告等方式，梳理業務流程的關鍵節點，這些節點也就是我們后續設計的關鍵步驟。
2、用戶角色
梳理出業務流程之后，從業務流程中可以找到對應的用戶角色。招聘平臺的用戶角色包括招聘專員、招聘經理、部門主管、面試官、應聘者、獵頭、企業員工等，最主要的用戶角色是招聘專員。
通過角色畫像，減少我們在設計過程中的盲目設計和閉門造車，時刻以用戶的視角和感受來設計。
下圖是“招聘專員”的用戶畫像
2、場景分析/用戶故事
場景化設計的定義：根據特定時間、使用情景、及用戶的特性，進行定制化的設計，使用戶按照產品設定的路線快速完成目標盡可能的給予用戶驚喜與感動。
可以應用“體驗設計畫布”來幫助我們更好的梳理場景。
主要是從操作流程、內容反饋、信息傳達、視覺表現、情感關懷的角度來尋找交互和視覺的優化點；
「操作流程」是否高效
去除冗余：去掉哪一步驟仍能跑通流程；預判操作：下一步驟是否可預判，提前幫用戶完成；自定義操作：高頻操作是否允許用戶自定義從而減少操作步驟；
2.「內容反饋」是否合適
符合預期：每一個操作后呈現的頁面或信息內容是不是用戶想要的；
一致性：不同界面同一個操作或樣式，操作后是否呈現一致的內容？
輕量化：采用更輕量的內容呈現方式，是否依然符合場景，減輕操作成本；
3.「信息傳達」是否清晰
邊界清晰：能夠明顯區分各模塊或信息，遵循格式塔原理；
易獲?。?/strong>主要模塊或信息放置在容器邊界的左上部分，因為用戶閱讀習慣從左到右、從上到下；
結構簡潔：同一層級信息數量遵循7±2原則，若超過則考慮重新整合信息結構，或是提供更高效的信息獲取方式；
4.「視覺表達」是否明確
減少認知負擔：是否有信息內容可用視覺元素代替或輔助，規避用戶閱讀文字加重認知負擔；
表意清晰：通過視覺元素能夠快速了解信息大意，而不產生歧義；
降低疲勞：界面視覺是否容易加速用戶的疲勞感；
5.「情感關懷」體現溫度
正向情感：文案是否傳達了正向情緒，避開負面情緒；
貼近日常：信息呈現貼近日常習慣，非必要不使用專業術語；
積極提供方案：當出現異常情況時，是否有解決方案替代異常提示；
1.「操作流程」優化操作路徑
2.「內容反饋」更加人性
3.「信息傳達」信息整合，清晰高效
4.「視覺表達」一致、易獲取、動線合理
5.「情感關懷」體現溫度
經過前面的理解業務、尋找機會、制定策略之后就可以進行原型設計了，考驗大家設計功底的時候到了，這里不再贅述。
1.驗證維度
2.驗證方式
我們主要通過系統功能埋點、系統NPS信息收集、客戶現場和電話回訪、內部客戶外部客戶問卷調查等方式來收集用戶反饋信息。
3.驗證結果
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：站酷 作者：ZZiUP
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
相信很多人在開車時都用過手機或車機上的地圖導航，而今天 Alibaba Design 想和大家分享的就是大家常用的地圖導航的換代升級版——車道級導航。
先來說說車道級導航有哪些不一樣。相比于傳統地圖，車道級地圖導航在信息精細度、定位準確性、動態信息豐富度上有大幅提升。比如，車道級導航能清晰顯示道路上的虛實標線、自己的車行駛在哪條車道上，還能在地圖上看到車身攝像頭和雷達檢測到的周圍車輛、錐桶、防撞桶等。
車道級導航在智能汽車的駕駛場景中，有兩方面的用戶價值：
目前，高德已經發布搭載了車道級導航能力的量產產品——高德第三代車載導航，已在小鵬P7車型的NGP*自動導航輔助駕駛系統中落地。
*NGP 是高級智能輔助駕駛系統，可以在全中國大部分高快速道路上進行自主并線、超車、駛入匝道等。
車道級地圖導航承載的信息與傳統地圖有明顯差異，如何將這些信息加工轉化為愉悅的駕駛體驗，就是設計師要解決的問題了。下面分享一些我們在車道級導航設計中的思考。
車道級導航應用于智能汽車的人車共駕場景，需要同時考慮用戶的駕乘體驗和車企客戶的設計定制訴求。包含三部分內容：
車道級地圖中所呈現的數據元素對比普通地圖更多更復雜，而且在不斷采集更新中，但大致能劃分為三類：動態識別元素、高精道路元素以及場景氛圍元素，如下圖所示。
我們要做的設計，就是將以上這些數據元素以三維視覺化的方式進行呈現，最終服務于駕駛場景中的駕駛者。我們總結了幾個重要的構建原則：
「 清晰的空間關系展示 」
數字地圖的優勢在于能清晰展示復雜世界的空間結構、空間關系。空間關系的清晰表達能讓駕駛者更了解當前所處道路環境，心里更有底，這對于開啟自動駕駛的車輛尤為重要。
空間關系表達的關鍵在于表現道路的上下層級和聯通關系、坡度變化，加上仿真的車輛及視角變化，實現高架穿橋而過、相機視角由遠及近的場景展示。
空間關系表達的另一重點在于道路與周圍環境的關系，比如道路與山脈，通過高精地圖可以看到遠方道路的彎曲路形，提前減速，提升山路駕駛安全性。
「 簡約元素風格提煉 」
地圖設計時整體風格選擇需要克制，既要保證地圖中各元素之間的區隔度，又要保證地圖整體與上層業務組件拉開視覺層級。這樣才能更好的突出當前需要駕駛者注意的重點元素，提升整體的信息傳達效率和體驗。
既要讓駕駛者能快速識別地圖中的元素是什么，又需要讓畫面整體有序，主次明確。所以我們使用介于寫實與抽象風格之間的簡約風格，既能寫實展示元素的關鍵特征，整體又不復雜。
對于單個元素的設計上，主要是通過元素現實中的關鍵特征提取，去掉一些不影響認知的細節，讓駕駛者一眼就能明確這個元素是什么。
「 動靜風格統一 」
靜態元素是由高精地圖生成，而運動元素則是車輛傳感器識別的車輛、交通設施等。地圖上的這些元素的仿真表達，能夠反應車周圍的實時動態環境信息，增強駕駛者對車輛感知能力的信任。
對于這些動態識別元素，我們推薦客戶在設計風格上與地圖相呼應，在保證識別性的前提下，兩者風格盡量統一，形成整體感。
下面是客戶設計團隊制作的動態元素模型：
對于行人、自行車等出現人體的元素，我們通過循環的骨骼動畫原地播放，以及傳感器確定的運動軌跡，來模擬對應的人體運動。
地圖畫面是由渲染引擎程序的攝像機拍攝出來的。攝像機的位置、俯仰角、投影中心、裁剪區域等都會影響用戶看到的畫面內容。
「 遠近兼顧的視野 」
為了讓駕駛者有全局的掌控感，車道級地圖的攝像機視野需要兼顧眼前和遠方的信息呈現。在地圖上既可以看清眼前的車道標線、周圍的車輛，又可以看到 500 米甚至一公里后的路形變化、高速出口等。
「 自動駕駛動態視角 」
我們與客戶設計團隊一起，對自動駕駛場景拆分做了多次討論，最后決定對車速和并線這兩個變量設計動態視角。
在自動駕駛場景中，攝影機與自車的距離會隨著車速大小在一定范圍內變化。當車速較慢時，拉近攝影機與自車的距離，以強化顯示自車周圍的動態信息。當車速較快時，拉遠攝影機與自車的距離，獲得更遠的視野和足夠的預判時間。
自動駕駛的關鍵場景是車輛自動并線。為了強化駕駛者對車輛并線決策的感知，在汽車進入并線等待狀態時，相機的投射中心會移動到目標車位。
「 車道級導航動態視角 」
與自動駕駛相對的是人駕駛的場景。按與下一個轉向路口的距離遠近，人在駕車導航時可抽象為 4 個階段：順行、預判、確定、動作。
不同的駕駛階段需要不同的攝像機視角，來強調最相關的信息。例如：當下一個轉彎路口在幾公里以后時，駕駛員對幾公里范圍內路況的需求要強于對前方路口位置的需求；當臨近路口時，駕駛員對前方從哪里轉彎、走哪條車道的需求又會強于對幾公里后路況的需求。
下面詳細介紹一下臨近路口時，攝像機視角的動態過渡策略：
過程 1：根據用戶位置和交通情況，提示用戶并線，此時將攝像機拉近，畫面從 2D 地圖視野平滑放大到車道級地圖視野，突出并線引導和目標車道；
過程 2：保持攝像機與自車距離不變，仰角隨著自車與路口的距離逐漸減?。存i定路口在屏幕上的位置）。這樣既能有清晰的路口距離感知，又能讓路口形狀逐漸清楚，規避了大仰角導致的離路口越近，路口形狀越扁平的問題。
不同的路口形狀適合不同的仰角參數。例如分叉路口用“大仰角”就能既看清路口形狀，十字路口則需要偏鳥瞰的“小仰角”才能看清路口形狀。另外，當轉彎路口之前很近的位置還有一個路口時，還需要調整相機的旋轉角度，來清晰傳達兩個路口的位置和形狀，防止駕駛員走錯。
車道級地圖與自動駕駛關聯緊急，且依賴于車輛的精準定位能力，是車輛智能化的核心功能展示，對于設計上每個車企都會考慮進行深度定制，與自身 HMI 風格統一，且功能上有與其他車企的差異化與賣點，這就需要我們考慮規模化設計中的效率問題。
規模化難點在于，與客戶產研設團隊的合作鏈路摸索和優化；車道級元素種類多、狀態多，設計產出的落地文件生成方式也不同；預覽驗證困難，導致新接觸的客戶設計師理解門檻高，缺乏對應的工具集。
「 低成本風格定制 」
第一階段，我們為客戶提供了各個設計階段需要的設計規范、源文件、教程。第二階段，客戶可以使用高德設計團隊打造的 D-Map 平臺，通過所見即所得的方式進行設計方案配置，并且能快速預覽設計效果。
「低成本增減元素」
對于車道級地圖中新增三維元素，梳理了對應的元素新增流程，規范前期建模中的模型面數、坐標、法線等，減少返工調整。
傳統導航地圖的使用對象只是人，而車道級導航地圖是人車共用的。在自動駕駛時，車道級導航地圖不僅為自主駕駛系統提供地圖和導航路徑，駕駛者與乘客也可以通過地圖更清楚地了解車輛做決策的依據，增強對于車輛的信任感；而在人駕駛時，通過車道級的精細引導，可為駕駛員帶來更舒適、更安全的導航體驗。
地圖是人類文明的坐標，隨著科技進步，地圖不斷被賦予新的內涵。對于車道級導航的設計探索才剛開始，未來，我們也會嘗試利用不斷增強的車載硬件算力，與車企一起創造次世代的車載導航體驗，為用戶提供更準確好用的高德地圖。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：AlibabaDesign
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
智能產品的設計過程中，常常用到動效設計，那么動效設計用在哪些地方及對提升智能設備體驗帶來什么幫助，是這篇文章要講的。
通過大小、位置和透明度的變化，使得界面與界面之間、界面上元素的出現和消失都有關聯，讓用戶和產品的交互過程更流暢，給用戶更好的體驗。請看以下案例：
Nest溫控器從時鐘轉變到溫控調節界面的過程中，時鐘的指針向圓心收縮，周圍的時間刻度生長并一起向中心收縮，指針收縮動效對應溫控調節界面溫度值的顯現，時間刻度的生長收縮動效對應溫度刻度的顯現，由于元素之間進行有關聯的變化，操控過程中會有絲滑流暢感。
當用戶調節行程時，中間的控制點跟隨手指實時運動，而進度條會有延時拖拽效果。為什么會是這樣呢？原因是：用戶在控制面板上的操作是需要由面板向窗簾設備發送指令的，也就是說面板上控制窗簾到窗簾設備運行中間會有一小段時間間隔，用戶會有延遲感，所以Gira在控制窗簾行程的過程中，進度條為了與窗簾設備運行同步，加入延時效果，讓用戶感覺操控響應快的錯覺。
用戶在滑動切換功能時，功能icon會按照先后順序由大到小變化，由于連續性運動，每個元素運動都有銜接，會有流暢操控感受。
用戶輸入密碼后至鎖打開這段時間，數字依次向下消失，鎖icon逐漸出現并且打開，體現出柔緩的感覺；實際上動效有時候可以彌補設備執行緩慢的不足，當設備需要長時間才能執行時，這段時間加入動效，動效運行時間和設備實際執行時間一致，用戶就會覺得很順暢；也可以讓動效運行時間小于設備執行時間，這時用戶會覺得操控反應更快。
通過動效能夠幫助用戶使用功能，對功能的方向、位置、喚出操作、路徑等進行暗示和指導，方便用戶在最短的時間內來學會操作產品的一些功能。請看以下案例：
大多數智能設備買回家后，需要用戶自己安裝，有的甚至牽扯到線路問題，Nest溫控器安裝界面采用與實物一致的模型元素，讓用戶有參照依據；通過零部件的運動告訴用戶安裝順序；通過放大細節，告訴用戶應該選哪一個部件及如何鏈接。好的操作引導動效可以讓用戶有更好的參與感、成就感，還可以降低公司的人力安裝成本、客服成本。
通過生動形象的Mg動畫，用戶很快就知道接下來要做什么，省去了看文字的枯燥感，提升了操作效率、趣味性。
用戶第一次設置好監控后，通過放射動效提示用戶雙擊屏幕，通過上下擴張的箭頭動效提示用戶可以通過手指來就行監控畫面的放大縮小。
當設備第一次配好網重新開啟后，通過遮罩、圓點大小位置運動搭配文字告訴用戶長按屏幕可以控制什么功能。
頂部弧形的上下變化，告知用戶下拉可以控制什么功能。通過簡單的元素既能起到提升用戶的作用，還不打擾用戶。
通過動效給用戶展示用戶需要的內容及產品側想讓用戶了解的內容，讓用戶更樂意更易于理解，強化功能感知。請看以下案例：
用戶App第一次鏈接好溫控器后，為了告訴用戶溫控器的主打功能有日程安排節能、根據時間自動設置溫度，用幾何元素圍繞日程icon放大縮小運動、太陽月亮旋轉切換直觀的強調這些功能，讓用戶加深對產品核心功能的認識。
音樂服務類型列表選中狀態使用翻轉選中效果，列表這里為什么需要動效？
原因有可能是：1、列表中的內容為了很好的作出區分，以彩色的形式展現，層級較高，選中狀態如果不加入動效，用戶就不容易快速感知自己選擇了哪一個；2、其次列表中加入動效，在枯燥的操作中增添了趣味性，增強操作愉悅感。
雙擊音樂標題，進度條從左向右生長出現、操控點放大出現，既強調了進度條這個隱藏功能，還暗示用戶可以拖動操控點從左向右拖動操作。
用戶從列表進入調光燈界面時，調光條灰底從左向右弧度生長，隨后當前亮度條生長出現、亮度值出現，先暗示了用戶可以從左向右弧度操作，后強調了當前設備狀態。
用戶查看睡眠質量數據時，睡眠質量標題信息漸隱漸現，睡眠數據條、數字生長，讓數據展示有主次之分，強調了用戶想要看的內容據，更人性。
在產品設計里面有一個非常重要的原則：讓用戶有操縱感。這種操縱感不僅僅表現在對用戶的操作有了反應、有了顯示，還有一種方式是讓用戶知道當前產品運行的狀態，是正在等待還是正在加載，還是正在下載或變化，那這種狀態的告知也是增強用戶操縱感的方式之一。請看以下案例：
當用戶往洗衣機里加入衣物后，出現量杯倒入洗衣液的動畫，告知用戶當前洗衣機正在進行哪一個環節，我們分析一下這里加入動效的用意，首先，一般的洗衣機沒有屏幕，有的話也就顯示當前的功能選項，LG的這款洗衣機是液晶屏，那么它的定位就是高端人群，通過融入動效，打造差異化，提升使用體驗，加深用戶對LG品牌的印象。
用戶設置好起床時間后，系統會根據時間段自動進行背景顏色的過度，來模擬天色的變化，直觀的告知用戶當前的時間是白天還是晚上或是黃昏。
設備進行除濕的過程中，面板上圓形元素進行旋轉，伴隨粒子擴散效果，模擬水分子消失的過程，直觀形象的告訴用戶現在正在做什么。
用戶接通貓眼后，通話icon進行電播擴散動效，模擬聲波擴散效果，準確的向用戶告知當前通話中的狀態。
當用戶說話喚起語音控制時，原先的全屏畫面收縮，響應用戶的指令，四周留白，為通話內容提供展示空間，然后彩色點元素起伏變化，通話內容出現，告知用戶已接收到指令；隨后彩色點元素旋轉加載，體現正在執行中。在語音控制的每一個環節都加入動效反饋，會讓用戶覺得他不是在和一個冰冷的機器講話，富有人情味。
運用輕擬物效果和與實物一致的運動方式，用戶可以直觀的看到窗簾的行程位置與開合狀況，大大的提升了產品易用性。
面對一款新的智能產品時，用戶可能不知道怎么操作它，通過動效向用戶交待頁面內容之間的關系，讓用戶清楚的知道從哪里來，到哪里去，更易于理解從而可以快速上手使用。請看以下案例：
溫控器的設置模塊通過左右滾動以便在有限的屏幕中展現，那么模塊的下一級頁面跳轉做成像App那樣左滑切入是無法明確層級內容的，此時需要一個與左右滑動不一樣的動效來區分模塊的切換，Nest運用翻轉效果，強化了層級感，清楚交待了頁面翻轉后面的內容與頁面前的關系。
用戶從頂部導航中進入設備列表過程中，設備列表頁面從右向左進入，暗示用戶“當你想返回上一級，可以左滑離開哦”，用戶上下滑動設備列表時，屏幕左邊滑動條出現，更加明確了“左滑返回上一頁”的功能；
當用戶通過列表進入操控界面以及切換功能頁時使用淡入淡出的效果，弱化它們之間的跳出感，來強調它們是一個層級的內容，從細微處可見Google的設計師在動效的使用、選擇上非?？酥?，值得我們學習。
用戶發出查看日程安排的命令時，日歷界面從左到右進入，告訴用戶這是一個新的頁面，接著日期數字21進行大小位移變化，月份不做變化，為了強調這是21號的日程，2條日程信息按照時間先后從下向上運動，交代了日程處理的優先級。Google設計師將信息展現的每一步都讓用戶看的清楚明白。
用戶在操控設備執行一項指令時，會需要一段時間的加載或傳輸過程，期間使用動效來引起用戶的注意，從而減少用戶在等待過程中的焦慮感，實際上在這個等待的過程中，品牌方還可以利用這個寶貴的時機與用戶建立情感連接，向用戶透傳其品牌調性，達到加深品牌記憶的目的。詳見下一段“07 品牌調性透傳”。
用戶在移動端與設備連接時，會有一個連接等待過程，此時移動端與設備界面中同時出現幾何元素在繪有Wi-Fi的灰色圖層中運動的動效，形象的傳達了正在運行的具體事項，我們在做加載動畫時，不光要讓加載動起來，還要貼合當前的內容，做到生動有趣。
在可用性良好的前提下，通過一致性、趣味性的動效設計和創新的交互方式為產品增加亮點，帶來更驚喜的體驗，傳達產品的氣質與態度。請看以下案例：
在品牌塑造上，Google已被證明做得極為成功，而且在視覺表現層面，Google系產品具備著“一致性”和“連貫性”，這讓Google獲得了品牌識別上的利益。在不同設備的動效設計中，Google都統一使用代表品牌的紅、黃、藍、綠顏色和幾何圖形，遵循化繁為簡的設計準則，通過簡潔貼近真實的運動方式，讓產品更有人情味，讓用戶更加專注于內容。
用戶在搜尋AirTag過程中，手機屏幕粒子循環運動，隨后粒子組成了一個轉動的箭頭指向一個圓點，隨著用戶離得AirTag越來越近，箭頭逐漸放大消失，圓點隨后演變成了一個旋轉的AirTag。交互方式新穎，搜尋結果又充滿驚喜，對于Apple這款新產品，無疑讓用戶加深了印象，感受到了Apple的科技創新態度。
用戶在靠近圓鏡設備時，鏡面中心人臉識別icon縮放，周圍點元素波動擴散，吸引用戶的同時，傳達出科技感。
當HomePod在執行一項指令時，頂部的屏幕會出現彩球融合翻轉動畫，多變朦朧的色彩可以喚起用戶情緒，球體間的融合過程讓產品生動有趣，讓用戶感受到品牌的人情味。
Apple Watch洗手功能開啟后，會有一個20秒的倒計時，倒計時以肥皂泡沫消失擴散的形式展現，很貼合當前洗手的情景，讓原本一個普通的倒計時變得生動且有趣味性，用戶更加樂意使用，強化了用戶對品牌的感知。
這款溫控器已經有一定年代了，當時那個年代，能用到溫控器，那就很有科技感了，智能溫控器還將流動的線條動效運用至透明背景上，向用戶傳達了超前的科技感，只要見了就會記住這款產品。
實際上智能產品中的動效設計，并不是要向用戶炫技，也不是做的越炫酷越好。動效是以解決問題為目的的一種手段。我們要去觀察現有好產品的動效設計落地點及分析他們的小心思，從而運用至自己產品中，提升產品使用體驗。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：站酷 作者：木土君
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
隨著信息碎片化趨勢的加強，用戶的注意力也呈碎片化趨勢，本文主要分析了用戶注意力的類型以及如何合理吸引用戶注意力。
在界面設計中，我們常常能看到許多產品以各種形式搶奪用戶注意力，比如彈窗、通知提示等，亦或者通過色彩、大小等設計方式。大部分情況下，這些搶奪注意力的方式簡單粗暴，如果不能在適合的場景采用相應的設計手法，不僅達不到期望的目標，反而影響瀏覽體驗。 
在信息量極其龐大的當下，信息被割裂得更加碎片化，現在可以滿足用戶訴求的產品太多了，許多產品的拉新成本高得離譜，關鍵是拉新后，留存也是令人頭禿的問題。
每個企業都希望自己的產品可以獲取更多用戶流量、提升用戶活躍，自然就需要想方設法吸引用戶注意力。這是一個酒香也怕巷子深的時代，產品能滿足用戶需求、有著極致優秀的體驗還不夠，還需要讓用戶知道你的好，讓自身產品吸引更多目標用戶，是每個產品的愿望。
用戶的注意力也呈碎片化趨勢，很容易受到外界的影響，并且這種注意力分散的趨勢會越來越明顯?？赡苡脩羯弦幻朐诳垂娞?，下一秒就打開了抖音，然后看到微信消息，點進去回兩句...一天過去了，最后發現好像什么事都沒有干成。
這就是矛盾的地方，一方面產品希望留住用戶，另一方面用戶在各產品間反復橫跳，就是不在你的產品里面待著。
研究表明，用戶的注意力只能維持在 10 分鐘左右，大腦在短暫休息后可以再次集中注意力 7-10 分鐘，7-10 分鐘差不多是人對任何任務保持專注的時間上限。
用戶容易受到各種信息的影響這不假，但是如果采用錯誤的設計方式吸引用戶，非但不能如愿以償，反而可能引起反感。
作為交互設計師，我們要了解用戶的注意力是如何被吸引的、如何通過設計在不阻礙用戶的基礎上適當吸引用戶注意力、哪些場景不該干擾用戶注意力，這些都是我們需要面對的問題。
現階段，由于體驗設備的限制，大家大部分情況下還只是與手機、電腦等設備進行交互，此時我們接收信息的方式主要包含：視覺、聽覺、觸覺。我們借助這些感官與世界和設備交流，下面會介紹設計師該用什么方式合理獲取用戶注意力。
界面設計的組成部分主要是控件、圖標、文字信息、色彩等組成，而要想獲取用戶注意力，設計師必須清楚哪些信息應當突出，哪些應當弱化，如果所有信息都想突出，那就相當于沒突出。
大腦有兩種處理信息的注意力機制。
一種是通過視覺、聽覺、觸覺等感官獲取信息，這種機制是“自外而內”（自下而上）的，即我們從外界感知的，此時的影響因素是外界刺激而非內心驅動，甚至人們自身在這個過程中都沒有發現被吸引了注意力。
另一種是來自我們自身的，如記憶、想法等，是由我們的主觀能動性進行驅動，比如你在專注思考今晚吃什么（這真的是一件糾結的事），這是“自內而外”（自上而下）的，沒有這種注意力，就沒法專注起來。
這兩種注意力并沒有孰好孰壞之分，都在我們生活中起到至關重要的作用。區分這兩種處理信息的機制并不難，問題主要出現在我們了解這個有什么作用？
那當然是有用的，舉個簡單的例子：
馬蜂窩的首頁是內容信息推薦，用戶在這個場景中，如果是瀏覽首頁的旅游地點信息流，沒有攜帶特別明確的目的，就會更容易受到信息流推薦的影響，比如有吸引的圖片、標題、按鈕等，都很容易吸引用戶，此時的注意力屬于“自外而內”的。
此時設計形式以圖片為主，文字在界面中的占比相對較小，起輔助作用，在這種場景下，圖片相比于文字更容易吸引用戶。
而如果你想去成都旅游，于是你搜索了成都，想看看成都相關的游記，這時情況就不同了，因為你在搜索時具備了比較明確的目的。
你會關注搜索的內容哪些是和成都相關并且你感興趣的，此時你注意力可能在搜索結果是不是能滿足需求，這時注意力屬于“自內而外”的。
因此，頁面設計的關鍵就不是整些花里胡哨的操作，而是讓用戶便于高效搜尋，比如把你的搜索關鍵詞高亮突出，信息采用高效的列表排列。
說到這里，我們了解到了注意力的“自下而上”是被動的（外界的刺激），“自上而下”是主動的（個人意愿），而且針對這兩種不同的注意力機制，有不同的設計方式。
這次我們主要講的是：外界刺激下的“自下而上”的注意力類型，討論哪些設計可以更快、更直接、更合理地獲得人們注意力。
人們每天醒來就要與外界進行各種“溝通”，只要一走出門，就是面對外界的各種變化和信息，觸覺的、視覺的、嗅覺的...所以人們不可能注意到所有事物，比如馬路上的車在跑，你可能只會關注到法拉利。
一般來說，人們更傾向于關注事物的顯著特征，比如顏色和大小，心理學家稱之為“顯著線索”（salient cue）。人們的注意力有限，所以大腦會關注比較重要的、差異化的信息。
人們不擅長區分細節信息，因為在大多數情況下，顯著線索已經足以幫助信息之間的差異。不信，你看看下面哪個是小米的新 logo，拿來檢測視力，用的都說好！
所以，不要指望用戶一定會關注你界面中設計的關鍵信息，你所認為的“顯著線索”對用戶來說未必很明顯。如果你擔心人們會過濾某些信息，可以嘗試用以下的方式吸引他們的注意力。
大腦有自身的信息處理注意機制，我們需要了解其基本運作規律，在設計中更好突出我們的重點信息，弱化次要信息，在合理吸引用戶注意力的同時，盡可能降低對用戶的干擾。
視覺是一切感覺之首，大腦的大量資源都用于接收和解析眼睛見到的信息，上文講到，差異化的信息更容易吸引注意力。在設計中，有許多種方式可以達到這種效果，從視覺的角度看，有顏色對比、大小對比、形狀對比、清晰度對比、陰影對比、運用圖片、動態信息等方式。
如果設計師想吸引用戶進行某個操作，顏色一定是最常用的手法，但這里的關鍵在于，加強顏色的對比，而非整個界面都用重點色突出。沒有對比，就沒有傷害，顏色也一樣，沒有對比，就沒有突出。
下圖中，美團外賣“我的”界面，盡管“我的功能”、“我的服務”、“更多推薦”都是采用黃色高亮色，但由于缺少對比，所以在這幾個模塊中，并沒有哪個功能顯得更為突出。其次，一屏之內，出現了 8 個小紅點，看起來更像是在玩消消樂，用戶看了，也不知道先點哪個后點哪個，那么干脆就不點了吧，如此一來，反而達不到預期的效果。
反觀懂車帝的界面，突出高亮顯示的功能，只有“發布”、“任務中心”，界面相比起美團更清爽，減少了許多視覺壓力，此時用戶更容易聚焦到對應的功能。
我們常能看到網上的鄙視甲方的話，甲方說標題一定要大！要粗！但實際上，一般情況下，加強元素的大小、粗細對比，能夠豐富設計的層次，人們的視覺總是更容易受到更大視覺面積的影響，因此文字大小、粗細對比確實能夠讓用戶的視覺有非常清晰的聚焦點。
在大廠的設計中，我們能看到非常多設計都是遵循這種理念，比如 Apple、小米等。
apple 官網
小米官網
看看下面的圖片，你會注意到什么元素？
是的，我們的注意力會很自然地聚焦在差異性的圖形上，而忽略相同的視覺信息。形狀結構差異性，在引導用戶視覺瀏覽動線上，也是常用的手法。
以知乎為例，在知乎會員頁中，列表整體上均以左圖右文的形式展示，在這種相同結構下，用戶瀏覽動線相對比較統一，而界面中間配置了 banner 圖片，在結構上形成了差異化，則更容易在視覺上形成突出效果。所以，就算這張圖片換成小圖，或者其他的結構形式，也同樣可以達到區分的效果。
當清晰的物體和模糊的物體放在一起時，人們會先注意到輪廓清晰的物體，而模糊的信息則容易形成背景。
iOS 是模糊效果運用最多也是效果最好的系統，這種效果不僅使界面整體更沉浸，減少頁面層級變化的視覺割裂感，還能將邊緣輪廓清晰的內容凸顯出來。
陰影效果可以讓元素在原有界面的 Z 軸方向上進行突出，可以與界面其他未添加陰影效果的元素有明顯區分，在視覺層級上更高。
在 Material design 上，陰影被用來體現元素層級高度，陰影大小反映 Z 軸的卡片高度。感知上距離界面越高，陰影越大。
以美團會員頁為例，頂部的會員卡片由于加上陰影效果，信息層級上顯得更高。
毋庸置疑，圖片信息相比于文字信息，更能吸引用戶的注意力，因為人們對于圖像識別能力幾乎是與生俱來的，有時候圖片傳遞信息會比文字更快速、更直接。許多信息（比如情緒、氛圍感）很難靠文字傳遞，恰巧這些正是圖片最輕松傳達的。
以 App Store 為例，當圖片與文字放置在一起的時候，圖片的吸睛效果會比文字更強。盡管圖片并非在頁面最上方，用戶未必會第一時間知道這是一張什么內容的圖片，但知道視覺有一張圖片，視覺吸引到該處的概率會更大。
此外，人們對于圖片中人臉的識別更為突出，據研究，在大腦有一處特殊區域，專門用來識別人臉，稱為梭形臉部區，可以讓人臉識別繞過通常的視覺解析渠道，從而得到快速識別。
視覺對運動物體有一種特殊的處理機制，當視線中出現了運動物體，眼睛就會不由自主地轉向運動物體，視覺焦點中心也隨之移至運動物體，這是反射性注意。在設計中，合理地使用動態設計效果，能夠很輕松地引導用戶注意力。
以下面優酷信息流為例，界面中的動態圖片更容易獲取用戶的視覺注意力。
視頻也是動態信息的一種呈現形式，在視覺媒介中，按照吸引用戶注意力的程度排序，分別是：視頻、圖片、純文字，視頻由于本身的動態特性，在對靜態信息的對比中，吸引注意力的效果尤為明顯。
在手機上，許多產品都會采用視頻作為宣傳的形式，視頻能夠承載較大的信息量，同時傳達的效果又直截了當。
聽覺在設備中的運用也很頻繁，常見有提示音、鬧鐘等，比如支付寶、微信在收款時，也有收錢的提示音。
特別是在手機上使用聲音作為交互的某種反饋時，需要注意選擇恰當的聲音，避免引起用戶反感，在聲音的使用上要謹慎。
固定的聲音（如鈴聲）對于用戶而言可以形成條件反射，下課鈴聲響了，你會意識到是下課了；鬧鐘響了，你會意識到今天又是元氣滿滿的一天。需要注意的是，倘若聲音的出現與用戶沒有存在關聯，久而久之，這種聲音就容易被用戶忽略。
對于視障人士而言，聲音還是接收信息的主要渠道，比如 iPhone 的旁白功能，此時用戶操作的注意力會集中在對聲音的感知。
與觸覺相關的接收信息方式主要是振動，在與設備交互功能中，人們對于振動反饋的要求越來越高。在手機設備領域，許多廠商開始有意識地采用更好的振動馬達，目前就是提升振動反饋。
振動也是在關鍵節點吸引用戶注意力，當用戶操作成功、失誤的時候，給予輕微的振動反饋，能夠加強用戶對當前狀態的感知。
一次只做一件事，盡管許多人認為自己可以一腦多用，同時處理多件事，但是研究表明，人們在大部分情況下，很難同時完成多個任務。大家在一定有時會遇到很煩躁的情況，比如一下子要做設計，一下子又要開會，時間被分散，注意力無法集中。同樣是，當用戶面對復雜的界面時，也會出現這種情況。
在設計界面時，倘若界面有太多干擾項，就會增加用戶的認知成本，無法快速辨別該執行什么操作。
以 App Store 和潮汐為例，下面這兩個頁面都可以看出信息的專注性，App Store 以卡片形式清晰呈現每一個專注或應用；潮汐首頁只突出了底部的四個操作。這些都讓用戶盡可能減少無謂的信息干擾，專注于當前界面的操作。
你以為我講了 App store 和潮汐的例子就完了嗎？上面的 App 由于定位和商業化程度的不同，才有了這種簡約的設計形式，大多數設計師面對的界面是產品極力要求把所有信息都在一屏之內塞得滿滿當當。
面對商業化，許多設計師可能會認為毫無有心無力，但是日常處理復雜的信息量才是許多設計師的常態，大部分業務由于商業化等原因，都會往界面塞進更多內容。
交互設計師除了了解產品功能，還需要考慮如何組織、轉移這些復雜的信息，如果信息組織得當，也可以強化重點功能模塊，合理引導用戶的注意力。
以貓眼為例，首頁承載著功能入口和電影資源推薦等功能，但是通過合理的信息布局，仍然可以使界面結構變得清晰。
Krug 可用性第三定律提到：去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半。
盡管上述提到的定律有點夸張，但是，繁雜、多余的信息文案，確實會讓用戶花費更多時間理解，當用戶無法快速了解內容信息時，注意力就容易漂移。在設計時，設計師尤其要記住，在保證信息完整性的前提下，盡可能讓文案更加簡短，做到讓用戶快速領會到設計所表達的意思。
信息易讀性，是獲取注意力的基本，用戶是懶惰的，不要期待用戶會在如何了解你的產品這種事情上花費太多時間。
以下圖為例，左邊文案“你必須先登錄才能提交訂單”明顯就不如“登錄并提交”來得直觀，在交互文案中，要格外注意信息表達的精簡性，當然不能以犧牲表達的信息完整性為代價。
內容相關性，即推薦的內容與用戶相關，許多內容型產品，通過算法等方式，根據用戶的偏好進行內容推薦。
抖音視頻推薦、頭條資訊推薦、網易云歌單推薦、淘寶商品推薦...你會發現，我們生活在一個所有資訊信息與我們相關性極高的世界，因為他們推薦算法，很大程度上就是基于我們歷史行為而推薦的，如果是不相關的信息，我們可能壓根就不會看，我們被這些信息吸引注意力，這些信息確實幫助我們降低了篩選的成本。盡管另外一方面，這些信息也可能限制了我們發現更多其他的信息。
本文介紹了注意力的主要類型：“自外而內”、“自內而外”，并且就“自下而上”的注意力類型進行了分析。
在設計中，無論是無法讓用戶集中注意力，還是到處都在搶占注意力，都不算是好設計。作為設計師，我們需要了解如何合理吸引用戶注意力，以兼顧用戶體驗和商業化。人們大多通過視覺、聽覺、觸覺與設備進行交互，同時從信息設計的角度也進行了分析。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：站酷 作者：熱風_
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn