<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          B 端界面設計中色彩搭配的實用技巧

          ui設計分享達人

          B 端界面設計領域,色彩搭配是影響用戶體驗和產品形象的關鍵因素。合理的色彩運用能提升界面的可讀性、易用性,強化品牌認知。下面分享一些 B 端界面設計中色彩搭配的實用技巧。

          一、運用色彩心理學

          不同色彩會引發用戶不同的情感反應。藍色常被視為專業、可靠,如眾多云計算平臺的管理界面多采用藍色調,讓用戶感受到服務的專業與安全 ,從而增強信任。綠色代表生機、健康,在醫療保健類 B 端應用中,用綠色顯示正常數據,可營造安心的氛圍。而紅色具有強烈視覺沖擊力,適合用于警示信息或關鍵操作提示,像刪除確認按鈕常用紅色,以引起用戶注意,避免誤操作。

          2.png

          二、搭建色彩體系

          構建一套完善的色彩體系是基礎。主色調要與企業品牌緊密相連,像 Salesforce 就以經典藍色貫穿界面,強化品牌印象。輔助色一般選 2 - 3 種,用于次要元素,如在藍色為主的項目管理系統中,淺灰色展示次要信息,橙色突出任務進度,讓界面層次分明。強調色則用高飽和度、對比強的顏色,在數據報表中用紅色標注異常數據,助力用戶快速抓取關鍵信息。

          三、確保色彩對比度

          足夠的色彩對比度是保障界面可讀性和可操作性的關鍵。依據 WCAG 標準,正常文本與背景對比度至少 4.5:1,大文本 3:1。像黑字白底就是高對比度的經典搭配,易讀性強;而深灰字配淺灰背景則可能導致閱讀困難。此外,不同界面元素間的對比度也很重要,按鈕與周圍區域要區分明顯,不同狀態的按鈕也要通過色彩變化區分,方便用戶操作。

          四、保障可讀性與識別性

          B 端界面信息量大,應避免花哨的色彩組合,防止分散用戶注意力和造成視覺疲勞。像數據分析類產品,多采用淡藍、淡綠等柔和色調搭配簡潔圖表和文字,讓用戶輕松理解數據。同時,要考慮色彩在不同環境和設備下的顯示效果,確保清晰可辨,避免出現色彩偏差。

          14.png

          五、遵循品牌色彩規范

          若企業有明確的品牌色彩規范,B 端界面應嚴格遵循??芍苯邮褂闷放浦魃{,如騰訊云大量運用騰訊藍,加深用戶對品牌的關聯認知。也可基于品牌色拓展衍生,提取不同明度和飽和度的顏色用于輔助或強調,既保持品牌一致性,又讓界面更豐富生動。

          六、重視用戶測試

          完成色彩方案后,用戶測試必不可少。通過收集用戶對界面色彩的直觀感受、意見反饋,了解其舒適度、易讀性等情況,針對性優化。同時觀察用戶行為,如尋找信息的速度、操作失誤等,深入了解用戶對色彩的實際需求,進一步完善設計。

          總之,B 端界面設計的色彩搭配需綜合考量多方面因素。掌握這些實用技巧,有助于打造出既美觀又實用的 B 端界面,提升用戶體驗,塑造企業專業形象。

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

          打動用戶的關鍵:用戶體驗地圖實戰攻略

          ui設計分享達人

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

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

          WechatIMG27.jpg

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

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

          ui設計分享達人

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

           


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

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

          WechatIMG27.jpg

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

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

          ui設計分享達人

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


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

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

          WechatIMG27.jpg

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

          從對話到嵌入:多元場景AI形態淺析

          ui設計分享達人

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


          作者:百度MEUX
          鏈接:https://www.zcool.com.cn/article/ZMTYzMzkxNg==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

          用戶體驗一致性思考

          ui設計分享達人

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


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

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

          WechatIMG27.jpg

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

           

          打動人心的直覺設計

          ui設計分享達人

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

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

          WechatIMG27.jpg

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

           

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

          ui設計分享達人

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


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

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

          WechatIMG27.jpg

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

          以B端小二揀貨場景為例 - 視覺思維在交互體驗中的運用

          ui設計分享達人

          在當今時代,現代 UI 用戶交互體驗設計具有極為重要的地位。它絕非僅僅局限于單向的視覺設計,也不是單純地圍繞用戶的可用性進行研究設計。實際上,如今的 UI 用戶交互體驗設計已經對視覺與可用性操作提出了更高層次的混合化要求。
          對于現代的 UI 設計而言,我們需要從多個角度進行更進一步的深入解讀。這不僅涉及心理學方面,去探究用戶的心理需求和行為模式,以便更好地滿足他們的期望;還涵蓋視覺設計領域,通過精心打造的視覺元素,吸引用戶的注意力并傳達有效的信息;同時也不能忽視交互設計,確保用戶在與界面進行互動時能夠獲得流暢、便捷的體驗。
          而將視覺思維理論應用于新一代的 UI 交互設計,則具有重大的意義。通過這種方式,用戶能夠憑借敏銳的視覺,靈敏地捕捉到屏幕上的信息軌跡。大腦可以快速地從不同抽象平面水平上獲取意象,實現表象形態感知與抽象思維的緊密連接。這樣一來,用戶便能夠高效地獲取有效的視覺信息,從而提升整體的交互體驗。無論是在工作場景中還是在日常生活中,一個優秀的 UI 交互設計都能夠為用戶帶來極大的便利和愉悅感。
          今天我們先介紹下理論知識,然后將產品設計案例結合(視覺思維分析模式的具體應用方法)來告訴大家怎么應用,希望可以幫助到大家。
           
          開始話題前我們需要了解格式塔心理學是什么
          我相信格式塔心理學大家都聽過,主流對于格式塔心理學的觀點是:格式塔心理學強調經驗和行為的整體性,認為整體不等于部分之和,意識不等于感覺元素的集合,行為不等于反射弧的循環。它主張心理現象最基本的特征是在意識經驗中所顯現的結構性或整體性,反對構造主義心理學把心理現象分析為簡單的元素,認為心理現象是一個整體,一種有組織的完整結構。
          主要原則
          1.接近性原則
          在知覺過程中,距離相近的物體容易被知覺為一個整體。例如,在一張紙上分布著一些點,距離較近的點更容易被看作一組。
          接近性原則圖例
          接近性原則圖例
           
          2.相似性原則
          具有相似特征的物體容易被知覺為一個整體。比如,顏色、形狀、大小等相似的圖形更容易被組合在一起進行認知。
          相似性原則圖例
          相似性原則圖例
           
          3.連續性原則
          在知覺過程中,人們傾向于將具有連續性的物體知覺為一個整體。例如,一條曲線即使中間有部分被遮擋,人們也會傾向于將其看作是連續的整體。
          連續性原則圖例
          連續性原則圖例
           
          4.閉合性原則
          人們傾向于將不完整的圖形知覺為完整的圖形,即通過心理上的補充使圖形達到閉合。比如,一個有缺口的圓形,人們往往會自動腦補出完整的圓形。
          閉合性原則圖例
          閉合性原則圖例
           
          對設計領域的影響
          以上是大家所了解對的,而對于設計于界面設計、圖形設計、用戶體驗設計都有影響:
          1.  
            界面設計:在網頁設計和移動應用界面設計中,格式塔心理學的原則被廣泛應用。例如,通過合理布局元素,利用接近性和相似性原則將相關的內容組合在一起,使用戶能夠更快速地理解和操作界面。顏色的相似性可以用來區分不同的功能模塊,提高界面的可讀性和易用性。
          2.  
            圖形設計:設計師常常運用閉合性原則創造簡潔而富有吸引力的圖形。利用連續性原則可以引導用戶的視線,創造出動態和富有節奏感的設計作品。
          3.  
            用戶體驗設計:格式塔心理學有助于設計師理解用戶如何感知和理解復雜的信息環境。通過創造整體的、有組織的設計,可以提高用戶的滿意度和使用效率,減少認知負擔。
          界面設計圖例
          界面設計圖例
           
          魯道夫?阿恩海姆的格式塔心理學理論中提出了四種 “力” 的概念,GUI 設計師對其在界面中的角色進行了深入闡釋。
          第一種力是由視覺對象的外在形狀和構造所生成的力。
          例如,獨特的圖標設計通過其具象的形態傳達出明確的語意,讓用戶能夠迅速理解其功能。這種力如同一個無聲的向導,引領用戶在界面中準確地找到所需的操作。
          第二種力是物體間或物體各部分之間的聚合張力。
          它雖有強度但沒有特定方向,就像界面中各個元素緊密結合,形成一個有機的整體。各個組件相互呼應,共同營造出和諧統一的視覺氛圍,增強了用戶對界面的整體認知。
          第三種力是在視覺對象中知覺到的有方向性的張力。
          其載體具有一定的 “動力”,表現為具有方向標識性意識的標識及層級關系。比如,清晰的導航箭頭或色彩漸變,引導用戶在界面中進行有序的瀏覽和操作,確保用戶不會迷失方向。
          第四種力主要是指視覺式樣本身及其組合所形成的視覺沖擊力。
          在界面中,涵蓋引導性的動態效果可以吸引用戶的注意力,激發用戶的探索欲望。例如,微妙的動畫效果或交互反饋,為用戶帶來更加生動的體驗。
          四種 “力” 的概念
          四種 “力” 的概念
           
          這四種力是 GUI 設計中討論視知覺的核心內容。
          它們是形狀、顏色和運動的固有屬性,并非觀賞者憑借記憶中的想象強加給知覺對象的。阿恩海姆將格式塔心理美學視為一種
          “視知覺形式完形理論”
          。
          在 UI 設計中,以格式塔心理美學為指導,視覺上的 “完形” 形式生成機制發揮作用。用戶在設計師精心構建的色彩圖形語言引導下,無意識地進行目的性的視知覺形式達成。這種方式為無縫接入交互提供了卓越的解決方案。
          在 UI 設計中運用格式塔心理學,為人機互動形式的形成和建構提供動力機制引導,讓我們對格式塔心理美學有了全新的理解。它不僅提升了界面的美觀度,更重要的是增強了用戶體驗,使界面更加直觀、易用。通過合理運用格式塔心理學的原理,設計師可以創造出更具吸引力和功能性的 UI 設計,為用戶帶來更加愉悅的交互體驗。
           
          視覺思維
          人類對于藝術的感知與生俱來,積極主動。對于現代優秀交互設計師而言,掌握并了解人類視覺的基本原理是必備素養之一。視覺思維與人類的生理和心理因素緊密相連。
          1.生理方面看
          這與我們的感官系統及其特性息息相關。人類的視覺系統猶如一條完整的視覺分析鏈,涵蓋了眼球、大腦皮層以及它們之間的視覺傳導路徑。
          視覺大腦皮層位于大腦后端,圍繞枕葉的距狀裂周圍分布。其中,V1 區和 V2 區主要負責一系列特征處理,V4 區承擔圖案模式處理工作,而前腦葉和中腦則負責高層注意力的控制。信息由皮層 V1 通過兩條線路進行輸送。第一條路線為背側流,即位置通道,從 V1 傳輸至 V2,再進入 V5,最后抵達頂下小葉,此段主要處理視覺的空間位置信息以及相關的運動和控制部分。第二條線路為內容通道,從 V1 到 V2 和 V4,最后進入下顳葉,用于物體的識別和長期記憶。
          大腦皮層圖例
          大腦皮層圖例
           
          2.心理方面看
          視覺思維與人類的現有生存條件以及以往的生活經驗緊密相關。生理與心理因素相互作用,形成了獨特的視覺思維特性。
          多年來,藝術、設計心理學家在對人腦及其視覺生理機制的研究上取得了顯著進展。在視覺藝術作品中,一系列色彩、圖形和空間關系的呈現,都是視覺藝術家經過反復斟酌的結果。他們思考著哪種顏色和圖形會更加醒目,如何合理組織空間,以及在何種情況下應該用圖像代替文字來表達概念。這樣經過深思熟慮的作品,能夠有效規避人類視覺的弱點,充分激發用戶對主體的能動性和創造性認識,讓觀賞者和使用者獲得愉悅的視覺體驗。這種主動的視覺感知能夠更好地傳達作品所要表達的思想與內涵。
          如果設計師能夠深入了解并分析用戶的視覺系統和心理,就能設計出更符合目標用戶需求的 UI 交互產品。例如,通過對用戶視覺注意力的研究,設計師可以在界面中合理布局關鍵元素,使其更容易被用戶察覺。同時,根據用戶的色彩偏好和心理預期,選擇合適的色彩方案,營造出舒適的視覺氛圍。此外,設計師還可以利用用戶對圖形的認知習慣,設計簡潔明了的圖標和界面元素,提高用戶的操作效率??傊?,對視覺思維的深入理解和運用,將為 UI 設計帶來更多的創新和突破。
           
          UI 設計中的視覺設計
          人類的感知系統豐富多彩,主要分為聽覺、味覺、視覺、觸覺、嗅覺這五大類別。其中,令人驚嘆的是,高達 90% 的感知竟然來源于視覺系統。這一特性使得界面產品的設計緊緊圍繞著用戶利用視覺刺激思維以及人機交互細處理模式來實現人機互動,進而達成傳遞或獲取信息的目標。
          比如當下流行的各類手機 APP,以其精美的界面設計吸引著用戶。當我們打開一款音樂播放軟件,絢麗的色彩搭配、簡潔明了的圖標布局,瞬間抓住我們的眼球,讓我們能夠快速找到自己想聽的歌曲。這就是視覺設計在人機交互中的重要作用,通過視覺刺激引導用戶進行操作。
          在這個過程中,我們常常能聽到界面產品的開發人員發出這樣的抱怨:“我們討厭交互設計。” 而交互設計師則會堅定地表示:“我們不需要圖形。” 然而,視覺設計師卻往往對來自各方面的意見持相反態度,顯得一廂情愿。
          但事實上,視覺設計絕非孤立的存在,它是在 UI 設計中可用性和交互設計研究的綜合體現。例如一些知名的電商平臺,其界面設計既考慮了用戶的操作便捷性,又通過精美的商品圖片展示和富有創意的頁面布局,滿足用戶的視覺需求。用戶在瀏覽商品時,流暢的交互體驗和美觀的視覺效果相輔相成,提升了用戶的購物體驗。
          視覺思維,宛如一座神奇的橋梁,將感知與思維、藝術與科學緊密地結合在一起。它能夠將人類本能的視覺感知、圖形設計以及視覺可視化巧妙地聯系起來。在滿足使用功能設計的基礎上,現代 GUI 設計已然成為一種輔助交互的強大力量,它不僅能滿足用戶的感知需求,還能迎合審美需求以及自我實現需求,成為功能性十足的視覺設計杰作。它就像一顆璀璨的明珠,在數字世界中散發著獨特的魅力,為用戶帶來前所未有的體驗。
          計算機和用戶
          計算機和用戶
           
          視覺思維在 UI 交互體驗設計中的作用
          在 UI 交互體驗設計中,我們確實應當將這樣的交互設計視作用戶對品牌的認知工具和用于信息傳遞的重要渠道。
          從處理平面圖像的角度來看,人類的大腦具有強大的能力,能夠在一定程度上通過思維進行心智圖像的建立。想象一下,當我們在腦海中構思一幅美麗的風景或者一個復雜的場景時,各種元素在思維的畫布上逐漸清晰起來。然而,當這些圖像被紙張、熒幕等媒介物表現出來時,情況又發生了變化。我們能夠把網頁、圖標、信息圖表等可視化指令經過視覺思維的處理過程,快速地解決問題。比如,當我們瀏覽一個設計精美的網頁時,清晰的布局、醒目的圖標和直觀的信息圖表能夠迅速引導我們找到所需的內容,讓我們在短時間內獲取關鍵信息。
          而在 UI 交互體驗設計中,“視覺思維” 手段更是發揮著獨特的作用。它能夠幫助用戶提前整理視覺引導任務,為用戶的交互之旅提供清晰的方向。不同的用戶有著不同的需求和偏好,“視覺思維” 可以根據這些差異增加視覺注意力的多樣性。對于喜歡簡潔風格的用戶,簡潔明了的界面設計和少量但突出的視覺元素能夠吸引他們的注意力;而對于追求豐富體驗的用戶,多彩的色彩搭配和動態的視覺效果則更能滿足他們的需求。這樣的差異化設計使得不同類型的用戶都能在交互過程中找到滿足自己需求的視覺引導。
          同時,“視覺思維” 能使人類本能的認知線索在視覺圖形語言處理中直接快速切換。在用戶潛意識的情況下,利用用戶自身的視覺引導去完成交互任務,大大縮短思考的時間。例如,在一款游戲應用中,巧妙的色彩變化和圖形動畫可以在用戶不經意間引導他們進行操作,讓他們在享受游戲的過程中自然地完成各種交互任務,而不會感到繁瑣和困惑。
          總之,在 UI 交互體驗設計中,“視覺思維” 以其獨特的優勢成為了連接用戶與品牌、實現信息高效傳遞的關鍵手段。通過差異化的設計和巧妙的視覺引導,它為用戶帶來了更加便捷、愉悅的交互體驗。
           
          成功運用 “視覺思維” 的 UI 交互體驗設計案例
          一、蘋果 iOS 系統
          蘋果的 iOS 系統以其簡潔、美觀的界面設計而聞名。圖標設計簡潔直觀,色彩搭配和諧,能夠讓用戶一眼就識別出不同的應用功能。例如,相機圖標是一個逼真的相機造型,讓人一看就知道其功能。在交互過程中,動畫效果流暢自然,如打開應用時的漸顯效果、關閉應用時的收縮效果等,這些動畫不僅增加了視覺吸引力,還為用戶提供了操作反饋,引導用戶的視覺注意力,讓用戶在操作過程中更加流暢和舒適。
          二、Airbnb
          Airbnb 的界面設計充滿了故事性和吸引力。在首頁,精美的圖片展示了各種獨特的房源,吸引用戶的目光。圖片的選擇和排版都經過精心設計,能夠讓用戶快速了解房源的特色。在搜索結果頁面,清晰的布局和簡潔的信息展示讓用戶能夠輕松比較不同房源的價格、位置等關鍵信息。同時,地圖視圖的交互設計也非常出色,用戶可以通過拖動地圖直觀地查看不同地區的房源分布,這種視覺引導方式大大提高了用戶的搜索效率。
          三、微信
          微信的界面簡潔易用,圖標和文字的搭配恰到好處。綠色的主色調給人一種清新、舒適的感覺。在聊天界面中,不同類型的消息有不同的顯示方式,如文字、圖片、語音等,讓用戶能夠快速區分。朋友圈的設計也充分運用了視覺思維,用戶可以通過圖片、視頻等多種形式分享自己的生活,點贊和評論的互動方式也通過視覺效果進行了明確的提示,增加了用戶之間的互動和交流。
           
          用戶交互體驗設計過程中的視覺思維
          為了更好地體現用戶交互性能,我們確實需要在整個用戶交互體驗設計過程之中引入視覺思維分析模式來規范指導設計。這一模式就如同一位智慧的導航者,引領著設計的方向,確保每一個環節都能最大程度地滿足用戶的需求和期望。
          對整個設計過程中一系列層級結構進行視覺歸納,是一項至關重要的任務。
          從 UI 設計過程中最初的方案構架開始,就如同搭建一座宏偉建筑的基石,需要深思熟慮。設計師要以視覺思維為導向,考慮如何讓方案構架既具有創新性又符合用戶的使用習慣。草圖階段,則是將創意初步呈現在紙上的過程,此時要充分發揮視覺思維的作用,捕捉那些瞬間的靈感,用簡潔而有力的線條勾勒出未來產品的輪廓。
          動態 layout 的設計更是離不開視覺思維,它要讓頁面的布局在動態變化中保持流暢和自然,給用戶帶來舒適的視覺感受。而后期特效的安排,則如同為產品披上一件華麗的外衣,需要恰到好處地運用,既不能過于耀眼而分散用戶的注意力,也不能過于平淡而無法引起用戶的興趣。
          例如,如何使整個方案更符合目標用戶的色彩定位,這是一個需要深入思考的問題。
          不同的用戶群體對色彩有著不同的偏好和情感反應。設計師要通過對目標用戶的調研和分析,了解他們的文化背景、年齡層次、性別差異等因素,從而確定最適合的色彩方案。比如,對于年輕的用戶群體,可能更傾向于鮮艷、活潑的色彩;而對于商務用戶,則可能更喜歡穩重、大氣的色彩。通過精準的色彩定位,能夠讓用戶在第一時間對產品產生好感。
          如何讓復雜的層級關系在視覺上顯示得更為簡單且明朗化,也是視覺思維分析的要點之一。
          結合設計認知心理學總結出一套適合當前項目的用戶交互體驗設計的視覺規范,是實現優秀設計的關鍵。設計認知心理學研究人類在設計過程中的認知和心理活動,它可以為設計師提供寶貴的理論支持。設計師可以借鑒設計認知心理學的研究成果,制定出符合用戶認知習慣的視覺規范。比如,遵循簡潔性原則,避免過多的視覺干擾;運用一致性原則,讓用戶在不同的頁面和功能模塊中都能保持一致的視覺體驗;注重可讀性原則,確保文字和圖標易于識別和理解。通過建立一套科學合理的視覺規范,能夠提高設計的效率和質量,為用戶帶來更加出色的交互體驗。
          下面介紹下我在過往項目中的實際案例,看看如何處理復雜的視覺層級
           
          案例分享
          首先我們了解一下背景:
          盒馬店倉揀貨是門店倉儲作業中的一個重要環節,員工需要用到PDA實時接收倉儲系統分配的揀貨任務,并為揀貨員提供清晰的任務指引,包括商品的位置、數量等信息,它就像一個智能導航儀,指引揀貨員快速找到目標商品,PDA中就需要進行界面設計,保證揀貨員能高效的完成任務,但是實際倉的環境是極其復雜的,往往店倉環境較為昏暗且存在溫差,同時揀貨員往往是邊走邊揀貨,整體過程是非常緊張和匆忙的,這就對視覺識別效率要求非常高。
          揀貨員的具體工作流程如下:
          1.接收訂單:當顧客在盒馬 APP 上下單后,訂單信息會同步傳輸到門店的倉儲系統。
          2.揀貨任務分配:倉儲系統根據訂單內容,將揀貨任務分配給相應的揀貨員,并將任務信息發送到揀貨員手中的 PDA(掌上電腦)設備上。例如,某顧客下單購買了蘋果、牛奶和面包,系統就會指示揀貨員去相應的區域揀取這些商品。
          3.商品揀選:揀貨員根據 PDA 上的指示,前往指定的貨架區域。通過 PDA 掃描貨架上商品的條形碼或二維碼,確認商品信息無誤后,將商品揀選出來放入揀貨籃或推車中。在揀貨過程中,揀貨員需要嚴格按照商品的數量和規格進行揀選,避免出現錯揀、漏揀的情況。
          4.復核與打包:揀貨完成后,揀貨員將揀選好的商品送到復核區,由復核人員對商品進行再次核對,確保商品的種類、數量、質量等與訂單一致。復核無誤后,根據商品的特性和訂單要求進行打包,例如,對于生鮮商品需要使用特殊的包裝材料和方式,以保證商品的新鮮度和品質1。
          5.出貨:打包完成的商品被放置在出貨區,等待配送人員前來取貨,進行后續的配送環節,確保商品能夠及時、準確地送達顧客手中。
          在這個過程中我們可以發現從“行為、感受、環境、設備”幾個維度來看,我們需要關注的點是非常多的,如下面所示我們需從效率和步驟感入手,保證界面清晰無障礙的基礎上對小小的屏幕進行占比的優化,同時加入情感化和溫度感,這是最理想的設計目標。
          設計前需關注的內容
          設計前需關注的內容
           
          提煉設計目標和原則
          提煉設計目標和原則
           
          對目標用戶群體進行深入調研,了解他們的年齡、性別、職業、文化背景等基本信息。
          這些因素會影響用戶對色彩、圖形、布局等視覺元素的偏好。分析用戶的視覺感知優勢和弱勢。例如,對于老年用戶,可能需要更大的字體和更鮮明的色彩對比;對于視力受損的用戶,可能需要高對比度的界面和清晰的圖標。通過用戶訪談、問卷調查、觀察等方法,收集用戶對現有產品或類似產品的視覺反饋,了解他們的喜好和不滿之處,為后續設計提供依據。
          色彩定位根據目標用戶群體的特點和產品的定位,確定合適的色彩方案。
          色彩可以傳達不同的情感和氛圍,如藍色通常給人沉穩、可靠的感覺,紅色則充滿活力和激情??紤]色彩的對比度和可讀性。高對比度的色彩組合可以提高文字和圖標的清晰度,便于用戶閱讀和識別。同時,要確保色彩在不同的設備和環境下都能保持良好的顯示效果。
           
          設計規劃階段(視覺層研究)
          方案構架運用視覺思維,從整體上規劃產品的架構和布局??紤]用戶的使用流程和場景,將功能模塊進行合理的分組和排列,使界面簡潔明了,易于導航。確定主要的視覺焦點和引導路徑。通過大小、顏色、位置等方式突出關鍵信息和重要操作,引導用戶的注意力,提高交互效率。
          功能色視覺研究保證視覺可讀性和清晰性
          功能色視覺研究保證視覺可讀性和清晰性
           
          中性色研究 保證對比度清晰可讀
          中性色研究 保證對比度清晰可讀
           
          字號字階優化
          字號字階優化
           
          設計實施階段
          特效應用謹慎地選擇和應用特效,如陰影、漸變、發光等。特效可以增強界面的視覺吸引力,但過多或不當的使用可能會導致視覺混亂和性能問題??紤]特效對用戶操作的引導作用。例如,使用特效來突出可點擊的區域或提示重要信息,可以提高用戶的交互體驗。
          通過視覺明確任務
          通過視覺明確任務
           
          時效思考
          時效思考
           
          設計方案
          設計方案
           
          測試評估階段
          1.  
            用戶測試邀請目標用戶進行用戶測試,觀察他們在使用產品過程中的視覺反應和行為。注意用戶對不同視覺元素的關注程度、理解程度和操作效率。收集用戶的反饋意見,了解他們對界面設計的滿意度和改進建議。根據用戶的反饋,及時調整和優化設計。
          2.  
            數據分析利用數據分析工具,收集用戶在使用產品過程中的行為數據,如點擊次數、停留時間、頁面跳轉路徑等。通過分析這些數據,可以了解用戶的視覺注意力分布和交互習慣,為進一步優化設計提供依據。
          方案調研
          方案調研
           
          方案驗證可行
          方案驗證可行
           
          組件沉淀
          對設計組件進行沉淀和歸納,同時定義好設計樣板間。
          1.  
            組件識別,需要對已有的設計項目進行全面梳理,識別出其中重復出現的元素和模塊。這些元素可以包括按鈕、輸入框、圖標、導航欄、卡片等。例如,在一個電商網站的設計中,商品展示卡片、購物車按鈕、搜索框等都是常見的組件。同時,也要關注不同項目中具有相似功能或外觀的元素,它們可能經過適當調整后可以歸納為同一類組件。比如,不同頁面的提示信息框,雖然在內容和位置上有所不同,但在風格和交互方式上可能具有共性。
          2.  
            規范制定對識別出的組件進行規范制定,包括尺寸、顏色、字體、間距等方面的統一規定。例如,確定按鈕的標準尺寸、顏色搭配和文字樣式,確保在不同的頁面和場景中都能保持一致的外觀和交互效果。制定組件的使用規范,明確在什么情況下應該使用哪種組件,以及如何進行組合和布局。例如,規定導航欄的位置和結構,以及不同級別頁面的導航方式。
          3.  
            分類整理將規范后的組件進行分類整理,建立一個清晰的組件庫??梢园凑展δ堋㈩愋突蚴褂脠鼍斑M行分類,方便設計師在后續的設計中快速查找和使用。比如,將組件分為界面組件(如按鈕、輸入框等)、交互組件(如彈窗、下拉菜單等)、布局組件(如網格系統、分欄布局等)。
          4.  
            持續更新隨著設計項目的不斷進行,新的組件可能會不斷出現,舊的組件也可能需要進行優化和調整。因此,需要建立一個持續更新的機制,定期對組件庫進行審查和更新,確保組件庫始終保持活力和實用性。
          以B端小二揀貨場景為例 - 視覺思維在交互體驗中的運用
           
           
           
          總結:
          在現代的 UI 設計中,往往存在著眾多的功能模塊和信息層級。如果處理不當,就會讓用戶感到混亂和困惑。設計師可以運用視覺層次、分組、對比等手法,將復雜的層級關系進行梳理和簡化。例如,通過不同的字體大小、顏色深淺、圖標形狀等方式來區分不同的層級,讓用戶能夠輕松地理解和操作。
          如何保證特效的使用恰到好處,不會引起用戶的使用誤解,同樣需要設計師的精心考量。特效可以為產品增添趣味性和吸引力,但如果使用不當,就會適得其反。設計師要根據產品的特點和用戶的需求,合理地選擇特效的類型和強度。比如,在一些需要強調操作反饋的地方,可以使用適度的動畫特效,讓用戶清楚地知道自己的操作是否成功;而在一些重要的信息展示區域,則要避免使用過于花哨的特效,以免干擾用戶的閱讀。
          設計師不僅需要對人類視覺系統有一定的了解,同時也需要對目標用戶視覺感知的優勢和弱勢進行分析和歸納。人類的視覺系統是一個復雜而神奇的系統,它有著自己的特點和規律。設計師要了解人類視覺的注意力機制、色彩感知、空間感知等方面的知識,以便更好地運用視覺元素進行設計。同時,不同的目標用戶群體在視覺感知方面也存在著差異。比如,老年人可能對色彩的對比度要求更高,而視力有障礙的用戶則需要更加清晰的文字和圖標。設計師要通過對目標用戶的視覺感知優勢和弱勢進行分析,制定出相應的設計策略,確保產品能夠滿足不同用戶的需求。
          謝謝!
           
           



          作者:小雞小小小小雞
          鏈接:https://www.zcool.com.cn/article/ZMTYzMzYzNg==.html
          來源:站酷

           

           

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

          WechatIMG27.jpg

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

           

          B端產品設計優化-基于用戶需求調研與分析

          ui設計分享達人

          在當今設計和產品開發領域,用戶研究扮演著不可或缺的角色。理解用戶的需求、行為和體驗,是設計師們打造成功產品和服務的關鍵步驟。
          用戶研究不僅是設計師和產品團隊的重要工具,更是提升產品競爭力和用戶滿意度的關鍵因素。通過深入的用戶研究,我們能夠更準確地捕捉用戶需求,創造出創新產品。
          這篇文章將深入而全面的講解用戶研究的方法與具體實踐,包括用戶研究的重要性、用戶研究的核心因素、定性定量研究方法、基于產品生命周期的用研方式、用戶研究在設計流出中的具體應用等多維度探討用戶研究的核心概念及其實際應用方法,幫助讀者更好地理解如何通過有效的用戶研究提升產品的用戶體驗和市場競爭力。同時提供清晰的方法論和實際操作指南,幫助在設計和開發過程中有效地應用用戶研究,實現產品與市場的良性互動與成長。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          杰夫·貝佐斯是亞馬遜集團創始人,他曾說:“用戶的需求是創新的源泉,只有深入了解用戶,我們才能創造出真正有價值的產品。”這句話強調了用戶需求在創新過程中的核心地位。
          他指出,真正有價值的產品來源于對用戶需求的深入了解。
          也就是說,創新不是憑空產生的,而是通過仔細觀察和理解用戶的實際需求和問題而實現的。只有當我們真正了解用戶的痛點、期望和行為模式時,才能開發出滿足他們需求并解決他們問題的產品和服務。
          通過以用戶為中心的設計,并通過數據驅動的決策,我們可以解鎖設計的無限潛力,創造出更好的產品和服務。
          想讓用戶愛上你的產品,你必須先愛上你的用戶。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          一、我作為設計師的小思考
          作為設計師,過往我常常在思考:設計的價值是什么?用戶體驗的價值又是什么?在設計之路上不斷前行的過程中,這個問題始終如影隨形。
          我在企業中遇到很多困惑,系統的 BUG 會造成用戶體驗不好,這只是其中一個方面。比如,當用戶在使用一款軟件時,突然出現的系統錯誤提示,會打斷他們的操作流程,讓他們感到沮喪和無奈。又或者,在一個購物平臺上,如果因為系統的漏洞導致商品信息顯示不準確,用戶可能會對產品的質量產生懷疑,從而放棄購買。這些看似小小的 BUG,卻可能對用戶體驗產生巨大的負面影響。
          而除了系統 BUG 之外,還有很多因素也和體驗有關。界面的設計是否簡潔美觀?操作是否便捷流暢?信息的呈現是否清晰易懂?這些都是影響用戶體驗的關鍵因素。例如,一款音樂播放軟件,如果界面設計過于復雜,用戶可能很難找到自己想聽的歌曲;而如果操作不夠便捷,比如切換歌曲需要經過多個繁瑣的步驟,那么用戶的使用體驗也會大打折扣。
          再比如,一個企業的官網,如果頁面加載速度過慢,用戶可能會失去耐心而直接關閉頁面;如果網站的信息架構不合理,用戶難以找到自己需要的內容,那么這個官網就無法發揮其應有的作用。在移動應用領域,推送通知的頻率和內容也會影響用戶體驗。如果推送過于頻繁或者內容不相關,用戶可能會感到厭煩,甚至卸載應用。
          總之,在設計和用戶體驗的領域,每一個細節都至關重要。設計師需要不斷地思考和探索,如何在滿足功能需求的同時,提升用戶的體驗,為用戶創造真正有價值的產品。
           
           
          二、用戶研究的核心
          用戶研究(User Research)是一種系統性的方法,旨在通過了解用戶的需求、行為、態度和痛點,來改進產品或服務的設計和功能。它通過各種研究方法,如訪談、調查、可用性測試和觀察等,收集和分析用戶的數據。這些數據幫助設計團隊和開發者更好地理解用戶,從而做出更明智的設計決策。
          在實際設計和開發過程中,通過收集和分析以上信息,設計團隊可以更有針對性地制定商業模式、服務方式、策略重點和盈利模式,確保產品不僅能夠滿足市場需求,還能夠提供良好的用戶體驗,從而提升產品的競爭力和市場份額。
          總之,用戶研究的核心在于通過深入理解用戶,為設計和開發團隊提供關鍵的信息和見解,以便他們能夠有效地創造出符合用戶期望和需求的產品或服務。
          B端產品設計優化-基于用戶需求調研與分析
           
           
           
          用戶研究(User Research)是一種系統性的方法,旨在通過了解用戶的需求、行為、態度和痛點,來改進產品或服務的設計和功能。它通過各種研究方法,如訪談、調查、可用性測試和觀察等,收集和分析用戶的數據。這些數據幫助設計團隊和開發者更好地理解用戶,從而做出更明智的設計決策。
          用戶研究(User Research)確實是設計和產品開發過程中至關重要的一環。它通過系統性的方法和工具,深入研究用戶的目標、需求、能力以及體驗,旨在指導如何優化設計、產品架構或工具,從而提升用戶的工作和生活體驗。
           
          在進行用戶研究時,主要關注以下幾個方面:
          1.用戶體驗(User Experience):
          這是用戶與產品或服務互動的整體感受和反應。通過用戶研究,可以了解用戶在使用過程中的體驗如何,哪些方面需要改進,從而優化產品設計和功能。
          2.用戶痛點(Pain Points):
          指的是用戶在使用產品或服務時遇到的困難、不便或不滿意的地方。通過深入了解用戶的痛點,可以針對性地改進產品的功能和設計,提升用戶的滿意度和忠誠度。
          3.用戶需求(User Needs):
          這是用戶在特定情境下必須滿足的條件或期望。通過用戶研究,可以準確把握用戶的需求,確保產品或服務能夠有效地解決用戶的實際問題。
          4.用戶行為和態度(User Behavior and Attitudes):
          研究用戶在使用產品或服務時的行為模式和心理態度,包括他們的偏好、習慣以及對新技術或設計的接受度。這些信息有助于設計團隊調整產品策略和功能,以更好地迎合用戶的期望和習慣。
          在實際設計和開發過程中,通過收集和分析以上信息,設計團隊可以更有針對性地制定商業模式、服務方式、策略重點和盈利模式,確保產品不僅能夠滿足市場需求,還能夠提供良好的用戶體驗,從而提升產品的競爭力和市場份額。
          總之,用戶研究的核心在于通過深入理解用戶,為設計和開發團隊提供關鍵的信息和見解,以便他們能夠有效地創造出符合用戶期望和需求的產品或服務。
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          三、產品生命周期的用戶研究考量
          一個0-1的產品,在產品設計前,可能沒有大量的用戶或數據,而又需要了解用戶的偏好,來定義產品需要解決的用戶痛點等問題,所以需要采取一些定性研究(訪談、用戶角色定義等)的方式來收集產品設計的核心需求。
          1-N的產品,在產品設計前就擁有了一定比例的用戶和數據,可以參考一些數據來確定產品優化的方向和指標。產品設計后,根據項目,也有兩種驗證方法: 一是做A/B測試,慢慢推向市場小范圍收集反饋,待穩定后再大規模推向整個市場。這種做法屬于定量的范疇。二是可用性測試,招募符合要求的用戶來參與新產品的試用,提前設計一些任務要求用戶來完成,并可以增加一些定性研究(眼動實驗、用戶訪談等)輔以完善。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
           
          在用戶研究中,定性和定量研究恰似一對相輔相成的伙伴,二者互為補充,緊密結合使用能夠為我們提供全面而深刻的用戶洞察。
          首先,在發現問題方面,定性研究發揮著至關重要的作用。
          通過深入的用戶訪談、焦點小組討論以及實地觀察等方式,我們能夠走進用戶的世界,聆聽他們的聲音,捕捉那些細微之處的潛在問題和珍貴的機會。比如,在一款新的社交軟件的研發過程中,通過與用戶的面對面交流,我們可能會發現用戶對于隱私設置的擔憂,或者對于特定功能的強烈需求,這些都是定量研究難以直接觸及的領域。
          接著,驗證假設環節,定量研究則展現出其強大的實力。
          利用大規模的數據收集和統計分析,我們可以對定性研究中發現的假設進行驗證和量化。例如,我們在定性研究中發現用戶對某個新功能的興趣較高,那么通過定量研究中的問卷調查或數據分析,我們可以確定這個興趣的具體程度以及在用戶群體中的普遍性,從而為產品決策提供有力的數據支持。
          最后,在迭代設計階段,定性反饋成為了改善設計的關鍵。
          用戶的具體意見、感受和建議,能夠為設計師提供精準的改進方向。同時,定量數據的評估效果也不可或缺。通過對關鍵指標的監測和分析,我們可以客觀地評估設計迭代后的成效,如用戶留存率的提升、使用時長的增加等。這樣的循環往復,使得產品在不斷的優化中逐漸趨近于用戶的真正需求。
          總之,定性和定量研究的結合,如同為用戶研究搭建了一座堅實的大廈,為打造出卓越的產品和服務奠定了堅實的基礎。
           
          四、項目實戰-星漢低代碼平臺基礎建設 提升產品體驗
          1.項目介紹:
          星漢低代碼平臺是一款將先進的AI技術與低代碼開發理念完美結合的智能化開發平臺
          旨在通過簡化且智能的開發工具
          賦能開發者,提升研發效能、降低開發門檻,并增強應用效果
          2.項目背景:
          低代碼平臺去年下半年開始支撐教育數字基座應用開發助手的建設,去年主要處于內部打磨階段,今年上半年隨著應用開發助手前三單的推廣,直面真實客戶的需求和交付壓力,暴露出來了許多問題:功能性的、非功能性(性能、安全、穩定性)、架構、協作與流程等。for商業化,為保障教育規?;桓?,解決影響應用交付的基礎功能問題及風格換新,包括賬號權限體系、多租戶與資源隔離、第三方平臺對接、業務邏輯編排?;诖诵枨髮ζ脚_的礎功能進行完善,存在一下兩個問題:
          1.基于多租戶與資源隔離問題:
          無法支持多租戶及多租戶管理;多應用不支持共享數據、賬號權限、工作流;不支持按交付項目管理和復制多個應用等。使用優先解決底層資源隔離的技術架構調整、基礎項目管理產品功能,調整產品基礎功能架構,租戶配置、模板的措施才優化體驗。
          2.基于業務邏輯編排問題:
          無后端(1.業務邏輯處理,2.數據處理功能)均需要硬編碼;硬編碼部分無法隨產品升級而更新,與產品脫節需要獨立維護;教育助手無法修改硬編碼的邏輯,無法最終提供給信息化老師(弱開發者)修改的問題。優先解決業務邏輯腳本和SQL腳本代碼在低代碼平臺中可留存可復用可調式的基礎功能。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          3.設計目標及方法:
          基于產品的背景,明確了設計目標是打造
          “好用、易用”
          的平臺操作體驗。
          通過設計洞察,從易操作性、易學性和易見性的角度重新定義問題并尋求最優解決方案。
          首先通過用戶調研&體驗度量 了解平臺現狀和用戶痛點,然后進行競品分析和體驗自查發現問題,最后基于發現的問題明確設計優化點梳理并優化產品。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          4.三大指標分析:
          在用戶體驗的領域中,滿意度、凈推薦值和費力度這三大主觀指標猶如三把衡量產品或服務質量的關鍵標尺。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          滿意度:短期內衡量用戶幸福感的用戶得分
          適用所有場景,適合作為補充指標做體驗評估。
          滿意度的適用性非常高,可以用于詢問用戶各種問題,可以看整體的產品體驗滿意度,也可以看具體的某個功能的滿意度。滿意度能夠體現出用戶對產品短期內的幸福感。
          滿意度的缺陷是無法體現用戶對產品的長期態度。
          凈推薦值:長期內衡量用戶幸福感得分 即客戶忠誠度
          頭部廠商常用,適用于高頻高競爭對外用戶的產品。
          是一種計量某個客戶可能會向其他人推薦某個企業或服務可能性的指數。
          NPS被用于衡量目用戶長期的幸福感,廣泛用于互聯網產品來衡量用戶忠誠度。
          費力度:短期內衡量用戶完成任務的難易程度
          主要應用于,ToB任務效率度量,相對于滿意度,企業內部產品度量準確度更高。
          費力度通過詢問用戶產品是否容易處理用戶的問題,來發現用戶對產品最真實的評價和用戶的痛點,從而解決用戶關注的問題以提升用戶忠誠度。
           
          4.對整體平臺進行調研
          對平臺進行分析后總結出我們的平臺更適合于用費力度進行度量,得到的結果如下
          費力度度量:了解現階段平臺體驗費力度情況,為提升搭建效率10%做基準線輔助定位。
          體驗緯度認同度度量:了解現階段平臺操作效率、容易上手、界面美觀、系統穩定、功能全面五個維度的認同。
          過程中發現平臺整體
          產品服務路徑和體驗非常費力,系統穩定度低
          。
          拆分操作效率、容易上手、界面美觀、系統穩定、功能全面五個維度,結果認同度均低。?最低的為系統穩定度,最高的是界面美觀度。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          我們的主要競品產品是宜搭、輕流、明道云、簡道云。
          宜搭
          :是阿里巴巴自主研發的低代碼應用開發平臺,基于阿里云的基礎設施和釘釘的企業數字化操作系統。具有高度靈活性和適應性,支持多種應用場景和業務模式,提供豐富組件和模板,能快速構建高質量、可靠的應用。例如,在企業級通信、項目管理、客戶關系管理等方面表現出色。它還具備出色的可擴展性和易維護性,可與阿里云其他產品無縫集成,實現數據共享和協同辦公,同時支持自定義業務流程和數據字段。
          輕流
          :是一個無代碼系統搭建平臺,能幫助用戶輕松搭建各種場景應用,如進銷存、客戶管理、OA 協同辦公、項目管理等。其特點是操作界面簡潔,通過拖拽添加字段、設置業務流、分配權限等簡單操作即可讓業務數據規范嚴謹地流轉。它還支持自定義門戶打造業務樞紐,實現不同業務場景,并且有多種視圖類型,讓業務人員以自己的方式高效工作,能夠滿足絕大多數企業信息化建設的需求。
          明道云
          :可零代碼構建各種企業中后臺應用,功能較為強大和靈活,例如在數據處理和分析方面有一定優勢,支持復雜的業務邏輯搭建和數據整合。它提供了豐富的接口和集成能力,方便與其他系統進行對接和擴展。其應用場景廣泛,涵蓋了項目管理、業務流程管理、數據分析等多個領域3。
          簡道云
          :是一個零代碼應用搭建平臺,以表單為核心,擅長數據的收集、整理和分析。用戶可以通過拖拉拽的方式輕松創建個性化的表單,實現信息收集管理。在流程自動化方面表現突出,可視化調整業務流程,讓業務處理有條不紊。同時具備領先的報表能力,支持多表數據連接、權限管理、異常報警等,能幫助用戶進行高效決策,數據全打通,可消滅數據孤島
           
          我們對其視覺層的形、色、質、構,與體驗層均做了詳細的競品分析
          調研完成后進行視覺側梳理優化點:基于用戶原聲/競品分析/體驗走查緯度等維度梳理優化點,進行設計優化。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          基于優化點對產品進行優化升級,優化了組織架構,原來我們的架構是單租戶,無法支持SaaS版本多租戶需求;無法支持多應用業務邏輯和數據表復用,僅通過連接器、硬編碼方式聯通;模版功能不完整,無法支持多應用綜合解決方案的模版新建功能。通過用戶調研發現用戶的痛點,單租戶形式影響了用戶的操作效率與資源的隔離。
          優化后將租戶內加入項目作為資源隔離,行業或服務商可以在一個租戶下管理交付給不同用戶的項目,針對項目進行復制和授權;可以解決多個應用間的數據共享問題;開發者與用戶賬號權限分離,權限定位更加清晰減少安全風險。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          對網頁柵格系統進行了規則劃分,確保頁面元素的對齊、平衡和一致性,主要基于的維度是:
          1.  
            提高設計效率:設計師可以依據柵格系統快速確定頁面元素的位置和大小,無需反復嘗試和調整,從而節省設計時間。
          2.  
            增強頁面一致性:通過柵格系統,不同頁面的布局可以保持統一的風格和結構,提升整個網站的視覺一致性。
          3.  
            改善用戶體驗:合理的柵格布局使頁面更加清晰、易讀,用戶可以更輕松地瀏覽和獲取信息。
          我們的左側導航比常規的更加短一些,方便用戶在右側更好的操作和篩選。同時新增了展開和收起的功能,給予用戶更大的操作空間。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          基于顏色和情緒的關系,圍著功能屬性和特點給予了不同的顏色選擇。
          藍色通常被認為是穩定、可靠和專業的顏色。因此,對于一些科技產品或金融服務,藍色可能是一個合適的選擇,因為它傳達了產品的可靠性和安全性。
          紅色則是充滿活力、激情和力量的顏色。對于一些運動品牌或能量飲料,紅色可能是一個理想的選擇,因為它傳達了產品的活力和能量。
          綠色通常與自然、健康和環保相關。對于一些食品、保健品或環保產品,綠色可能是一個合適的選擇,因為它傳達了產品的健康和環保特點。
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          B端產品設計優化-基于用戶需求調研與分析
           
           
          最后,完成了包括多租戶與資源隔離、業務邏輯編排、角色權限能功能設計。
          構建簡潔、直觀、高效且具有吸引力的用戶界面,確保用戶能夠輕松、愉悅地完成各項操作,從而提升產品的整體用戶滿意度和忠誠度,為產品的成功奠定堅實的基礎。謝謝。



          作者:小雞小小小小雞
          鏈接:https://www.zcool.com.cn/article/ZMTYzMzU2MA==.html
          來源:站酷

           

           

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

          WechatIMG27.jpg

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合