他的龙根本太大了_动漫美女被吸乳视频漫画_欧美xxxx性疯狂bbbb_天天看天天爽天天摸天天添

首頁

無障礙設計原則在手機界面中的應用

藍藍設計的小編

在當今數字化的時代，手機已經成為人們生活中不可或缺的工具。然而，對于一些特殊群體，如視障者、聽障者、老年人以及身體功能有障礙的人群，使用手機可能會面臨諸多挑戰(zhàn)。這時，無障礙設計原則在手機界面中的應用就顯得尤為重要。

無障礙設計原則的核心是確保所有人，無論其身體狀況如何，都能夠平等、方便地使用產品和服務。在手機界面設計中，這意味著要從多個方面進行考慮和優(yōu)化。

移動app設計 (8).png

首先，對于視障者來說，屏幕朗讀功能是至關重要的。通過語音輔助，手機能夠將屏幕上的文字、圖標和操作提示轉化為聲音，幫助他們獲取信息。同時，高對比度的色彩搭配也能讓視障者更清晰地分辨界面元素。例如，使用黑白對比強烈的配色，或者為重要的按鈕和文字提供醒目的顏色標識。

對于聽障者，可視化的提示和震動反饋則是關鍵。當有來電、短信或其他通知時，除了聲音提示，強烈的視覺閃爍和明顯的震動能夠確保他們及時察覺。

對于老年人和操作不靈活的人群，大字體和簡潔明了的界面布局能極大地提高可用性。增大圖標和按鈕的尺寸，減少操作步驟，提供清晰易懂的圖標和文字說明，都能讓他們更輕松地使用手機。

此外，無障礙設計還應考慮到認知障礙人群的需求。避免復雜的操作流程和難以理解的術語，采用直觀、易懂的設計語言，降低使用門檻。

移動app設計 (6).png

許多手機廠商已經開始重視無障礙設計，并取得了顯著的成果。比如，蘋果的 VoiceOver 功能，讓視障用戶能夠通過觸摸和滑動來操作手機，獲取各種信息。

據統(tǒng)計，全球有超過 10 億的人口存在某種形式的殘疾，而無障礙設計能夠讓這部分人群更好地融入數字社會，享受科技帶來的便利。

一個成功的無障礙手機界面設計案例是某款專門為老年人開發(fā)的手機應用。它的界面簡潔大方，字體超大，圖標清晰，并且提供了詳細的操作指南和語音提示。老年人可以輕松地撥打電話、發(fā)送短信、查看天氣等，極大地提高了他們的生活質量。

移動APP設計 (3).png

總之，無障礙設計原則在手機界面中的應用不僅是一種社會責任，也是提升產品包容性和用戶滿意度的重要途徑。通過關注特殊群體的需求，我們能夠打造出更加人性化、溫暖且具有廣泛適用性的手機界面，讓科技真正惠及每一個人。在未來，隨著技術的不斷發(fā)展和社會意識的提高，相信無障礙設計將在手機領域發(fā)揮更大的作用，為更多的人創(chuàng)造更美好的數字生活體驗。

評論(0) 瀏覽(195)

手機界面設計風格演變

藍藍設計的小編

在科技日新月異的今天，手機已經成為我們生活中不可或缺的一部分，而手機界面設計風格也經歷了一系列引人注目的演變。

評論(0) 瀏覽(176)

打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略

ui設計分享達人

目錄
一、  什么是用戶體驗地圖？
二、  為什么使用用戶體驗地圖？
三、  什么情況使用用戶體驗地圖？
四、  用戶體驗地圖的組成？
五、  用戶體驗地圖的制作流程
六、  用戶體驗地圖案例展示
七、  用戶體驗地圖總結
一、  什么是用戶體驗地圖？
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
用戶體驗地圖（User Experience Map）是一種用于可視化展示用戶在與產品或服務互動過程中所經歷的各個接觸點和體驗的工具。它幫助團隊深入了解用戶的行為、情感和痛點，從而優(yōu)化用戶體驗。
用戶體驗地圖（User Experience Map）是產品設計前期——用戶研究中很重要的一部分，視角化和圖表的方式，從用戶的角度來表現其和產品/組織/服務交互的過程，是連續(xù)的視覺時間和完整故事的多個互動點。
簡單來說，在用戶定義角色，搭配行為研究、表格調查和競品分析等數據下，構思出這個角色在某個角色故事下要完成特定目標，以反應用戶使用某個特定產品的真實特性，有助于我們評估現狀、找出用戶真正的痛點，與優(yōu)化整體的體驗流程（創(chuàng)造和諧的互動）。
二、  為什么使用用戶體驗地圖？
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
使用用戶體驗地圖（User Experience Map）在項目中有很多重要的原因，能夠給團隊帶來顯著的價值，例如：
1、全面理解用戶旅程
可視化用戶體驗：用戶體驗地圖通過圖形化的方式展示用戶在使用產品或服務過程中的所有步驟和接觸點，使團隊能夠直觀地看到用戶的整個旅程。
識別關鍵時刻：幫助團隊識別用戶旅程中的關鍵觸點和情感波動，理解用戶在不同階段的需求和行為。
2、發(fā)現用戶痛點和改進機會
識別痛點：用戶體驗地圖能夠揭示用戶在使用過程中的痛點和挑戰(zhàn)，使團隊可以針對這些問題制定解決方案。
挖掘改進機會：通過分析用戶行為和情感波動，團隊可以找到提升用戶體驗的機會，從而優(yōu)化產品或服務。
3. 增強團隊協作和溝通
統(tǒng)一理解：用戶體驗地圖作為一種直觀的溝通工具，使跨職能團隊（如產品經理、設計師、開發(fā)人員和市場團隊）能夠共享對用戶體驗的統(tǒng)一理解。
促進協作：通過共同創(chuàng)建和討論用戶體驗地圖，團隊成員可以更好地協作，提出建設性的意見和建議。
4. 驅動以用戶為中心的設計
以用戶為中心：用戶體驗地圖強調從用戶的角度出發(fā)，關注用戶的需求、情感和行為，推動以用戶為中心的設計和開發(fā)。
提升用戶滿意度：通過優(yōu)化用戶旅程中的各個觸點和體驗，團隊可以提升用戶滿意度和忠誠度。
5. 支持決策制定
數據驅動決策：用戶體驗地圖基于用戶研究和數據分析，為決策提供可靠的依據，減少主觀判斷和猜測。
優(yōu)先級管理：通過識別用戶體驗中的關鍵問題和機會，團隊可以更好地確定優(yōu)先級，集中資源解決最重要的問題。
6. 提高用戶體驗設計的效率和效果
明確目標和方向：用戶體驗地圖幫助團隊明確設計目標和方向，減少反復修改和溝通成本，提高設計效率。
驗證設計假設：通過用戶體驗地圖，團隊可以驗證設計假設和概念，確保設計方案符合用戶需求和期望。
三、什么情況使用用戶體驗地圖？
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
用戶體驗地圖（User Experience Map）在多種情況下都可以使用，能夠幫助團隊更好地理解和優(yōu)化用戶體驗。例如：
1.產品或服務的初期開發(fā)階段
定義產品概念：在開發(fā)新產品或服務時，用戶體驗地圖幫助團隊理解用戶需求和期望，確保產品設計符合用戶需求。
設計用戶旅程：通過用戶體驗地圖，團隊可以詳細規(guī)劃用戶與產品互動的每個步驟和觸點，確保用戶旅程流暢且無障礙。
示例：
一家創(chuàng)業(yè)公司在開發(fā)一款新的移動應用時，通過用戶體驗地圖了解目標用戶的需求和使用習慣，從而設計出更符合用戶期望的產品。
2.現有產品或服務的優(yōu)化
識別和解決問題：當現有產品或服務存在用戶體驗問題時，用戶體驗地圖幫助團隊識別痛點并制定改進措施。
提升用戶滿意度：通過分析用戶在不同接觸點的情感和行為，團隊可以找到提升用戶滿意度和忠誠度的機會。
示例：
一家電商平臺通過用戶體驗地圖發(fā)現用戶在結賬環(huán)節(jié)遇到的困難，優(yōu)化了結賬流程，顯著提高了用戶滿意度和轉化率。
3.跨職能團隊的協作和溝通
建立共同理解：在涉及多個部門的項目中，用戶體驗地圖幫助不同團隊（如產品、設計、開發(fā)、市場）建立對用戶體驗的共同理解。
促進協作：通過可視化的用戶旅程，團隊成員可以更有效地討論和協作，提出有建設性的改進建議。
示例：
一家大型企業(yè)在推出一項新服務時，通過用戶體驗地圖讓產品經理、設計師和市場團隊共同參與，確保各團隊對用戶體驗的理解一致，從而提高協作效率。
4.用戶研究和測試階段
記錄用戶反饋：在用戶研究和測試階段，用戶體驗地圖幫助記錄和分析用戶反饋，發(fā)現用戶在使用產品過程中的實際體驗。
驗證設計假設：通過用戶體驗地圖，團隊可以驗證設計假設，確保設計方案符合用戶需求和期望。
示例：
一家金融科技公司在測試新功能時，通過用戶體驗地圖記錄用戶的使用體驗和反饋，優(yōu)化了功能設計。
5.制定產品戰(zhàn)略和路線圖
戰(zhàn)略規(guī)劃：用戶體驗地圖幫助團隊從用戶角度出發(fā)，制定產品戰(zhàn)略和發(fā)展路線圖，確保產品的發(fā)展方向符合用戶需求。
優(yōu)先級管理：通過識別用戶體驗中的關鍵問題和機會，團隊可以更好地確定改進措施的優(yōu)先級。
示例：
一家健康科技公司在制定未來兩年的產品發(fā)展計劃時，通過用戶體驗地圖分析用戶需求和市場趨勢，確定了重點開發(fā)的功能和服務。
6.營銷和客戶支持
提升客戶支持效率：用戶體驗地圖幫助識別用戶在尋求支持時的痛點，優(yōu)化客戶支持流程，提高用戶滿意度。
優(yōu)化營銷策略：通過了解用戶在不同階段的情感和行為，團隊可以制定更有針對性的營銷策略，提升用戶轉化率。
示例：
一家SaaS公司通過用戶體驗地圖發(fā)現用戶在使用過程中遇到的常見問題，優(yōu)化了客戶支持流程，并根據用戶行為調整了營銷策略，提高了客戶留存率。
四、  用戶體驗地圖的組成？
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
組成用戶體驗地圖（User Experience Map）可以分為八個部分，分別是：用戶角色（Persona）、場景（Scenario）、階段（Stages）、觸點（Touchpoints）、用戶行為（Actions）、用戶情感（Emotions）、痛點（Pain Points）、機會（Opportunities）；組成部分整合到一張用戶體驗地圖上，團隊可以直觀地看到用戶旅程中的所有關鍵要素。幫助團隊全面理解用戶在整個體驗過程中的行為、情感和痛點，從而制定更有效的優(yōu)化策略，提升用戶滿意度。下面我們詳細說明這八個部分：
1. 用戶角色（Persona）
定義：用戶角色是目標用戶的詳細描述，包括人口統(tǒng)計信息、行為模式、需求和痛點。
目的：幫助團隊聚焦特定用戶群體的需求和體驗，使設計和決策更有針對性。
示例：
年齡：25-35歲
職業(yè)：城市白領
興趣愛好：網上購物
需求和痛點：需要便捷快速的購物體驗，不喜歡復雜的結賬流程
2. 場景（Scenario）
定義：場景是用戶在某一特定情境下與產品或服務互動的全過程描述。
目的：幫助團隊了解用戶的具體使用情境和目標，確保設計滿足實際使用需求。
示例：用戶在下班回家的路上，通過移動應用購買晚餐所需的食材。
3. 階段（Stages）
定義：用戶旅程的不同階段，從開始到結束，包括用戶在每個階段的主要活動和目標。
目的：展示用戶旅程的整體結構，幫助團隊識別每個階段的關鍵活動和目標。
示例：
發(fā)現（Discovery）、考慮（Consideration）、決策（Decision）、使用（Usage）、回訪（Return）
4. 觸點（Touchpoints）
定義：用戶在每個階段與產品或服務的具體接觸點，如網站、客服、實體店等。
目的：識別用戶與品牌互動的關鍵時刻，確保每個接觸點的體驗都得到優(yōu)化。
示例：網站首頁、產品頁面、購物車、結賬頁面、客服
5. 用戶行為（Actions）
定義：用戶在每個觸點上的具體行為，如瀏覽網頁、咨詢客服、購買產品等。
目的：展示用戶的具體操作過程，幫助團隊理解用戶的實際使用方式。
示例：瀏覽產品、加入購物車、填寫訂單信息、支付、聯系客服
6. 用戶情感（Emotions）
定義：用戶在每個觸點上的情感體驗，包括積極和消極的情感波動。
目的：幫助團隊理解用戶的滿意度和痛點，確保在關鍵時刻提供積極的體驗。
示例：
興奮（瀏覽產品時）、猶豫（選擇支付方式時）、沮喪（遇到支付問題時）、滿意（收到產品時）
7. 痛點（Pain Points）
定義：用戶在整個體驗過程中遇到的困難和挑戰(zhàn)。
目的：識別和解決用戶體驗中的問題，提升用戶滿意度。
示例：
結賬頁面加載慢、支付方式選擇不便、客服響應慢
8. 機會（Opportunities）
定義：基于用戶行為、情感和痛點，識別出改善用戶體驗的潛在機會。
目的：為團隊提供改進用戶體驗的方向和具體措施，推動持續(xù)優(yōu)化。
示例：
優(yōu)化結賬頁面性能、增加支付方式、提升客服響應速度
五、  用戶體驗地圖的制作流程
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
制作一份完整的用戶體驗地圖（User Experience Map）需要多個步驟，使用的方法也有很多，不用擔心，下面我們進行詳細步驟拆解：
1.定義目標
目的：明確制作用戶體驗地圖的目標和用途，比如改善特定功能的用戶體驗、優(yōu)化整體用戶旅程等。
示例：
一家電商平臺希望通過用戶體驗地圖識別用戶在結賬過程中的痛點，并制定改進措施。
2.收集用戶數據
方法：
用戶訪談：直接與用戶對話，了解他們的需求、行為和情感。
問卷調查：通過問卷收集大規(guī)模用戶數據。
用戶觀察：觀察用戶在實際使用產品或服務時的行為和反應。
可用性測試：測試用戶在特定任務中的表現，發(fā)現使用障礙和痛點。
數據分析：分析網站或應用的使用數據，了解用戶行為模式。
示例：
電商平臺通過用戶訪談和問卷調查收集用戶在結賬過程中的體驗和反饋。
3.定義用戶角色（Persona）
步驟：
基于收集的數據，定義主要的用戶角色，描述其特征、需求和痛點。
示例：
用戶角色A：25-35歲，城市白領，喜歡網上購物，重視便捷和快速的購物體驗。
4.描繪用戶旅程
步驟：
劃分用戶旅程的不同階段，從開始到結束，包括用戶在每個階段的主要活動和目標。
示例：
發(fā)現階段：用戶在網上搜索和瀏覽商品。
考慮階段：用戶比較不同商品的特點和價格。
決策階段：用戶決定購買某件商品。
使用階段：用戶完成購買并等待商品送達。
回訪階段：用戶收到商品后可能會再次訪問網站。
5.識別觸點和用戶行為
步驟：列出用戶在每個階段的具體觸點和行為，展示用戶的操作過程。
示例：
觸點：網站首頁、產品頁面、購物車、結賬頁面、客服。
用戶行為：瀏覽產品、加入購物車、填寫訂單信息、支付、聯系客服。
6.記錄用戶情感
步驟：描述用戶在每個觸點上的情感體驗，包括積極和消極的情感波動。
示例：
用戶在瀏覽產品時感到興奮，但在結賬時因頁面加載慢而感到沮喪。
7.識別痛點和機會
步驟：基于用戶行為和情感，識別用戶在每個階段的痛點，并找出改善用戶體驗的機會。
示例：
痛點：結賬頁面加載慢、支付方式選擇不便、客服響應慢。
機會：優(yōu)化結賬頁面性能、增加支付方式、提升客服響應速度。
8.創(chuàng)建可視化地圖
步驟：將所有信息整合到一張可視化的用戶體驗地圖上，使團隊能夠直觀地了解用戶的完整體驗過程。
工具：
手繪草圖：用紙和筆繪制用戶體驗地圖。
數字工具：使用工具如Miro、Lucidchart、UXPressia等創(chuàng)建數字用戶體驗地圖。
9.討論和驗證
步驟：
與團隊成員共同討論用戶體驗地圖，驗證其準確性和全面性。
基于討論結果進行必要的修改和調整。
示例：
團隊成員共同審查用戶體驗地圖，確認所有觸點和用戶行為是否準確，討論發(fā)現的痛點和改進機會。
10.制定改進措施
步驟：根據用戶體驗地圖識別的痛點和機會，制定具體的改進措施和實施計劃。
示例：
優(yōu)化結賬頁面加載速度，增加多種支付方式，提升客服響應效率。
11.實施和跟蹤改進
步驟：實施制定的改進措施，并持續(xù)跟蹤用戶反饋和數據，評估改進效果。
示例：
電商平臺實施優(yōu)化結賬頁面的改進措施，并通過用戶反饋和數據分析評估效果，確保用戶體驗得到提升。
六、  用戶體驗地圖案例展示
通過上面的介紹，相信你已經對用戶體驗地圖（User Experience Map）有了一定了解，是不是已經想自己動手開始制作了，下面我們看幾個案例：
案例 1：電商平臺優(yōu)化
背景：一家電商平臺希望通過用戶體驗地圖識別用戶在結賬過程中的痛點，并制定改進措施，以提升用戶滿意度和轉化率。
 
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
用戶角色（Persona）
姓名：張女士
年齡：30歲
職業(yè)：城市白領
興趣：喜歡網上購物
需求：需要便捷快速的購物體驗
痛點：不喜歡復雜的結賬流程
觸點和用戶行為
 
1.  發(fā)現（Discovery）：通過搜索引擎和社交媒體廣告發(fā)現平臺
2.  考慮（Consideration）：瀏覽產品詳情，查看用戶評論
3.  決策（Decision）：將商品加入購物車
4.  購買（Purchase）：填寫訂單信息并支付
用戶情感
發(fā)現：興奮和好奇
考慮：謹慎和比較
決策：確定和期待
購買：焦慮和滿足
回訪：滿意和信任
痛點和機會
痛點：結賬頁面加載慢，支付方式選擇不便，客服響應慢
機會：優(yōu)化結賬頁面性能，增加支付方式，提升客服響應速度
案例 2：健身App優(yōu)化
背景：一家健身App希望提高用戶的使用頻率和忠誠度。
 
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
用戶角色（Persona）
姓名：李先生
年齡：25歲
職業(yè)：程序員
興趣：健身
需求：需要個性化的健身計劃
痛點：課程選擇不夠個性化，計劃制定過程復雜
觸點和用戶行為
 
1.  發(fā)現（Discovery）：通過朋友推薦和廣告發(fā)現App下載并安裝App
2.  考慮（Consideration）：瀏覽課程詳情，查看評價
3.  決策（Decision）：選擇并購買課程
4.  使用（Usage）：開始使用課程進行鍛煉
5.  回訪（Return）：查看鍛煉記錄，調整計劃
用戶情感
發(fā)現：好奇和期待
考慮：審慎和比較
決策：確定和信心
使用：滿足和成就
回訪：滿意和忠誠
痛點和機會
痛點：課程選擇不夠個性化，計劃制定復雜
機會：增加個性化推薦功能，簡化計劃制定過程
案例 3：銀行在線服務優(yōu)化
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
背景：一家銀行希望優(yōu)化其在線服務平臺，以提高用戶的操作體驗和滿意度。
用戶角色（Persona）
姓名：王女士
年齡：45歲
職業(yè)：教師
興趣：理財
需求：需要簡單易用的在線銀行服務
痛點：在線服務平臺操作復雜，轉賬流程繁瑣
觸點和用戶行為
 
1.  發(fā)現（Discovery）：訪問銀行官網，注冊賬戶
2.  考慮（Consideration）：瀏覽平臺功能和用戶評價
3.  決策（Decision）：決定使用在線服務
4.  使用（Usage）：進行賬戶管理和轉賬操作
5.  回訪（Return）：查看交易記錄，繼續(xù)使用服務
用戶情感
發(fā)現：好奇和懷疑
考慮：審慎和信任
決策：確定和信心
使用：滿足和便捷
回訪：滿意和忠誠
痛點和機會
痛點：操作復雜，轉賬流程繁瑣
機會：簡化操作流程，優(yōu)化用戶界面設計
 
七、  用戶體驗地圖的總結
用戶體驗地圖（User Experience Map）作為一種強大的工具，在理解和優(yōu)化用戶體驗方面具有顯著優(yōu)勢。然而，制作和維護用戶體驗地圖也存在資源密集、復雜性和動態(tài)變化等挑戰(zhàn)。團隊在使用用戶體驗地圖時，需要平衡其優(yōu)劣勢，合理分配資源，確保地圖的準確性和實用性，從而真正提升用戶體驗和產品成功率。
優(yōu)勢
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
 
1.  全景視角
優(yōu)點：用戶體驗地圖提供了用戶體驗的全景視角，涵蓋了用戶與產品或服務互動的各個階段。這種全景視角有助于團隊全面了解用戶旅程中的各個觸點和行為。
案例：電商平臺可以通過用戶體驗地圖了解用戶從瀏覽商品到完成購買的全過程，識別出所有關鍵的用戶觸點。
2.  用戶共情
優(yōu)點：通過記錄用戶在每個階段的情感體驗，團隊可以更好地理解用戶的需求和痛點，增強用戶共情。
案例：健身App可以通過用戶體驗地圖了解用戶在制定和執(zhí)行健身計劃時的情感變化，從而設計出更具吸引力的個性化健身計劃。
3.  識別痛點
優(yōu)點：用戶體驗地圖有助于識別用戶在使用產品或服務過程中的痛點和障礙，幫助團隊找到改進的機會。
案例：銀行在線服務平臺可以通過用戶體驗地圖識別出用戶在進行轉賬操作時遇到的困難，進而優(yōu)化轉賬流程。
4.  跨團隊協作
優(yōu)點：用戶體驗地圖作為一個可視化工具，可以促進跨團隊協作，使不同部門（如產品、設計、開發(fā)和市場）能夠共同參與討論和改進用戶體驗。
案例：電商平臺可以通過用戶體驗地圖匯集市場、設計和技術團隊的意見，共同制定優(yōu)化措施。
5.  數據驅動決策
優(yōu)點：用戶體驗地圖基于用戶研究和數據分析，使決策更加數據驅動，有助于制定科學合理的改進策略。
案例：健身App可以通過用戶體驗地圖中的用戶數據分析，調整課程推薦策略，提高用戶滿意度和使用頻率。
劣勢
打動用戶的關鍵：用戶體驗地圖實戰(zhàn)攻略
 
 
1.  資源密集
缺點：制作用戶體驗地圖需要大量的時間和資源，包括用戶研究、數據分析和團隊協作。
案例：中小型企業(yè)可能難以投入足夠的資源來全面制作和維護用戶體驗地圖。
2.  復雜性
缺點：用戶體驗地圖可能變得非常復雜，特別是當用戶旅程涉及多個觸點和渠道時，可能難以全面和準確地記錄所有細節(jié)。
案例：大型電商平臺的用戶旅程可能涉及網站、移動應用、社交媒體等多個渠道，制作一個全面的用戶體驗地圖可能需要大量的精力。
3.  動態(tài)變化
缺點：用戶行為和市場環(huán)境是動態(tài)變化的，用戶體驗地圖需要不斷更新和維護，以保持其有效性和準確性。
案例：健身App的用戶需求和市場趨勢可能隨時變化，需要定期更新用戶體驗地圖以保持相關性。
4.  主觀偏差
缺點：盡管用戶體驗地圖基于用戶數據和研究，但在數據解讀和情感記錄上可能存在主觀偏差，影響決策的準確性。
案例：銀行在線服務平臺在記錄用戶情感時，可能會受到研究者的主觀影響，從而無法完全準確地反映用戶真實感受。
5.  過于理想化
缺點：用戶體驗地圖有時可能過于理想化，忽略了現實中存在的限制和障礙，導致制定的改進措施難以實施。
案例：電商平臺在識別改進機會時，可能忽略了技術實現上的困難，導致優(yōu)化方案無法落地。
參考文獻：
https://medium.com/@michaeljiager/user-experience-maps-6184f4044e48
https://liviayang-ms.medium.com/%E4%B8%80%E5%88%86%E9%90%98%E8%AE%93%E4%BD%A0%E4%BA%86%E8%A7%A3%E7%94%A8%E6%88%B6%E9%AB%94%E9%A9%97%E6%AD%B7%E7%A8%8B%E5%9C%96-user-experience-map-e28a1b8817c0https://uxmastery.com/how-to-create-a-customer-journey-map/https://medium.com/art-marketing/incorporating-customer-and-user-experience-data-into-holistic-journey-maps-502ae12072ac
https://uxplanet.org/empathy-map-user-persona-and-user-flow-5299ada245c8https://medium.com/@myskill.id/persona-user-journey-map-ebd84c15ae2f?
U
 


作者：CANAAN8
鏈接：https://www.zcool.com.cn/article/ZMTYzMDA4MA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

評論(0) 瀏覽(422)

清晰展現關鍵信息，助力高效決策——數據圖表

ui設計分享達人

合理使用數據圖表可以幫助用戶更好地理解復雜的數據，提高用戶體驗和數據的可讀性。選擇合適的圖表類型并遵循最佳設計實踐是確保圖表有效傳達信息的關鍵。
數據圖表是一種非常重要的可視化工具，它能夠
幫助用戶更直觀地理解和分析數據。
借助于圖形化的手段，清晰、快捷有效的傳達與溝通信息。從用戶的角度，數據可視化可以讓用戶快速抓住要點信息，讓關鍵的數據點從人類的眼睛快速通往心靈深處。數據可視化一般會具備以下幾個特點：準確性、創(chuàng)新性、簡潔性。
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 
清晰展現關鍵信息，助力高效決策——數據圖表
 
 

 


作者：Miao_C
鏈接：https://www.zcool.com.cn/article/ZMTYzMjk4NA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

評論(0) 瀏覽(194)

Web端設計語言庫——數據可視化

ui設計分享達人

一、可視化原則
數據可視化是把相對復雜、抽象的數據通過可視化手段，表達數據內在的信息和規(guī)律，促進數據信息的傳播和應用。
Dreawer Design 團隊總結了以下四個可視化原則，供設計者參考及使用：
1. 準確
數據圖表需精準、如實地反應數據信息的變化特征。
Web端設計語言庫——數據可視化
 
 
2. 清晰
讓設計服務于數據內容，給用戶以最為清晰、明確、迅捷的數據展示。用戶看到可視化圖表時，應能在 5 秒內了解到它的用途，而不是花幾分鐘都不能理解各個數據的含義。
Web端設計語言庫——數據可視化
 
 
3. 簡單
可視化結果應該是一看就懂，不需要思考和過度理解，因而選定圖表時要理性，避免為了視覺上的效果而選擇一些對用戶不太友好的圖形。
下面為圖標類型與認知成本對比：
Web端設計語言庫——數據可視化
 
 
4. 美觀
優(yōu)秀的數據可視化界面，會有一套非常嚴謹一致的版面。這里的一致性需要考慮到布局、結構和內容。
Web端設計語言庫——數據可視化
 
 
二、圖表解構
1. 構成元素
我們從標題、坐標軸、圖例、標簽、提示信息、數據圖形這 6 個大類，對數據圖表進行進一步元素拆解及闡述。設計過程中，需遵循可視化原則來精簡數據圖表，讓用戶快速獲取圖表中的關鍵信息，完成任務。
 
圖表構成 6 大類，元素細分：
1. 標題：圖表標題；
2. 坐標軸：X/Y軸線、刻度線、網格線、X/Y軸標題、X/Y軸標簽；
3. 標簽：數據點、引導線、（文本）數據值；
4. 提示信息；
5. 圖例；
6. 數據圖形：線、矩形、扇形、環(huán)形等。
下面為數據圖表的基本構成元素示例（為了便于觀察，某些字母做了大寫處理）：
Web端設計語言庫——數據可視化
 
 
除了以上的常規(guī)元素，還有常用于餅圖、環(huán)形圖中的“引導線”：
Web端設計語言庫——數據可視化
 
 
2. 標題
標題是概括圖表主題的說明文字，一個明確、精簡的標題可以迅速讓讀者理解圖表要表達的內容。
2.1 位置
一般位于數據圖表卡片的左上方。
2.2 使用建議
標題需言簡意賅、符合圖表主題；盡量控制在 20 個字以內，標題寬度盡量不要超過卡片寬度。
Web端設計語言庫——數據可視化
 
 
2.3超長處理
當標題超過長出卡片寬度時，省略標題中間的文字，保住首尾，如“我是...標題”。
Web端設計語言庫——數據可視化
 
 
 
3. 坐標軸
3.1 坐標系
坐標軸包含在坐標系的概念里，因此，我們需要先了解坐標系。坐標系是能夠使每個數組在維度空間內找到映射關系的定位系統(tǒng)，更偏向數學/物理概念。
 
數據可視化中，最常用的二維坐標系有兩種：
笛卡爾坐標系：即直角坐標系，是由相互垂直的兩條軸線構成。常用于柱狀圖、條形圖、折線圖、面積圖等。
極坐標系：由極點、極軸組成，坐標系內任何一個點都可以用極徑 r 和夾角 θ（逆時針為正）表示。常用于餅圖、圓環(huán)圖、雷達圖等。
Web端設計語言庫——數據可視化
 
 
補充說明：
1. 坐標軸由定義域軸（X 軸）和值域軸（Y 軸）組成。條形圖中，定義域軸為 Y 軸，值域軸為 X 軸。
2. X軸為水平方向的橫軸，Y 軸為垂直方向的豎軸。以下主要針對笛卡爾坐標系的坐標軸構成進行分析：
3.2 坐標軸
定義：坐標軸指二維空間中統(tǒng)計圖表中的軸，是坐標系的構成部分，它用來定義坐標系中數據在方向和值之間的映射關系。
構成元素細分：X/Y 軸線、刻度線、網格線、X/Y 軸標題、X/Y 軸標簽。
3.3 軸類型
根據對應變量是連續(xù)數據還是離散數據，可以把坐標軸分為：分類軸、時間軸、連續(xù)軸三大類。
Web端設計語言庫——數據可視化
 
 
3.4 X/Y 軸線
顏色層級：X/Y軸線要比網格線層級高、顏色深，這樣能讓圖表有主次區(qū)分。
使用建議：有網格線時，柱狀圖/折線圖會隱藏 Y 軸線，條形圖則是隱藏 X 軸線，以達到信息降噪、突出重點的目的。
Web端設計語言庫——數據可視化
 
 
3.5 刻度線
軸刻度線是軸線上的小線段， 用于指示數值標簽在坐標軸上的具體位置。軸刻度線有 3 種放置方式：置內、置中（即交叉方式）、置外。
位置建議：刻度線置中/置內時，可能會和網格線、數據圖形重疊，所以建議將刻度線置于數值坐標軸外側，以呈現最佳顯示效果。
Web端設計語言庫——數據可視化
 
 
顯示建議：
折線圖：刻度線、X/Y 軸標簽、數據點需要保持在同一垂直線上；
柱狀圖/條形圖：由于單個柱子有很強的對應關系，此時可以隱藏刻度線；
Web端設計語言庫——數據可視化
 
 
 
3.6 網格線
定義：網格線是用來輔助圖表優(yōu)化映射關系的，我們需要弱化網格線的視覺效果，來增加數據的可閱讀性。
作用：1. 延伸數值刻度至可視化對象中，以便觀察數據值的大小；2. 增加可視化對象之間的對比觀察度。
使用建議 1 ：使用網格線時，需遵從主次原則，以軸線為主、網格線為輔；樣式上可采用實線或虛線；避免顏色過重、使用純黑/純白色。
Web端設計語言庫——數據可視化
 
 
使用建議 2 ：網格線一般跟隨值域軸的位置單向顯示，柱狀圖、折線圖等采用水平網格，條形圖采用垂直網格。
Web端設計語言庫——數據可視化
 
 
3.7 X/Y 軸標題
軸標題主要用于說明坐標軸數據組的含義，也可理解為“軸單位”。當可視化圖表標題、圖例、軸標簽等已能充分表達數據含義時，可隱藏軸標題。
這樣處理體現了奧卡姆剃刀定律：如無必要，勿增實體。
Web端設計語言庫——數據可視化
 
 
3.8 X/Y 軸標簽
軸標簽是對當前某一組數據的內容標注，用于提高數據的可讀性。
以下從 X 軸標簽、Y軸標簽兩方面進行分析：
a.  X 軸標簽
X 軸標簽的設計重點在顯示規(guī)則上。卡片寬度過窄、標簽過多、名稱過長時，X 軸標簽便會出現顯示問題（如標簽重疊等）。
為了解決顯示問題，我們從連續(xù)/時間軸標簽（數值類）、分類軸標簽（文本類）兩方面進行分析：
 
  •  
    連續(xù)/時間軸標簽
顯示規(guī)則：建議等分抽樣顯示、旋轉；不尾部省略。
建議等分抽樣：連續(xù)/時間軸，通常由一組等差數列組成，具有規(guī)律性，缺失的數據用戶會在腦海中自動補全。所以建議用等分抽樣來避免標簽的重疊問題。
注意：等分抽樣盡量保留首尾數據標簽；隨機抽樣沒有規(guī)律，會影響用戶的判斷及辨認，不建議采取隨機抽樣顯示。
Web端設計語言庫——數據可視化
 
 
連續(xù)/時間軸標簽是由“關鍵數值”組成的標注點，一般都明確精簡，尾部省略會影響用戶對關鍵數值的辨認。
為了保證標簽的辨識度，我們可以將標簽旋轉 45°、 90° 。極端情況下（圖表寬度極窄），可以同時進行旋轉+抽樣。
Web端設計語言庫——數據可視化
 
 
  •  
    分類軸標簽
顯示規(guī)則：建議旋轉顯示；不建議抽樣顯示。
分類軸由幾個離散數據標簽組成，標簽之間獨立存在，無緊密邏輯關系，用戶無法自動補全缺失信息。因此，不能采取抽樣顯示，應盡量展示全部標簽的全部文本。
若標簽橫向展示空間不夠（文字重疊），我們可以將標簽旋轉 45°、 90° 來達到預期顯示效果。若通過旋轉無法滿足需求，可使用條形圖，將分類軸放在Y軸。
Web端設計語言庫——數據可視化
 
 
旋轉方向說明：通常情況下，用戶的閱讀視線為從左至右、從上到下。因此，標簽順時針旋轉 45° 更符合用戶的瀏覽習慣。
Web端設計語言庫——數據可視化
 
 
b. Y 軸標簽
Y 軸標簽的設計重點在標簽數量、取值范圍和數據格式上。標簽顯示區(qū)域一般根據最長標簽寬度進行自適應縮放。
  •  
    軸標簽的數量
使用建議：根據米勒定律（7±2 法則），Y 軸標簽數量應控制在 5-9 個的范圍內；Web頁面中，Y 軸常用標簽數為：6 或 7（含標簽0）。
軸標簽的數量越多，橫向網格線就會越多。過多的軸標簽及網格線會造成元素冗余，違背了清晰、準確的可視化原則，也不利于圖表信息的表達及閱讀。
對齊方式：右對齊
Web端設計語言庫——數據可視化
 
 
  •  
    軸標簽的取值范圍
基準線： Y 軸標簽取值應從 0 基線開始，以反映數據的真實性。如果展示被截斷的 Y 軸數據，會導致用戶做出錯誤的判斷。
Web端設計語言庫——數據可視化
 
 
  •  
    軸標簽的數據格式
使用建議 1： 標簽保留的小數位數保持統(tǒng)一。
Web端設計語言庫——數據可視化
 
 
4. 數據標簽
數據標簽是對數據點對應數值的標注，用于直接觀察每個數據點的具體數值。
若圖表主要是用來看趨勢變化、占比大小等，則不需要顯示數據標簽。若想精確了解每組數據的具體數值，則可以顯示數據標簽。
Web端設計語言庫——數據可視化
 
 
4.1 位置
數據標簽位于數據點的上方。
4.2 顯示規(guī)則
在不同類型的圖表中，數據標簽的顯示規(guī)則不同。我們可以根據數據圖形、數據值的特性，選擇合適的顯示方式，提高圖表的準確性。
a. 柱狀圖
  •  
    基礎柱狀圖
    ：數據標簽可顯示在數據圖形內部、外部。
數據標簽在圖形內部的顯示規(guī)則：正常情況下，橫向顯示；數據標簽超長時，旋轉 90°；圖形高度 < 數據標簽高度時，不顯示數據標簽。
Web端設計語言庫——數據可視化
 
 
  •  
    分組柱狀圖
    ：數據標簽可顯示在數據圖形內部、外部。顯示在內部的數據標簽顯示寬度不夠時，解決方案同上。
Web端設計語言庫——數據可視化
 
 
  •  
    堆疊柱狀圖
    ：數據標簽顯示在數據圖形內部。
數據標簽在圖形內部的顯示規(guī)則：正常情況下，橫向顯示；數據標簽超長時，旋轉 90°；圖形高度 < 數據標簽高度時，不顯示數據標簽。
Web端設計語言庫——數據可視化
 
 
b. 條形圖
數據標簽在圖形內部的顯示規(guī)則：正常情況下，橫向顯示；圖形寬度 < 數據標簽高度時，不顯示數據標簽；條形圖高度需 >= 數據標簽高度。
Web端設計語言庫——數據可視化
 
 
基礎、分組條形圖的數據標簽也可以顯示在圖形外部：
Web端設計語言庫——數據可視化
 
 
c. 折線圖
數據標簽顯示在數據點的上方。
圖表寬度過窄，數據點多且密時，相鄰的數據標簽會出現重疊的問題。此時，我們會采用抽樣的方式顯示數據標簽。鼠標懸停數據點，顯示隱藏的數據標簽。
Web端設計語言庫——數據可視化
 
 
d. 餅圖、環(huán)形圖
數據標簽顯示在圖形內部、外部均可。
由于扇形有角度，且形狀相對不規(guī)則，對數據標簽的文本長度包容度較低，環(huán)形更是如此。所以，當扇/環(huán)形分割過多、面積較小時，建議將數據標簽顯示在圖形外部。
Web端設計語言庫——數據可視化
 
 
當然，我們也可以內外部結合使用：
Web端設計語言庫——數據可視化
 
 
e. 數據標簽顏色
數據標簽顯示在圖形內部時，圖形為背景，數據標簽為前景。此時，數據圖形作為背景色，會影響到數據標簽的顯色度及易讀性。
為了確保良好的可讀性，我們通過對圖形顏色 HS 值的判斷，來決定文字的顏色。這樣對比度就在可控范圍內，不會出現可讀性低的問題。
Web端設計語言庫——數據可視化
 
 
由于篇幅問題，剩余內容接下一篇文章展示
 


作者：布魯星人
鏈接：https://www.zcool.com.cn/article/ZMTYzNzI0NA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

評論(0) 瀏覽(175)

從對話到嵌入：多元場景AI形態(tài)淺析

ui設計分享達人

前言
 
當我們一次次被AI技術帶來的變革所驚艷，當ChatGPT一次次宣布其能力已經突破了人類的想象，你是否注意到現有產品與AI融合的新趨勢？值得注意的是，新技術的出現也一定帶來了新的交互體驗。本文將以多種產品場景為例，梳理PC端多種主流的AI融合形態(tài)，希望能給大家?guī)韱l(fā)。
 
 
多元場景下的主流AI形態(tài)
 
目前主流AI產品有如下3種主要形態(tài)，分別為沉浸式的AI智能體(Agent)、伴隨式的AI副駕駛(Co-pilot)、嵌入式的AI場景化嵌入(Embedding)。這3種形態(tài)在能力、界面、操作體驗和適用場景都上存在顯著差異。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
 
一、沉浸式形態(tài)
 
AI智能體(Agent)—功能強大的AI伙伴
 
一個富有主動性的獨立伙伴，輸出的結果不完全依賴用戶的輸入，啟動AI問詢后有2種主流的形態(tài)：
 
①「對話智能體」 以對話流的形式展示信息，用戶通過在當前語境下進行追問獲取最終結果；
 
②「目標智能體」用戶輸入指令后，一次性給予用戶“靠譜”的結果，配有側邊欄可進行多種輔助操作。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
1.對話智能體示例—Gemini
 
以谷歌Gemini產品為例，其作為對話流的智能體，為滿足搜索場景，具有以下特征：
 
1）冷啟頁Prompt形象化
 
相較于2023年初Gemini冷啟時的樣式，最近改版中冷啟的Prompt卡片變得形象化，當然我們也在其他Agent產品中觀察到了這一變化。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
2）多模態(tài)內容
 
理解用戶的文字意圖，依據要求自主生成多模態(tài)卡片是對話智能體的主要特征之一，該功能可以極大地豐富AI反饋的多樣性，并能提高信息傳達的效率。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
3）信息索引的顯示
 
信息索引的展示是提升AI回答權威性和透明度的關鍵因素。然而，直接在閱讀內容中嵌入索引標簽，可能在某些情況下影響用戶的閱讀連貫性。以Gemini為例，當前的設計允許用戶在卡片下方手動啟用索引信息，這種靈活性平衡了信息的可信度和閱讀體驗，適合多數日常場景。
 
當然，從設計角度考慮，某些情況下默認收起索引并非最佳選擇。在用戶高度依賴信息準確性的場景中，如金融或醫(yī)學領域，索引的可見性將會直接影響信任感。對于深入研究或延展閱讀需求較高的用戶，即時查看索引能更高效地獲取信息來源。
 
與之類似，在涉及多方信息傳播的業(yè)務分發(fā)場景，清晰可見的索引有助于減少誤解，提高效率。在這些情況下，索引的默認展開不僅強化了內容的可靠性，也更好地支持了用戶的深入需求。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
2.目標智能體示例—Perplexity
 
Perplexity作為最近廣受好評的AI搜索工具，相較于Gemini，它更注重給予用戶最精準的答案。基于RAG技術的Perplexity為用戶提供了一種新的“確定性”，而鑒于這種特征，Perplexity擁有雙面板的形態(tài)，可以對當前確定性的信息進行深化處理。
 
1 ）輸入即結果
 
相較于Gemini等對話智能體產品，AI Agent用戶需要反復追問結果，而在體驗Perplexity時的無對話場景感，更傾向于一次性給予用戶“靠譜”的答案。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
2）側分欄—信息補充
 
因為Perplexity一次就可以給予用戶最“準確”的信息，用戶可能沒有追問的必要，但可能會有對于當前問答進行深度搜索的需求，這時會有右側GUI分欄的出現，以便用戶進行輔助搜索。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
3.思考：給予用戶最佳答案的AI形態(tài)
 
在使用體驗上，Gemini與Perplexity雖然走向兩個不同的流派，但目的都是為了給用戶呈現最佳的搜索結果。Gemini就像一位富有想象力的對話者，用戶在對話中通過不斷地追問來獲得最佳的結果，而Perplexity更像一個AI版的知乎，它堅持“用戶不會犯錯”原則，冷靜客觀地為用戶提供最精準的答案。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
 
二、伴隨式形態(tài)
 
AI副駕駛(Copilot)—被動性的AI助手
 
這種形態(tài)下的AI更多扮演“副駕駛”的角色，為用戶提供建議和幫助，依賴用戶精準的指令對當前內容窗口進行操作，一般以側邊欄形式展示，目前的Office文檔類產品多采用此類形態(tài)。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
1.AI副駕駛產品示例-Office
 
在近年的開發(fā)者大會中，微軟提到最多的詞就是“Copilot”，力推將AI技術快速融入到旗下應用中。其中，Office軟件就融入了AI副駕駛的理念，該形態(tài)下的AI主要為用戶提供產品的創(chuàng)作輔助、信息的查詢總結等功能。
 
1）當前場景下的AI助手
 
AI的能力默認被限定在當前場景下，滿足用戶問詢、信息檢索、創(chuàng)作輔助等操作。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
2）被動性AI助手
 
Copilot無法自動執(zhí)行操作去修改當前頁面內容，需要用戶確認后才可執(zhí)行，用戶執(zhí)行操作后會在側邊欄內顯示操作記錄與撤銷操作的入口。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
3）輔助Prompt
 
由于AI副駕駛的特性，常常需要準確的Prompt才能執(zhí)行符合預期的操作，這對大部分用戶來說門檻較高，因此在使用時需要及時給予用戶合理的聯想Prompt，輔助用戶決策。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
2.思考：提高用戶工作效率的AI助手
 
作為被動性AI助手，用戶即使不使用也不會影響其在整體頁面中的操作，AI更多承擔的是提升用戶工作效率過程中的輔助角色。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
 
三、嵌入式形態(tài)
 
AI場景化嵌入(Embedding)
 
嵌入式AI主要聚焦特定場景的AI輔助，如AI即時性地生成對當前評論的回復，此類交互無固定形態(tài)，AI會在用戶進行高頻重要操作時即時觸發(fā)。
 
在多元化場景中，嵌入式AI的設計相較于前兩類更加靈活和輕量，通常以LGUI(輕量化用戶界面)為核心，強調用戶與AI之間的無縫銜接與高效互動。
 
與對話式或結構化阿拉丁模式相比，嵌入式AI的設計思路更加通暢，摒棄了復雜的交互流程，更注重場景中的引導性和即時反饋，幫助用戶在合適的時機獲取所需信息。
 
從對話到嵌入：多元場景AI形態(tài)淺析
 
 
 
1.嵌入式AI示例—One Drive
 
以微軟One Drive為例，嵌入式AI不僅會在用戶整理文件時提供智能建議，還能在用戶分享文件時根據歷史記錄和內容精準推薦分享對象。這種場景化的嵌入，展現了如何通過LGUI設計最大化提高效率，而非依賴傳統(tǒng)對話或復雜交互。
 
場景一: 文件整理AI建議
 
在AI為相關文件創(chuàng)建新文件夾的情境中，執(zhí)行完成后，它會主動詢問用戶是否需要將其他可能相關的文件一并移入到新建的文件夾中，以幫助用戶進一步整理文件。AI能夠基于文件內容的上下文，敏銳地判斷出哪些文件可能屬于同一類別，進而為用戶提供便捷的一鍵整理服務。
 
場景二: 智能分享建議
 
當用戶準備在One Drive中分享文件時，AI助手會根據文件內容和用戶的歷史分享記錄，預測出最可能需要分享的對象名單，為用戶精準推薦受眾人員。智能分享建議可以極大地節(jié)省用戶挑選分享對象的時間。
 
基于上述2個例子，我們可以對嵌入式AI有進一步的思考：
 
合理的嵌入式AI操作只在用戶進行重要操作時被“激活”，能夠在當前場景下即時給予用戶建議；
 
嵌入式AI一般情況下點擊大于錄入，方便用戶快速做出決定；
 
設計此類交互時，需要深度理解用戶使用場景，AI的喚起不應干擾用戶對于主流程的操作體驗。
 
2.思考：效率導向的AI嵌入設計
 
對于普通設計師來說，容易在純對話交互和結構化設計兩端搖擺，可能忽視了效率也是設計的重要原則。嵌入式AI的設計啟示在于“什么合適用什么”，既不過度依賴復雜的對話式設計，也不拘泥于結構化方案。關鍵在于聚焦場景需求，以最簡便和有效的方式幫助用戶完成任務。因此，在嵌入式AI的設計中，保持界面的簡潔與流暢，同時結合輕量化的LGUI原則，才是提升用戶體驗的關鍵。最終目標始終是“效率”，無論采用何種形式，選擇最適合當前場景的交互模式才是設計的核心。
 
 
未來的AI設計
 
多樣化形態(tài)下的平衡與共生
 
隨著AI技術的迅速發(fā)展，各種AI形態(tài)在不同場景中不斷涌現，如上述討論的沉浸式、伴隨式、嵌入式等設計形態(tài)。無論是主動性強的智能體、輔助型的副駕駛，還是輕量化的嵌入式方案，每一種設計都展現出其獨特的價值。
 
然而，在這些多樣化的形態(tài)背后，我們仍需回歸一個核心問題：什么樣的AI設計才是理想的？
 
  •  
    首先，沒有一種AI形態(tài)能夠完美適用所有場景，真正成功的AI設計應始終圍繞需求展開。在效率為先的原則下，設計師需要深刻理解用戶在不同情境下的核心需求，并選擇最適合的交互形態(tài)。復雜的對話式和高度結構化的設計并非萬能，嵌入式AI的靈活性和輕量化設計則為平衡提供了啟發(fā)—服務于效率與體驗，簡化不必要的交互，專注于解決用戶的實際問題。
 
  •  
    其次，AI設計的多樣性并不意味著割裂，而是指向共生與融合。未來，AI技術將進一步打破不同形態(tài)之間的界限，形成更加靈活、動態(tài)的交互模式。這種融合不僅依賴更智能的技術，還要求設計師在實際應用中敏銳捕捉用戶需求，提供真正有價值的解決方案。
 
  •  
    最后，設計的核心原則是以用戶為中心，強調合適性，而非追求炫技。無論是大型智能體的復雜場景處理，還是嵌入式AI的場景化介入，優(yōu)秀的設計應始終聚焦用戶需求，在不同場景中找到最優(yōu)平衡點。隨著技術的進化，設計師需要更加專注于如何將AI技術自然、無縫地融入用戶的工作與生活，使每一次交互都變得更加高效和愉快。
 
在未來，AI的形態(tài)將會更加多元，但不變的仍是設計師對效率、用戶價值和場景適配的持續(xù)探索。希望設計師在面對AI設計時，始終尋求既符合用戶需求又能提升效率的最佳方案。


作者：百度MEUX
鏈接：https://www.zcool.com.cn/article/ZMTYzMzkxNg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
評論(0) 瀏覽(255)

用戶體驗一致性思考

ui設計分享達人

前言
在團隊內部，我們已確立了一套設計規(guī)范，在日常項目中使用設計規(guī)范輸出變的高效、統(tǒng)一。然而，在實際操作中，不可避免地會遇到一些特殊情況：某些客戶提出的個性化需求并不完全契合既定的設計規(guī)范,這些促使我們不得不在保持設計一致性的基礎上進行靈活調整。因此，深入反思并優(yōu)化一致性原則的應用策略顯得尤為重要。我們需要探索如何在堅守設計規(guī)范核心精神的同時，靈活應對多變的需求，確保設計既保持統(tǒng)一和諧，又能滿足特定場景下的獨特需求，從而實現用戶體驗與品牌價值的雙重提升。
 
用戶體驗一致性思考
 
 
用戶體驗一致性思考
 
 
在UI/UX設計中，雅各布·尼爾森的十條可用性原則中，一致性（Consistency and standards）位列第四。這一原則強調在界面和交互設計上需要遵循既定的規(guī)則，無論是在應用內部還是跨平臺之間。
背后的心理學原理——重復定律，強調了信息重復對于鞏固記憶的重要性。正如赫爾曼·艾賓浩斯通過“遺忘曲線”所揭示的，信息的有效保留離不開重復接觸。一致性的應用正是這一原理的生動實踐，通過不斷重復統(tǒng)一的設計元素與模式，強化用戶對產品的認知與記憶，從而提升整體的用戶滿意度與忠誠度。
艾賓浩斯遺忘曲線
艾賓浩斯遺忘曲線
 
用戶體驗一致性思考
 
 
用戶側
1、用戶學習曲線：
一致的UI/UX設計可以降低用戶的學習曲線。當用戶在應用程序或網站中遇到一致的元素、布局和交互方式時，他們可以快速理解并準確預測如何與界面進行交互。這減少了用戶的混淆和困惑，提高了他們的效率和滿意度。
2、提升可用性：
一致性使用戶界面更加易于使用。當用戶在不同的頁面或功能之間找到相似的設計元素和交互模式時，他們可以輕松地將已有的知識和經驗應用于新的情境中。這種一致性幫助用戶快速完成任務，減少錯誤和迷失，提供更好的導航和流暢的體驗。
3、品牌認可度：
一致的UI/UX設計有助于樹立品牌形象和增強品牌認可度。通過在不同的渠道和平臺上保持一致的設計元素、標識和視覺風格，品牌可以建立起獨特而可識別的形象。用戶在不同的觸點上都能感受到品牌的一致性，從而增加品牌的信任和忠誠度。
4、用戶滿意度：
一致性直接影響用戶的滿意度。當用戶在使用應用程序或網站時感受到一致的設計和交互方式時，他們會感到更加舒適和自信。一致性傳遞了專業(yè)和質量的信號，讓用戶感到被關注和重視。這種積極的用戶體驗有助于提升用戶滿意度，并促使他們持續(xù)使用和推薦你的產品或服務。
 
用戶體驗一致性思考
 
 
產研側
1. 降低設計成本，提高開發(fā)效率
無論是設計還是開發(fā)，復用已有的組件資源，保持界面的一致性可以有效地減少設計的投入，避免不必要的設計分歧點。
而在開發(fā)階段，可以避免重復造輪子，提高開發(fā)的效率，保證落地效果，也可以減少上線前設計走查、測試的工作量。
2. 形成一致的設計風格
根據原子設計理論，通過原子組件的一致性，可以構建出統(tǒng)一的界面框架、布局，形成統(tǒng)一風格和用戶交互認知，從而更好地保證用戶體驗質量。
 
用戶體驗一致性思考
 
 
色彩
色彩作為一種兼具物理屬性與感官享受的復雜現象，其本質在于光波在人體視網膜上的特定波長被反射或吸收后，所引發(fā)的視覺感知結果。在設計領域，色彩的選擇與運用不僅是視覺藝術的展現，更是品牌身份與個性的直接體現。諸如餓了么標志性的藍色、美團鮮明的黃色、以及京東熱情的紅色等，這些品牌專屬色彩不僅構成了品牌識別系統(tǒng)的重要組成部分，還通過其高度的一致性，在視覺層面上構建起強烈的品牌認知，營造出統(tǒng)一和諧的視覺體驗。
色彩的一致性策略在品牌塑造中發(fā)揮著不可估量的作用，它能夠有效增強品牌的記憶度與辨識度，深化品牌形象在消費者心中的烙印，進而提升產品的市場吸引力和用戶忠誠度。同時，這種策略還促進了設計元素間的和諧共存，包括按鈕、圖標、字體、標簽、背景、以及關鍵視覺元素如Banner等，均能在統(tǒng)一的色彩體系下實現視覺上的連貫與流暢，極大地提升了產品的可用性、無障礙性，以及用戶在使用過程中的整體滿意度與交互體驗。
 
用戶體驗一致性思考
 
 
字體
字體作為設計中不可或缺的核心要素，其獨特性在于能夠精準地塑造文字的視覺形象，涵蓋形狀、尺寸、粗細、字間距等多維度特征。這些特征共同構建了一種獨特的文字風格，不僅承載著信息的傳遞功能，更在無形中引導著用戶的視覺流程，影響著信息的接收與理解深度。因此，在設計過程中，合理選擇與應用字體顯得尤為關鍵。
 
字體類型的多樣性，如有襯線字體與無襯線字體的對比，不僅體現了風格上的差異，還隱含了不同的閱讀體驗與情感表達。字體的粗細變化（如細體、常規(guī)、粗體等）更是能夠強調文本的重要性層級，增強信息的層次感與可讀性。此外，字重的調整也是塑造視覺焦點、引導視線流動的有效手段，對于提升設計的整體美觀度和信息傳達效率具有不可小覷的作用。
 
然而，在實際的開發(fā)與實現過程中，若不加節(jié)制地使用多種字體，不僅會顯著增加頁面的加載時間，影響用戶體驗的流暢性，還可能因風格不統(tǒng)一而導致頁面顯得雜亂無章，破壞整體設計的和諧感。因此，制定一套統(tǒng)一、規(guī)范的字體使用策略顯得尤為重要。這不僅有助于提升開發(fā)效率，減少后期更新迭代的復雜度，還能有效避免資源浪費，確保設計作品在視覺上的一致性與專業(yè)性。
 
用戶體驗一致性思考
 
 
圖標
 
圖標作為用戶界面設計中至關重要的元素，風格直接影響到用戶的使用體驗與對產品的整體印象。圖標以其簡潔、直觀且富有表現力的特點，在快速傳達信息、引導用戶操作方面發(fā)揮著不可替代的作用。在設計中，圖標的設計與應用更是需要精心考量，以確保其既能夠準確傳達信息，又能夠與整體設計風格保持一致，從而營造出專業(yè)、和諧且易于使用的界面環(huán)境。
 
設計中視覺上保持統(tǒng)一包括圖標的大小、形狀、色彩以及設計風格等多個方面，能夠增強用戶的認知連貫性，降低學習成本，提升使用效率。相反，如果圖標風格混雜，不僅會讓界面顯得雜亂無章，還會給用戶帶來困惑和不安，進而影響其對產品專業(yè)性和安全性的信任。
用戶體驗一致性思考
 
 
按鈕
按鈕設計應統(tǒng)一于項目風格，無論是圓形、矩形、圓角矩形還是特定形狀，保持一致性是關鍵。統(tǒng)一的按鈕樣式不僅彰顯專業(yè)性，還能增強用戶信任，確保體驗連貫。過多變化的按鈕樣式會擾亂用戶界面，降低操作直觀性，甚至讓用戶誤以為自己已離開應用環(huán)境。因此，精心設計的統(tǒng)一按鈕樣式對提升用戶體驗至關重要。
 
排版
設計中的排版一致性對于構建高效、用戶友好的界面至關重要。一致的排版不僅能夠讓用戶快速適應和理解界面的整體結構，大幅降低學習成本，還能在用戶心中激發(fā)強烈的歸屬感和安全感。這種熟悉感使得內容更加易讀，用戶能夠自然地依照既定的視覺動線流暢地瀏覽頁面，迅速定位并獲取所需信息，從而顯著提升信息獲取的效率。因此，在設計過程中，注重并維護排版的一致性，是提升用戶體驗和界面有效性的重要策略之一。
 
 
用戶體驗一致性思考
 
 
 
操作流程的一致性
標準化流程
：確保用戶在執(zhí)行相似任務時，如購買商品、搜索信息或提交表單等，能夠遵循相同的操作流程。這有助于用戶快速適應并高效完成任務。
邏輯清晰
：操作流程的每一步都應符合用戶的認知習慣和行為邏輯，避免讓用戶感到困惑或不知所措。
用戶體驗一致性思考
 
 
交互元素的一致性
按鈕和控件
：確保按鈕、輸入框、下拉菜單等交互元素的樣式、位置和操作方式在整個應用或網站中保持一致。例如，所有按鈕都應具有相同的視覺風格和觸發(fā)機制。
導航和菜單
：導航欄和菜單的設計也應保持一致，使用戶能夠輕松地在不同頁面或功能之間切換。
 
用戶體驗一致性思考
 
 
反饋機制的一致性
操作反饋
：當用戶執(zhí)行某個操作時，應用或網站應提供一致且及時的反饋，如加載動畫、成功提示或錯誤消息等。這有助于用戶了解操作結果并采取相應的行動。
狀態(tài)提示
：對于長時間運行的操作或需要用戶等待的場景，應提供明確的狀態(tài)提示（如進度條），以減輕用戶的不確定感和焦慮感。
 
 
 
 
 
 
在任何維度上，一致性不應成為設計的唯一導向。設計，這一融合了藝術與科學的復雜領域，要求我們在用戶體驗的細膩雕琢、功能需求的精準滿足、美學價值的深刻體現及技術可行性的嚴格考量間游走。
 
“一致性”作為設計策略，其核心使命在于優(yōu)化用戶路徑，降低認知門檻，確保用戶在多元界面中穿梭時仍能感受到連貫與和諧。當我們在與設計團隊（包括工程師、產品經理等）溝通時，僅僅提及“一致性”可能并不足以說明其必要性和價值。我們需要更深入地闡述為什么需要保持一致性，以及它如何具體幫助減少用戶困惑、提高用戶滿意度和忠誠度。
 
同時，我們應清醒認識到，“一致性”并不是萬能的。在某些情況下，為了追求極致的用戶體驗或解決特定的設計問題，可能需要打破傳統(tǒng)的一致性規(guī)則。因此，設計師需要在保持一致性和創(chuàng)新之間找到平衡點，根據具體情況靈活調整設計方案。
 
實際落地執(zhí)行時，要根據產品定位、用戶場景，結合業(yè)務功能來確定設計方案，不能為了一致而一致。
當我們遇到一致性問題時，還是需要從以下3個方面深入思考，做出準確合理的設計決策。
用戶體驗一致性思考
 
 
真實項目
真實項目
 
在SaaS產品設計中，特別是面向B/G端（企業(yè)用戶）時，滿足不同用戶角色（如普通用戶與高權限領導）的需求是至關重要的。
管理端布局設計
普通簡潔明了
：為普通用戶設計的管理界面應簡潔直觀，聚焦于日常操作，如數據查看、統(tǒng)計和下載。
功能分區(qū)
：通過清晰的導航欄或側邊欄將功能區(qū)域劃分開，如“數據概覽”、“報表下載”、“任務管理”等，便于用戶快速定位所需功能。
操作便捷
：確保常用操作（如搜索、篩選、排序）易于觸達，減少用戶點擊次數和頁面跳轉。
 
首頁版心定寬設計
固定寬度
：為首頁設定一個合適的固定寬度（如1200px、1440px等），以保證內容在大多數屏幕上都能保持一致的閱讀體驗。
信息模塊化
：將首頁內容劃分為多個卡片，每個卡片承載一個獨立的信息單元（如數據報表、通知公告、項目進展等）。
視覺層次
：通過顏色、大小、陰影等設計元素區(qū)分卡片的重要性，引導用戶視線，提高信息獲取效率。
交互性
：為卡片添加交互元素，如點擊展開、滑動查看更多等，增加用戶參與度和頁面活躍度。
 
用戶體驗一致性思考
 
 
位置差異性分析
根據「認知負荷>視覺負荷>動作負荷」理論，在頁面中我們首先要讓用戶能夠找到按鈕，然后完成操作。
相對于彈窗，頁面的空間更大，邊界感偏弱，用戶的視覺重心更容易停留在左側表單內容區(qū)域。所以按鈕應該緊隨搜索條件，便于用戶快速發(fā)現按鈕。
區(qū)域用戶已經形成下意識操作習慣,雖然區(qū)別于規(guī)范,只能打破,遵循客戶需求
用戶體驗一致性思考
 
 
一致性是規(guī)則
“一致性”作為規(guī)則或手段，服務于提升用戶體驗的原則。規(guī)則與原則一致時，促進業(yè)務共識與用戶價值；沖突時，原則優(yōu)先。用戶體驗原則指導下的一致性，要超越表面控件統(tǒng)一，更在于產品決策與價值取向的一致。必要時，為更好的用戶體驗，可在規(guī)則上讓步以實現原則統(tǒng)一。打破規(guī)則需慎重權衡，確保用戶便利足以彌補理解成本，需長期全局考量。規(guī)則非僵化教條，而是引導我們謹慎創(chuàng)新的框架。
 
一致性的底線
無論從哪個角度，一致性存在的必要性都是毋庸置疑的。
對于關鍵的設計元素，如專有名詞和顏色體系，保持一致性至關重要。這不僅有助于維護品牌形象，還能減少用戶的困惑。
特定設計語言在特定場景下的變體應用，雖然可能帶來一定的視覺新鮮感或針對性優(yōu)化，但往往需要謹慎評估其潛在風險。一旦變體打破了整體設計的一致性，可能會破壞用戶對品牌的熟悉感和信任感，甚至引發(fā)誤解。因此，在追求設計創(chuàng)新的同時，必須確保這種創(chuàng)新是基于一致性的原則之上，以維持品牌的整體性和用戶的良好體驗。
 
擁抱復雜性
一致性確實不應成為設計師的避風港或限制創(chuàng)新的枷鎖，而應是基于對業(yè)務深刻理解和多樣化設計能力之上的價值選擇。設計師的核心任務始終是滿足用戶的多樣化需求和偏好，這需要他們細致入微地觀察、理解并解決每個用戶的獨特問題。
 
在追求一致性的同時，設計師應保持“第一性思考”的能力，即回歸問題的本質，從用戶需求出發(fā)進行創(chuàng)新設計。多樣性頁面的產出，不僅體現了設計師的創(chuàng)造力和靈活性，也是提升用戶體驗、增強產品吸引力的關鍵。
 
一致性與創(chuàng)新設計并非相互排斥，而是相輔相成的關系。真正的一致性不應導致單調或拒絕創(chuàng)新，而應是在遵循品牌或產品核心價值的前提下，鼓勵設計師在細節(jié)和體驗上不斷探索和突破。當設計師感到被既定規(guī)則束縛時，應勇于質疑并重新評估當前的規(guī)范，確保所謂的“一致性”不是刻板的偽命題，而是真正符合用戶需求和品牌發(fā)展的價值導向。
 
因此，設計師應時刻保持開放的心態(tài)和敏銳的洞察力，不斷探索和嘗試新的設計方法和理念，以更加靈活和創(chuàng)新的方式實現一致性與用戶需求的完美融合。
 
用戶體驗一致性思考
 
 
重要的設計原則
「一致性」作為設計領域中的一項基礎性原則，其重要性不言而喻。它不僅為設計過程提供了穩(wěn)固的基石，還顯著促進了開發(fā)效率與產品體驗的全面升級。在設計實踐中，一致性確保了界面元素的統(tǒng)一性和連貫性，使得用戶能夠迅速熟悉并掌握產品的使用方式，降低了學習成本，增強了操作的直觀性和便捷性。
靈活變通使用
一致性原則并非一成不變的強制規(guī)定，而是需要根據產品的具體定位和市場環(huán)境進行靈活變通的應用。不同的產品可能面向不同的用戶群體，擁有獨特的品牌調性和功能需求，因此在追求一致性的同時，也需充分考慮這些因素，確保設計既符合品牌特色，又能滿足用戶的實際需求。
 
提升用戶體驗是價值所在
一致性的真正價值在于其能夠顯著提升用戶體驗。通過遵循用戶的認知和習慣，設計師能夠創(chuàng)造出更加自然、流暢的操作流程，使用戶在享受產品功能的同時，也能感受到品牌所傳遞的舒適與和諧。因此，在追求設計一致性的過程中，我們始終應以人為本，將用戶的體驗和感受放在首位。建設有兼容性和長期價值的的一致性框架，在一致性中做到有用戶價值的設計，是設計師應該不斷探索的命題。
 
 


作者：cheny米魚
鏈接：https://www.zcool.com.cn/article/ZMTYzNTAzNg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 
評論(0) 瀏覽(201)

打動人心的直覺設計

ui設計分享達人

前言
之所以對“直覺設計”產生興趣還要源于我們每次的設計評審，在跟其他設計師還有我們的業(yè)務方溝通時，大家常常會問到的且令人印象深刻的問題是：
 
“用戶怎么知道點哪里？”、“這符合用戶直覺嗎？”
 
類似的靈魂拷問涉及到用戶使用工具產品行為流程的每一步操作。作為設計師大家有時也會心生質疑，“這么明顯用戶注意不到嗎？這么簡單用戶不可能不會操作吧...”。
 
但是隨著我們的”新手體驗官活動“的逐步進行，當親自站在用戶面前觀察用戶是如何操作和理解工具時，我們漸漸意識到小白用戶
 接觸-認知-使用工具
的每一環(huán)都是至關重要的，即便是一個交互細節(jié)的設計都有可能帶來認知和操作層面受阻，從而勸退用戶。
 
因此，我們想去了解什么樣的設計是符合用戶直覺的，是易用的，同時也想去了解主流3D建模軟件的核心建模邏輯（SU、Revit為代表）--于是開始了“直覺設計”的研究以及“建模課程”的學習。
打動人心的直覺設計
 
 
 
1、什么是直覺設計？
首先來看什么是直覺設計，直覺設計是指用戶無需進行有意識的思考就可以立即理解并知道如何去使用產品。國外有不少的用戶研究機構也專門定義過直覺設計：
 
“在特定任務的背景下，技術系統(tǒng)可以直觀地使用，而特定用戶能夠有效地交互，而不是有意識地使用先前的知識。”– 用戶界面的直觀使用 (IUUI) 研究小組。一個由跨學科研究人員組成的團隊，致力于探索如何定義直觀的使用和界面。
 
為了方便大家更好的理解直覺設計，我們先來看幾個例子：
打動人心的直覺設計
 
 
 
案例1-玩具收納：小朋友在玩完玩具以后，把玩具擺的到處都是，如果發(fā)號施令告訴小朋友“去把玩具收拾起來”，小朋友通常不會去收拾。如果將收納設計成為一種小游戲，小朋友會自然而然的參與其中并且會覺得非常有趣。
案例2-公共環(huán)境衛(wèi)生：保持小便池的清潔，張貼告示語“注意保持清潔”大多是沒有用的。荷蘭的設計師在公共的男士小便池里設計了一個“蒼蠅”，利用人們的嫌惡心理會發(fā)現小便時會不由自主的對準中心的位置，從而減少尿液四濺，維護公共環(huán)境衛(wèi)生。
案例3-公共設施：設有傳感器和揚聲器的臺階，人們只要踩上去就能聽到音樂聲，從而達到鼓勵人們爬樓梯的目標。
案例4-工業(yè)產品設計：很多耳熟能詳的工業(yè)產品中也運用了直覺設計，例如深澤直人的CD播放器，Apple的Vision OS系統(tǒng)等等。
案例5-游戲設計：游戲中非常多的運用了直覺設計，比如超級馬里奧，塞爾達，想必大家都深有感受。
 
通過上述案例我們發(fā)現其實直覺設計傳達出來是信息包含兩方面：用戶看到就能夠理解是什么，且能夠不由自主地產生行動。
打動人心的直覺設計
 
 
 
看到這里，大家可能會好奇為什么會產生這種”直覺設計“？接下來讓我們一起來看看直覺設計是如何產生的。
 
2、直覺設計如何產生？
人的直覺設計是怎么來的？是天生的嗎？帶著這樣的疑惑，我們閱讀了相關書籍和文章。
 
先天視覺和經驗直覺
先天直覺，也可以說是”本我“，是最原始的”心理現實“，在個體從外部世界獲得經驗之前就存在的內部世界，不需要經過學習或訓練。比如嬰兒時期的特征，希望立刻得到滿足、躲避痛苦、強大的求生意愿等。
 
經驗直覺，巴普洛夫的實驗想必大家都知道。有機體能夠把已有的經驗遷移到新的學習環(huán)境中去，從而擴大學習范圍。
 
先天直覺一般對應于人類的第一信號系統(tǒng)，是建立在人的直接感覺上的，通過人的感覺（視覺、聽覺、觸覺等）而進行的一種思維活動；經驗直覺（邏輯性直覺直覺）思維雖然利用了人類的感性認識（感覺、知覺、表象等）形式，但它絕不是僅僅停留在這一步上，而是超越了邏輯思維形式達到了更高一個層次上的思維。
 
從表面上看，邏輯性直覺的結果是以直觀的形式表現出來的，實際上它已經在頭腦中進行了邏輯程序的高度壓縮，迅速地越過了“理性認識階段”，是簡縮了整個邏輯思維過程的一種思維形式。
所以，邏輯性直覺既源于感性認識，又高于感性認識，是一種常常能在極短的時間內完成，并能夠對問題迅速作出回答的一種無意識的、躍進式的直覺形式。
 
構建直覺，現有研究指出，分析加工和直覺加工兩者可能處于不斷的相互轉換之中。一方面，分析加工可以通過熟練化形成經驗圖式，從而減少認知資源的消耗，并由此轉化為直覺加工；另一方面，當直覺加工無法通過已有經驗解決新的問題情境時，又需要調動更多的認知資源并轉向分析加工，直到形成新的經驗圖式。
 
先天直覺大家都容易理解，接下來我們重點看一下經驗直覺是如何產生的？
 
經驗直覺的產生與人生存的環(huán)境密切相關，所以這里包含兩個關鍵點：物理世界（環(huán)境）和生活環(huán)境。
 
來自物理環(huán)境的經驗
物理環(huán)境主要包括我們生存的自然環(huán)境，以及我們與物理環(huán)境的互動所形成的感官運動。人類在嬰兒時期就開始體驗和實驗物理環(huán)境。這種體驗建立在我們第一次拿著一個物體、第一次把它扔到地板上、第一次學會爬到我們最喜歡的玩具等時學到的基本感覺運動技能上。我們對物理世界的體驗它已成為日常生活的一部分。經過物理環(huán)境互動所形成的直覺是跨越國界、且不會被遺忘的。
來自文化環(huán)境的經驗
通俗的講指社會文化環(huán)境。它包括人類通過其獲得的知識和技術開發(fā)的所有物質文化元素。例如，房屋、村莊、城鎮(zhèn)、公路和鐵路網絡、交通方式、工業(yè)單位、田野、醫(yī)院、體育場館、娛樂設施、市場、港口以及日常和特殊用途的物品。除此之外還包括價值觀念、道德信仰、語言、符號、審美觀念、風俗習慣等各種規(guī)范。
 
例如播放圖標“?”是許多文化中的人們在年輕時學習符號的一個很好的例子。在任何可以使用媒體播放器的文化中，人們都知道 ? 圖標的含義。它的直觀性幾乎與物理世界中的對象行為一致。
 
因此，在媒體播放器中，人們理所當然的希望可以延續(xù)“?”符號的含義。來自文化環(huán)境的知識也可以變得很直觀，但是由于沒有來自物理世界的持續(xù)提醒之后，很容易被遺忘。
 
因此在提供直覺設計時，應盡量符合用戶從物理世界中獲得的經驗與技能。但如果我們的用戶群體是具有相同文化背景下的人群，符合文化環(huán)境的知識與經驗也可以作為直觀設計的決策依據。
打動人心的直覺設計
 
 
 
3、為什么要符合直覺設計？
給用戶留下良好的第一印象，助力產品贏得并且留下用戶。
當我們開始使用某款產品時，用戶往往在幾秒內就會產生第一印象并且往往會保持不變，少則幾分鐘多則十幾分鐘用戶就可感受到產品的價值。
 
渥太華卡雷頓大學的Gitte·Lindgaard和她的研究小組發(fā)現：人類對事物的初始印象在50毫秒內就會形成。研究小組準備了一批要么極易入眼要么混亂不堪的網頁，讓一批志愿者在快速變換中投票。雖然這些網頁以50毫秒每張的速度一閃而過，但是研究發(fā)現他們的評價與長時間觀察后的結果基本無異。
 
這就說明了用戶的第一印象非常明確且重要，幫助用戶判斷出這是否是一個設計合理的網站。如果用戶停留時間再長一點，那么用戶足以判斷出網站上的信息是否是滿足自己需要的信息，從而影響用戶是否繼續(xù)停留下來去使用該網站。
 
更容易讓用戶達到心流狀態(tài)、沉浸式的使用產品，并且持續(xù)吸引用戶使用產品。
符合用戶直覺的、熟悉的操作模式，作為用戶直觀使用的基礎，更容易產生積極的審美評價。相反，如果用戶的認知流暢性受阻，則不太會產生正面積極的評價。簡潔有力的設計會促使用戶再次使用產品，是保持產品吸引力的最佳方式。
 
4、如何使設計符合用戶直覺？
因為工作中涉及到3D建模軟件的設計，所以這部分將結合3D建模軟件來探討。
 
如果您接觸過3D建模軟件，一定用過SU、Rhino吧，我們在使用后不久，就能清晰的感受到它們的核心邏輯，比如SU的推拉，Rhino的曲面建模等，進而能夠舉一反三的學會相關功能，使軟件的學習變得更簡單更直覺。那么怎樣的功能設計才能打造出軟件的核心邏輯，讓其在使用時更加符合用戶的直覺？
 
為了得到以上問題的答案，我們進行了SU和Revit這兩款建筑領域主流軟件的使用，感受兩款軟件在直覺設計方面的表現，進而找到了一些設計原則指導我們在實際業(yè)務中應用。
 
充分了解你的用戶
每個人在自己生活的世界里，都會形成自己的一些認知，這個前面也已經介紹過。所以要充分了解用戶的知識、技能、經驗，盡可能減少用戶當前具備知識與完成目標所需具備的知識之間的Gap。當用戶已具備的知識和完成目標需要的知識之間的差距越小，越符合用戶的直覺，越容易實現目標。
打動人心的直覺設計
 
 
SU和Revit都是充分了解自己的用戶，基于用戶群體的知識、技能、經驗等特點，去打造自己軟件的核心邏輯，符合目標用戶群體的使用直覺。
SU 
 ▽
SU的Slogan 是“3D for Everyone“，人人可用。他的用戶群體非常廣泛，所以它是一個業(yè)務屬性較弱的工具，界面設計和操作使用上更簡單，普適性和靈活性更強。使用面作為基本單元建模，推拉面成體，推推拉拉就可以快速完成建模。對于小白來說很容易上手。
 
Revit  
▽
Revit的用戶主要是專業(yè)的建筑師，場景聚焦在建筑相關領域，所以它是一個業(yè)務屬性較強的工具，將更多的業(yè)務場景包含在里面。比如標高、工作平面以及模塊化的構件等，這樣的設定對于建筑背景的用戶來說，可以更符合他們的已有認知。
 
將從物理世界和文化環(huán)
前面反復提到過過，用戶總是利用她在物理和文化環(huán)境中的經驗來了解她通過界面可以采取哪些行動。因此我們需要熟知用戶已有的這些經驗，并考慮到設計中。
 
通過聯想或類比，將物理世界的經驗運用到數字產品設計中，使得全新的事物變得熟悉。
 
SU 
 ▽
SU的圖標非常直觀好懂，比如畫筆、橡皮擦、油漆桶、量尺、放大鏡、材質刷、垃圾桶等等，圖標的語意和其在物理世界的功能是相符的，哪怕是第一次接觸建模軟件的人，只看圖標也能大概猜出對應的功能。
打動人心的直覺設計
 
 
 
Revit  
▽
Revit將物理世界中房子映射到設計中。比如像墻、門、窗、柱、屋頂等，這是作為一個房子基本組成結構，對于建筑師來言，非常熟悉。所以在軟件設計中，功能也是基于這種具象的構件分類的，在用戶使用之前，內心已經有了房子的認知，從而也能在產品中找到對應的功能，理解成本很低。
 
打動人心的直覺設計
 
 
結合用戶在已有的文化環(huán)境中獲得的認知與經驗：比如在類似產品中或你的產品所教給他的一些知識、經驗，并保持這些經驗的一致性。
 
SU 
 ▽
很好的匹配用戶已經存在的認知。提及SU就會想到它的推拉交互，推拉面成體。一方面它底層的點線面邏輯是我們學習數學或繪畫最基礎的知識，幾乎人人都知道；另一方面推拉的操作也是和我們已有的推敲形體的過程體驗是一致的，我們在繪制草圖時，會在紙上勾勾畫畫，涂涂抹抹，這跟在SU上推推拉拉有異曲同工之妙，我們使在用它時能夠享受手繪一般的樂趣，很難忘記這個操作。
打動人心的直覺設計
 
 
Revit  
▽
同為Autodesk公司產品，Revit的用戶與Autocad有著大量的重疊，因此在交互上也延用了不少CAD的固有邏輯，將用戶在CAD獲得的認知與經驗沿用在這里。與AutoCAD一樣 ，Revit快捷鍵
也
是該命令英文單詞的第1個或前面2個字母，這使得用戶無需再學習。
 
以及為了讓用戶切換軟件成本最小，Revit中還支持一個指令可以設置多個快捷鍵，這樣可以兼容喜歡自定義快捷鍵的高階用戶的習慣。例如在AutoCAD里習慣用Ctrl+1 呼出屬性面板，而如果按 Revit 快捷鍵的邏輯則應該是"屬性"英文取用 PP，對于已熟悉AutoCAD操作的用戶來說，這么高頻的指令改變會造成極大的不適應，默認兼容多個快捷鍵就是非常優(yōu)雅的解法。
打動人心的直覺設計
 
 
用戶認知和行為要足夠簡單
關于1+1=？，大家看到后會自然而然的想到答案；28×4=？，稍加思索也能給出答案；那么3927÷23=？，看到這個問題，可能幾乎沒有人想要解開了。有些問題無意識的解開了，有些問題看到就想放棄解答。由此可見改變人們行為方式的通常是能否足夠簡單和容易，當眼前的問題復雜時，人們不會試圖解決它。
 
SU 
 ▽
吸附非常的自然。當我想移動到某個位置的時候，很自然將鼠標靠近目標對象，就會幫我精準的吸附到對應的位置
 
打動人心的直覺設計
 
 
補面非常簡單。當形體發(fā)生破面的時候，自然的想要繪制線去補全，當我沿著要補全的路徑繪制兩個點的時候，整個面被補好了。
打動人心的直覺設計
 
 
 
5、實戰(zhàn)：應用最佳設計原則
將我們在建模軟件中學習到的有助于直覺設計的內容進行總結，得出幾條原則，并將這些設計原則應用到實踐當中，指導我們進行設計。
 
心理學中也提到，人的大腦處理不同的信息時所消耗的腦力資源是不同的，他們的排序是認知>視覺>行動。用戶花費的腦力資源要多于點擊按鈕或移動鼠標時（動作負荷）。所以我們在設計的時候，首先要從認知上降低用戶的認知負擔，其次在行為上確保操作絲滑順暢。
 
認知上，降低認知負擔
提升信息的識別性。
比如位置、信息分組的邏輯、顏色、比例等的使用等。作為別墅設計軟件，在進行功能分類時，要以用戶使用的流程、場景，識別的效率等為依據進行合理分組。
打動人心的直覺設計
 
 
提高和用戶已有認知的匹配。
作為別墅設計軟件，設計要與用戶已有的對別墅對房子的認知相匹配。比如檐口線、浮雕、墻裙等構件，人們在現實中的房子中都會見到，只是不熟知這些叫法。因此我們采用建造一個真實小房子的做法，當用戶點擊某個構件，對應的構件就會在房子上高亮，用戶瞬間就會明白，哦原來是它，跟已有的認知匹配上了，會有一種恍然大悟的感覺。同時也讓用戶大概知道這個構件位于房子的哪個位置，對后續(xù)的操作有預期，知道要擺在哪個位置。
打動人心的直覺設計
 
 
 
保持醫(yī)學認知的一致性。
任何產品都很難做到匹配用戶已有的所有認知，總會有一些內容是需要重新學習獲得的，那么就要保證我們教給他的這些認知邏輯始終一致，讓用戶能做到舉一反三。作為別墅設計軟件，用戶要完成一個完整房子的建造，需要用到20+的構件模塊，我們希望用戶學會使用一個構件之后，就不需要再學習，能觸類旁通的使用同類構件。因此歸納出通用操作流程，找到相對統(tǒng)一的方式，串聯起我們用戶的心智。
打動人心的直覺設計
 
 
行為上，讓操作絲滑順暢
提供場景化的行為設計，并將操作聚焦在手邊。
在我們的別墅設計軟件中，當用戶要修改老虎窗和飄窗的時候，如果看到這個窗戶的樣式不是自己想要的，可能會想去繪制。按照我們現有的流程，用戶要先去左側面板找到自由繪窗入口，然后再選擇要在哪個面上繪制，操作流程是有點繞的。后面我們就想，用戶要修改這個窗子的時候，直覺上會去點擊它，那么在選中這個對象的時候，在手邊提供自由繪窗的入口，讓他能夠快速的綁定這個對象去繪制窗戶，操作上順暢了很多。
打動人心的直覺設計
 
 
一次只聚焦做一件事情，減少其他干擾。
我們現在的大部分操作，都是是激活命令后，左側面板還在。觀察到很多新用戶在激活了功能后，不知道下一步需要干什么。因為界面上需要他關注的事情太多了。所以，我們嘗試用戶在激活功能后，將當前步驟中不需要他關注的面板隱藏，聚焦到他當前需要做的事情上面去。
打動人心的直覺設計
 
 
操作要足夠簡單，簡單到不需要有太多思考，是一個自然而然的行為。
 
以下介紹的是我們的照片還原功能，對于外墻漆、門窗等用戶，他們可以現場拍好房子照片，導入后基于照片還原出別墅方案，再進行后續(xù)的外立面和門窗設計。最初，我們需要用戶手動擺放兩組消逝線去確定透視角度、然后調整比例尺、在尺子上選取點劃分樓層、拖拽點調整邊界、通過輸入開間數量確定開間。整個過程比較復雜，也涉及很多專業(yè)的概念，用戶不知道該如何操作。
 
后面優(yōu)化后，我們結合算法識別出照片中的房子，默認給一個box,用戶通過拖動box上的角點和邊線去調整整個形體。因為用戶對box的概念是熟悉的，拖拽box去擬合背后的照片就變得容易的多。樓層和開間的劃分也采用這種切豆腐塊的方式，用戶一下一下去切就好。不用再去輸入數字，想象會是什么樣子。而比例尺只需要用戶輸入他想要的1樓的高度即可確定。優(yōu)化后，生成方案的轉化率提升了將近20%。
 
打動人心的直覺設計
 
 
6、小結
直覺設計需要用戶看到產品時產生一種熟悉感，但是這種熟悉感判斷起來并不簡單，其中一部分人熟悉并不代表所有人都熟悉。所以設計師需要充分了解他們的用戶，了解產品的市場，并充分獲取用戶熟悉內容的信息才有助于作出符合直覺設計的決策。
 
做出符合直覺的設計是困難的，需要充分考慮用戶在物理世界和文化環(huán)境中獲得的知識和經驗，并將其應用到具體的設計實踐中，也就是用戶的心智模型和產品概念模型達到基本吻合甚至去塑造與產品概念模型一致的用戶心智模型。
 
蘋果公司創(chuàng)始人兼前首席執(zhí)行官史蒂夫·喬布斯解釋說：“我們設計中最重要的是，必須讓事情直觀明顯。
 
打動人心的直覺設計
 
 
建議每一位設計師同學也多去感受和認識自己的知道，尤其是首次打開某個網站時，要更加關注自己的視覺動線和心理感受、無意識產生的操作行為等。同時也不要讓競品變成你的直覺，始終去思索有沒有體驗更加友好、創(chuàng)新的交互方式。
 
當然，連續(xù)的直覺操作也可能會讓用戶覺得疲倦，可以適時考慮引入驚喜設計，為用戶打造Amazing的感受。
  •  
    去認識和感受自己的直覺
  •  
    不要讓競品的設計變成你的直覺
  •  
    連續(xù)的直覺設計也可能也可能會給用戶帶來疲勞和厭倦，需要考慮在適當的時候給用戶進喜設計。
 
本文在以下書籍和文章中予以引用，同時也推薦大家閱讀，想必大家對直覺設計會有更加深刻的認知和理解。
 
注意：文中數據皆為演示數據，非業(yè)務真實數據
參考書籍：
  •  
    《創(chuàng)意選擇》
  •  
    《福格行為模型》
  •  
    《一目了然-Web軟件顯性設計之路》
  •  
    《峰值體驗-影響用戶決策的關鍵時刻》
  •  
    《任天堂的體驗設計-創(chuàng)造不知不覺打動人心的體驗》
  •  
    《玄機設計學：改變人們行為的創(chuàng)意構思法》
參考文章：
  •  
    Intuitive UX design an approach beyond usability
  •  
    https://uxdesign.cc/the-power-of-intuition-designing-beyond-usability-2899cb37f98a
  •  
    https://www.interaction-design.org/literature/topics/intuitive-design
  •  
    Intuitive Web Design: How to Make Your Website Intuitive to Use
 
作者：藍胖、瑤一
 


作者：群核科技MCUX
鏈接：https://www.zcool.com.cn/article/ZMTYyNTkwMA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 
評論(0) 瀏覽(175)

善用設計洞見，提升設計效用

ui設計分享達人

引言
善用設計洞見，提升設計效用
 
 
好的設計師不僅僅要有專業(yè)能力，更重要的是與產品達到同頻，最終更好賦能業(yè)務指標達成。
目前設計行業(yè)的現狀，大部分設計師還停留在設計思維的角度，存在一些和業(yè)務格格不入的情況，只關注好不好看，做一個交互原型的美化者...
自己做了很多，但是與實際脫節(jié)。出了很多個方案，產品（或運營/商務伙伴）覺得沒什么變化；打磨了很多細節(jié)和創(chuàng)新點，產品卻只想快速上線……
 
善用設計洞見，提升設計效用
 
 
 
設計師自己的工作被各種“非專業(yè)”的指導意見干擾；而其他職崗伙伴眼里，我們的付出，卻變成了一種“設計師的自High”。
究其原因，還是把以用戶思維去進行設計。
 
善用設計洞見，提升設計效用
 
 
 
想要改變這樣的狀態(tài)，最核心的是思維轉變，從技能導向的思考方式變?yōu)閮r值導向的思考方式。
本文主要從講述，如何通過方法，在項目進入期獲得有效設計洞見，提高設計效用，帶來客戶價值（用戶價值）。
 
什么是設計洞見？
先舉一個例子：如何做一個新款剃須刀產品？
飛利浦這些大公司，給出的答案是 更好的刀頭，更貼合面部，更安全和更容易清洗，一個黑灰塑料材質、工業(yè)風格的“更好用”的剃須刀確實誕生了。
但是有一個很有意思的公司，給出了另一份答案：極簡造型、合金材質、超 mini 尺寸和豐富配色，最重要的是：
 
善用設計洞見，提升設計效用
 
 
 
于是 2019 年，這個疫情開始的時間，這家剃須刀橫空出世。
這款產品獲得成功的原因，本質上就是產品的設計者帶著更高、更廣的視角，洞見了“剃須刀不僅是一個工具，它更可以成為一種禮物”這個更深層次的客戶需求，打破現有市場概念，獲得成功。
——如果說，設計洞察是發(fā)現和理解問題的能力，是設計師在研究和解決問題時所產生的觀察力和創(chuàng)造力。那么設計洞見可以幫助設計師更好地識別問題、提出創(chuàng)新解決方案，并為設計師提供思考問題和做出決策的指導。
Brown.Tim在《設計思考改造世界》中說："未來的設計師將扮演科技的詮釋者（洞見能力）,人性的引領者（觀察能力）,感性的創(chuàng)造者與品位的營造者（同理心）的角色"。
通過設計洞見，可以讓我們看更高、想更全， 與業(yè)務貼合更緊密，讓設計得到認可，產生業(yè)務共鳴，賦予用戶/客戶價值，才能讓設計變的更有價值。
 
善用設計洞見，提升設計效用
 
 
 
如何獲得設計洞見？
善用設計洞見，提升設計效用
 
 
接下來我們將通過一一探索獲得洞見的三個階段。
 
第一階段：設計洞察
洞察階段的核心，是獲得現象背后的動因。是一個獲得信息與問題的階段
產品的設計產出是一個抽象到具象化的過程，在設計和迭代的過程中，會經歷非常多的流程。而大多數的設計洞見有效過去在更前置的節(jié)點，才能產生更有效的價值。
所以我們首先做的是：“提升設計的主動性”，在項目的進入期最大化實現設計洞見的價值。
善用設計洞見，提升設計效用
 
 
 
 
項目進入期通常會有一個通病，即問題泛化，無法具象。在一個比較“泛”的問題下，挖掘目的/目標，找到問題最簡單的辦法就是“調查分析”：了解行業(yè)生態(tài)與業(yè)務背景，確定或推測自身產品的發(fā)展方向，分析定位與關注指向-Pointer（即當下會產生哪些具有指向性的任務方向）。
這個階段，我們的主要目的是通過最初始的源頭數據，正確的了解業(yè)務或者項目的背景，避免因信息傳遞所產生的認知誤差，以免發(fā)生“指向”偏差。而要做到這一點，洞察就不能僅僅停留在表面的觀察，詢問，記錄和數據分析，而要隨時通過聯想和反思來回歸本質——客戶（用戶）和場景。調查中獲得的數據只有放在合適的情境中才能獲得準確的解讀。
 
善用設計洞見，提升設計效用
 
 
 
1. 知識準備
了解各種市場調研的方法與過程，對調研方法進行分類。
如下圖所示，（戴力農《設計調研》 ）橫軸區(qū)分了該方法得到的數據是客觀的（人們的行為）還是主觀的（人們的目標和觀點），縱軸區(qū)分了該方法的類型是定性的還是定量的。
 
善用設計洞見，提升設計效用
 
 
 
2. 選擇正確的調研辦法
不同的產品生命周期，對應不同的調研方法，根據產品的不同時期選擇合適屬性的調研辦法。
 
善用設計洞見，提升設計效用
 
 
 
互聯網設計師的常規(guī)調研手法，受困于資源，多是在桌面進行。我們通過二手資料研究、競品和線上走查獲得問題，進行虛擬對象的研究，極易發(fā)生偏差。
拓新場景和成長初期，通常資源緊張且缺乏具象客戶，很難進行大樣本調研數據挖掘。對于設計師來說，在了解業(yè)務信息，對稱業(yè)務方向時可以依賴其他職崗提供的資料進行研究；但是對于設計息息相關的關鍵點，建議還是通過自己實地考察、焦點實驗去獲取真實的體驗信息。
 
善用設計洞見，提升設計效用
 
 
 
成長后期與成熟期，關鍵在于保證和提高產品質量，縮短與頭部產品之間的差距，實現產品的高增長 。大樣本的用戶與競品調研可以幫助我們更可觀的看到真實的客戶需求。再輸入到我們的日常桌面研究中去。
 
善用設計洞見，提升設計效用
 
 
 
3. 掌握信息收集、數據統(tǒng)計分析方面的知識
善用設計洞見，提升設計效用
 
 
 
4. 了解調研的流程
善用設計洞見，提升設計效用
 
 
 
確定調研目標 → 制定調研計劃 → 準備調研材料&環(huán)境 → 邀請調研對象&執(zhí)行調研過程 → 分析整理信息與數據 → 輸出調研結果。
調研的實際操作流程在數據采集和調研分析方法中已經涉及的比較多了，也有很多好的執(zhí)行案例可供我們學習與參考。
得到大量信息，進行吸收、理解和處理后，我們將收獲大量的問題。接下來就是如何解決問題。
 
第二階段：定位價值
定位價值是洞見的關鍵階段，是能給業(yè)務帶來價值的核心，是可以改變客戶（用戶）習慣和行為的關鍵博弈。
那么如何定位價值呢？
 
善用設計洞見，提升設計效用
 
 
 
1. 問題整合，提煉與確認指向
將調研獲得的問題進行歸納與整理，如簡單的 Card Sorting ，確認所有問題的核心指向（Pointer）。
 
善用設計洞見，提升設計效用
 
 
 
接下來就需要不停的切換指向，并深入每個關鍵 key 下進一步拆解，確定你收獲的是否是一個真正且重要的 Pointer。
 
EG  海底撈 ▽
餐廳高峰期經常人滿為患，排隊體驗差。常規(guī)餐廳的做法：約束更快的出餐、收臺，拆分更多的餐位，引導拼桌服務等等等等..短期可能會帶來改變，但是達到一個極限點以后，就很難再提升了。
類似的場景還有曾經的外賣小哥：30 分鐘以內還能更快嗎？答案是：很難。
那怎么讓客人愿意多等待一點，或者不覺得“等待完全是無價值無意義的”？
海底撈選擇在你排隊等待的時候，提供免費美甲、護手、零食等等各種周到服務，讓客人等待的過程中不至于無事可做。獲得了認可，贏得了口碑。
如果你留心觀察，你會發(fā)現海底撈的標志也是用了一個打招呼的氣泡Hi，來強調服務為先的品牌定位，解決的是情感需求中的「過程體驗」。
 
善用設計洞見，提升設計效用
 
 
 
2. PDS（問題-檢測-研究）調查分析
善用設計洞見，提升設計效用
 
 
 
PSD 調查分析的核心思想，是調查客戶（用戶）與預期（行為/認知）的偏差，或不滿與問題來發(fā)現洞見。
 
善用設計洞見，提升設計效用
 
 
EG  BBDO反煙推廣 ▽
BBDO 的英國公司層接到過這樣一個推廣任務：是讓年輕人，特別是十幾歲的小女孩兒戒煙。
其實這個問題特別棘手。一方面，吸煙是一個生理上癮的事情，要戒掉很困難；另一方面，吸煙最大的問題是有害健康，但是對于年輕人來說在這個角度的感觸不深，很難起到效果。用常態(tài)的思考模式似乎很難找到正確的解決方案，但是借助洞見以后就不一樣了。
通過了解更多事實，看目標群體關注什么，哪些問題對我們要實現的目標有影響。在這個案例里，BBDO的做法是派了一個年輕的女助理在購物區(qū)找了一家咖啡館，連著5天坐在那里聽那里的女孩兒在聊些什么。
結果這5天內她就發(fā)現，這些十幾歲的女生大部分聊的是買衣服、做頭發(fā)、選什么樣的指甲油和減肥藥，怎么整容等等。當女助理把這些內容列在自己的本子上的時候，洞見就自己呼之欲出了：原來對于這些無所事事，十幾歲的年輕女孩而言，沒有什么比她們看起來漂亮更重要了。
因此，你不需要告訴她吸煙可能縮短壽命，你只要告訴她一件事情：“吸煙會讓你變得難看”，就足夠讓她戒煙了。
 
善用設計洞見，提升設計效用
 
 
 
 
所以，想要獲得洞見，就去調研目標群體真正關注的事情。當你通過調研發(fā)現真正的問題時，洞見往往就會產生。
 
3. 規(guī)避技能導向
設計的職崗角色是單薄的。我們一定要帶著指針與方案，多職崗評估價值與可執(zhí)行度，這是一個設計前期任務的過程。它的輸出可能為設計Demo、簡單的筆記、方案的列表，或者是一個說明效果的故事版……不一定具備完整的落地性，但是可以讓伙伴更好的理解你的觀點。
 
善用設計洞見，提升設計效用
 
 
 
第三階段：系統(tǒng)輸出
設計的解決方案要從起心動念、貫穿至產、研、運營甚至上市宣傳的全路徑方案。
在分析階段我們通過“3步走”的視角思維，明確了任務重點同時幫助我們明確不同指針的優(yōu)先級。
善用設計洞見，提升設計效用
 
 
 
 
設計師要考慮的維度不僅僅在用戶體驗層面，更應在執(zhí)行時候要考慮業(yè)務的實際需求，考慮上下游不同職能的工作內容，始終保持全局與系統(tǒng)的思維，要從客戶價值出發(fā)，回落到企業(yè)成本中去。
通過設計洞見，從更本質的層面去洞悉問題，重新定義和設計任務。
與業(yè)務產生共鳴才是好的設計。
 
善用設計洞見，提升設計效用
 
 
讓你的設計方案保持在更高、更廣、更全局的維度。真正融入和助力業(yè)務，提升設計的效用。讓“提升體驗”這件事真正落地。
改變我們看世界的方式，亦改變世界看待我們的方式。
 


作者：群核科技MCUX
鏈接：https://www.zcool.com.cn/article/ZMTYzNjkxNg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。
 

藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

評論(0) 瀏覽(121)

UI設計適應多設備的界面優(yōu)化策略

藍藍設計的小編

在如今這個科技飛速發(fā)展的時代，用戶使用的設備種類繁多，從智能手機、平板電腦到臺式電腦，甚至智能手表和車載系統(tǒng)。這就給 UI 設計師帶來了巨大的挑戰(zhàn)——如何讓設計適應不同尺寸和性能的設備，提供一致且優(yōu)質的用戶體驗？下面，讓我們深入探討UI設計適應多設備的界面優(yōu)化策略。

評論(0) 瀏覽(225)

日歷

鏈接

個人資料

藍藍設計的小編 http://m.ssll180.com

存檔