蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
蘭亭妙微UI設計公司：在用戶需求日益多元化的旅游市場中，會員權益的價值不僅在于提供優惠，更在于創造差異化的體驗與長期歸屬感。本次會員權益感知升級，我們通過權益展示規則優化和場景化等方式，加強用戶對會員權益的感知，讓用戶從預訂到旅程的每個環節都能清晰感知會員權益的價值。
當前，集團持續加大在會員權益方面的投入，旨在通過更具價值的權益體系提升用戶體驗。優質的會員服務不僅能增強用戶粘性和忠誠度，更能有效提高權益使用率和訂單轉化率。此次會員體驗升級，正是希望通過優化權益設計和服務體驗，實現用戶價值與平臺效益的雙贏，最終形成"投入-體驗提升-效益增長"的良性循環。
通過走查線上各業務線（如機票、酒店等）的頁面，我們發現了以下 2 個問題：
1. 不同業務線間：權益的展示節點和感知強度不同，缺少一致的設計原則
目前各業務線在會員權益方面的設計手段不同，在權益展示點位和感知強度上存在明顯差異，缺少一致的設計原則進行規范。具體表現為：
酒店：主要通過貨架展示強化會員權益感知
機票：側重在列表頁和中間頁等固定位置展示
火車票：則聚焦于權益使用環節的觸達
2. 單個業務線內：優勢權益在流程中沒有充分傳達
通過對各業務線現有頁面的走查，我們發現會員權益在訂前、訂后部分關鍵節點存在展示缺失的問題。雖然用戶在流程中能看到權益信息，但整體感知度仍有不足。
針對上述問題，我們需要建立統一的設計原則，在保持各業務線自身特色的同時，形成協同一致的會員體驗，提升用戶對會員權益的整體感知效果。
本次優化主要圍繞兩個核心目標展開：一是建立規范的權益展示原則，二是提升用戶對權益的感知度。具體將從以下幾個方向著手：
1. 權益前置，強化展示
根據歷史機票和酒店的項目數據，我們發現將具有明顯優勢的權益提前展示，能夠顯著增強用戶的感知，并有效提升預訂轉化率。例如攜程酒店將會員賬戶中的的權益與預訂流程結合，將原本無早餐的劣勢轉化為會員可免費兌早餐的優勢展示。這樣的方式為我們提供了本次優化的思路——通過權益前置來強化權益，加強感知。
什么樣的權益需要前置？——設定強弱權益規則
為提升會員權益展示效果，我們通過對權益內容的系統分析，將其劃分為兩大類別：強權益和弱權益。
強權益：指與產品線直接相關或對價格產生顯著影響的權益，例如酒店業務的免費早餐服務和會員專享價格。這類權益在用戶購買決策中起關鍵作用，能有效提升用戶滿意度和預訂轉化率，因此需要在核心預訂節點進行重點展示。
弱權益：指與產品線關聯度較低的權益，例如機票業務的快速安檢服務。雖然這類權益不會直接影響用戶的預訂決策，但可作為增值服務提升用戶體驗，間接促進轉化。
為確保權益展示的客觀準確，我們也可以借助內部的權益價值計算公式，量化每項權益的實際價值，幫助我們精準評估和展示權益，為用戶提供更有價值的會員體驗，最終提升用戶滿意度和忠誠度。
2. 讓權益貫穿各節點的策略
在對各業務線的線上頁面進行走查時，我們注意到訂前、訂后部分節點常常出現權益感知缺失的情況。
為了充分提升權益的曝光，我們制定了強弱權益展示的規則，定義了在各節點展示的必要性。在預訂前節點，我們優先展示與用戶決策緊密相關的強權益，并在相關性較低的節點提前展示弱權益，以加深用戶印象并促進轉化。預定后，對收益、轉化率和 CPO（客服來電率）的影響較小，需要做到盡可能強的展示。
根據以上規則，我們在實際點位進行了應用：
以火車票業務為例，我們通過優化權益展示策略，在首頁新增曝光點位、強化現有頁面展示效果，并完善訂后權益展示，使會員權益的觸達貫穿用戶全流程。優化后，權益曝光率和用戶感知強度有了明顯的提升。
3. 更加嚴格的設計規范
此前制定的會員權益視覺規范，因各業務線復雜度不同，在多次迭代后逐漸出現差異，導致不同業務線之間展示不一致、單個業務線內流程不統一的問題。為此，本次優化中我們也重點明確了各類場景的標簽使用規范和文案規范，全面提升展示一致性，同時加強會員身份的表達。
經過以上幾點優化，上線后數據顯示用戶對會員權益的滿意度、會員權益的使用率都有顯著提升，驗證了設計方案的有效性。
除了常規流程中的會員感知，我們也在思考如何進一步加深用戶的印象，讓用戶訂票時優先選擇攜程。
1. 出行中節點——提供好用的體驗
訂后的節點往往容易被忽視，以機票的快速安檢權益為例，用戶通常需要打開攜程 App → 查找訂單詳情 → 定位權益入口 → 完成核銷，步驟較長，導致體驗打折。
新版本中，我們將出行相關的會員權益（如快速安檢）直接前置至攜程 App 大首頁的行程卡片。用戶打開 App 即可快速查看和使用權益，無需多層跳轉。改版后，用戶體驗和權益使
用率都得到了提升。
2. 會員升級節點——制造驚喜感
基于 KANO 模型，我們可以將用戶需求分為三類：基本型、期望型、興奮型，在前面的改版中我們已經滿足了用戶的前兩類需求。我們希望制造驚喜感和儀式感來滿足用戶的興奮型需求。攜程會員體系以“山峰”為視覺符號，不同高度代表不同等級，用戶每次升級，都象征著翻越一座新的高峰。象征用戶翻越山峰的升級節點正是滿足用戶“興奮型需求”的關鍵時刻。
因此，在用戶升級時，我們在攜程首頁增加升級彈窗強化驚喜感和儀式感。用戶打開 App 即可直觀感受到等級提升的成就，并快速了解新增權益。上線后帶來了人均使用權益訂單量、會員中心訪問率等數據的提升。
通過系統化的設計與持續迭代，會員權益體系能夠深度釋放用戶價值，推動品牌的長期可持續增長。在這個過程中，我們需要確保用戶在全渠道觸點中獲得連貫一致的體驗，從而建立穩固的品牌信任，降低用戶的學習與決策成本。同時，我們需要強化會員的價值感知，通過具象化的權益呈現和情感化的設計表達，讓用戶切實感受到專屬特權與歸屬感，最終打造出更具黏性的用戶體驗閉環。
轉載：優設
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
Neemo Project 企業AI項目管理后臺全案運營價值解析
北京蘭亭妙微 UI 設計公司，成立 16 年來，始終保持著對國內外優秀設計作品的學習與研究。我們持續追蹤全球前沿的 UI/UX 設計趨勢，從中提煉可落地的設計方法論，分享給同樣熱愛設計的你。今天，我們來深度拆解一套企業AI項目管理后臺的ui設計，從信息架構、配色策略、移動端適配到數據敘事的視覺表達，逐一解析其背后的設計決策。
一、項目基礎概述
1.1 項目背景與核心用戶痛點
Neemo Project 是搭載 AI 輔助能力的企業級項目管控后臺，核心服務兩類人群：企業項目管理者、跨部門協作執行團隊成員。
傳統項目管理工具普遍存在運營與使用痛點：
管理者視角：項目工時、任務完成率、周期進度數據分散，需要手動匯總多表格統計，無法實時全局把控項目風險與交付節點；多團隊協作成員、會議、截止任務分散在不同頁面，統籌效率低下；
執行團隊視角：任務缺少清晰時間規劃，到期提醒滯后，流程重復工作占用大量人力，缺少自動化輔助工具簡化重復性工作；
界面體驗痛點：多數傳統管理后臺布局擁擠、深色界面色彩雜亂，數據圖表層級混亂，長時間辦公瀏覽極易視覺疲勞，缺少標準化狀態區分體系，任務進度難以快速識別。
本產品以「AI 自動化賦能 + 全維度數據可視化 + 輕量化任務協同」為核心設計思路，從管理層全局管控、執行層高效落地兩個維度，解決企業項目協同低效、數據統計繁瑣、節點管控缺失的行業痛點。
1.2 項目核心設計目標（以企業真實運營需求為核心）
全局數據直觀可視化：整合工時、任務完成量、周期活躍度、團隊協作信息，首頁一站式呈現，管理者無需多頁面跳轉即可掌握項目全貌；
AI 自動化降本增效：內置 AI 輔助模塊，自動簡化常規流程、分析項目績效、動態管控任務截止時間，減少人工重復操作；
標準化任務協同體系：統一任務狀態標識、日歷排期、會議管理、截止預警模塊，跨團隊成員快速看懂任務優先級與進度；
統一高端深色專業視覺體系：搭建完整組件庫，深色基底搭配高區分度功能色，兼顧長時間辦公護眼需求與 B 端產品專業科技感，全頁面操作邏輯、視覺語言高度統一。
1.3 完整企業項目管理閉環
產品覆蓋完整項目全生命周期管理：項目總覽數據大盤 → AI 績效分析輔助 → 月度日歷任務排期管理 → 截止節點風險監控 → 團隊協作人員管理 → 會議日程統籌 → 任務狀態動態更新與自動提醒。
二、全鏈路企業使用體驗拆解
2.1 項目總覽首頁：一站式全局管控大盤
頁面左側固定側邊導航欄，收納全部一級功能入口，便于管理者隨時切換模塊；頁面頂部為項目基礎信息欄，展示總投入工時、進行中 / 已完成任務總量、協作人員頭像組，配套獨立 AI 助手快捷入口，一鍵調用智能分析功能。
頁面核心區域分層排布多維度可視化圖表：長條柱狀圖展示項目全周期每日任務活躍度，環形進度環直觀呈現整體任務完成率；右側分區獨立卡片承載截止任務清單、團隊會議日程兩大核心模塊，卡片內自帶進度條清晰展示各子任務交付進度，主次信息層級分明，管理者打開頁面即可快速定位風險滯后任務。
2.2 日歷任務排期模塊：清晰規劃每日執行工作
首頁下方嵌入月度日歷視圖，按日期縱向排布當日全部待執行任務；不同狀態任務采用標準化色塊區分：綠色代表已核驗完成、橙色代表進行中、紫色代表待啟動規劃、紅色代表風險逾期任務。
單條任務卡片精簡展示任務名稱、歸屬模塊，鼠標懸浮可展開詳情彈窗，支持快速篩選任務狀態、自定義視圖排序，團隊成員可快速認領、查看自身負責工作，管理者可直觀查看每日團隊負載，合理分配工作量。
2.3 AI 績效分析與截止管控模塊：自動化降低管理成本
獨立 AI 績效分析模塊自動測算流程簡化效率，量化 AI 為團隊節省的工作量；截止管控功能實現全自動化管理：系統自動識別變更交付節點，推送到期提醒，任務逾期時自動重新分配對接人員，無需管理者手動跟進督促。
整套狀態標簽組件統一規范，Active、In Progress、Validation 三類核心進度標識色彩固定，全頁面通用，團隊成員無需額外學習即可快速分辨任務階段。
2.4 團隊協作與會議管理模塊：打通跨部門信息同步
頁面右上角聚合全部項目協作人員頭像，點擊可快速查看成員分工、在線溝通；獨立會議卡片統一記錄會議主題、時間段、會議規劃內容，區分「已規劃 / 進行中 / 已結束」狀態，自動留存會議記錄，避免跨部門信息斷層，減少線下同步溝通成本。
三、視覺與標準化組件系統：高端深色 B 端專業體驗
3.1 色彩視覺體系（適配企業長時間辦公場景）
基底主色：低飽和深紫深色背景，弱化屏幕強光刺激，長時間辦公不易視覺疲勞，塑造科技感專業企業氛圍；
數據高亮色：明黃色用于整體進度環形圖、績效重點數據，紫色作為 AI 功能、待啟動任務主色，綠色代表完成 / 核驗狀態，橙色代表進行中任務，四色形成強區分度，快速識別數據與任務狀態；
文字層級：純白色大號數字展示核心指標，淺灰色小字承載輔助說明，高對比度保障深色界面文字清晰可讀；
操作功能色：白色作為按鈕、彈窗基礎底色，與深色背景形成柔和對比，不刺眼。
3.2 全場景可復用標準化組件庫
整套后臺搭建完整統一組件體系，覆蓋：側邊導航、數據柱狀圖、環形進度指標、任務日歷卡片、截止任務卡片、會議日程卡片、任務狀態標簽、彈窗浮窗、AI 功能按鈕、人員頭像組件等全部頁面基礎元素。
統一組件帶來雙重企業使用價值：
管理 & 執行端：全頁面視覺、交互邏輯統一，新入職團隊成員快速上手系統，降低工具學習成本；
產品迭代端：新增項目模塊、AI 功能、管理報表可直接復用現有組件，大幅縮減設計、開發人力成本，系統拓展性更強。
3.3 品牌視覺體系配套
項目配套專屬點狀抽象品牌 Logo，以圓點陣列構成字母 M 圖形，簡約幾何風格和后臺科技極簡視覺完全統一，線上后臺、宣傳物料視覺語言貫通，強化企業項目管理工具專屬品牌記憶點。
四、交互與企業管理體驗核心亮點
全局信息前置設計：首頁聚合工時、進度、任務、會議、協作人員全部核心數據，減少多層級頁面跳轉，提升管理者統籌效率；
AI 自動化全流程賦能：自動績效分析、到期提醒、任務重分配，替代大量人工統計、跟進工作，壓縮管理人力成本；
標準化色彩狀態體系：任務、數據、功能通過固定色彩區分，無需閱讀文字即可快速抓取核心信息；
輕量化懸浮彈窗交互：任務詳情、人員信息、操作菜單均采用浮窗展示，無需新開頁面打斷當前工作流；
多模塊分區獨立卡片設計：截止任務、會議、周期數據分區隔離，信息互不干擾，邏輯清晰不雜亂。
五、項目商業落地價值
提升企業項目交付效率：全局可視化管控 + AI 自動化工具，提前識別項目滯后風險，降低延期交付概率，提升項目交付質量；
縮減企業管理人力成本：自動統計、智能提醒、任務重分配功能，減少項目專員、行政跟進、數據統計的人工工作量；
差異化市場競爭力：市面多數項目管理工具缺少內置 AI 輔助模塊，深色高端可視化界面精準面向中大型企業、科技團隊，形成獨特產品優勢；
可持續業務拓展：模塊化組件架構可后續拓展多項目臺賬、財務工時統計、客戶對接模塊，滿足企業長期數字化管理升級需求。
六、全案設計總結
雙人群需求平衡設計：同時兼顧企業管理者全局數據統籌、一線執行團隊輕量化任務操作兩類核心訴求；
B 端深色數據界面分層設計，核心指標放大前置，輔助信息收納至次級區域，解決海量數據閱讀困難問題；
AI 功能深度融入產品全流程，用自動化設計解決企業重復性管理工作痛點；
全組件化界面搭建，統一視覺與交互標準，兼顧團隊使用流暢度與產品長期迭代拓展能力。
圖片來自Behance
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
線上醫療問診預約 App 全案用戶體驗價值解析
北京蘭亭妙微 UI 設計公司，成立 16 年來，始終保持著對國內外優秀設計作品的學習與研究。我們持續追蹤全球前沿的 UI/UX 設計趨勢，從中提煉可落地的設計方法論，分享給同樣熱愛設計的你。今天，我們來深度拆解一套線上醫療問診預約 App 的ui設計，從信息架構、配色策略、移動端適配到數據敘事的視覺表達，逐一解析其背后的設計決策。
一、項目基礎概述
1.1 項目背景與核心用戶痛點
本項目是一站式線上醫生預約診療 App，核心覆蓋兩類使用人群：有問診、復診需求的普通就醫用戶、多科室私立診所 / 綜合醫療機構運營方。
傳統線下就醫與老舊醫療預約產品存在多重體驗短板：
用戶端：掛號流程繁瑣，科室查找復雜，醫生資質、出診時間、收費標準信息分散，預約操作步驟冗長；無法直觀查看患者真實評價，難以快速匹配適配自身需求的醫師；
機構運營端：多科室數據分散，預約、改期、取消流程依賴人工客服，人力成本高，缺少統一的患者管理與線上獲客渠道；
界面體驗：多數醫療軟件色調沉悶、信息堆砌，頁面層級混亂，中老年用戶操作門檻高，缺乏安全感與專業舒適感。
本產品以「簡化全流程預約、透明化醫療信息、輕量化多科室管理」為核心設計思路，從患者就醫體驗、機構運營效率兩大維度解決行業現存痛點。
1.2 項目核心設計目標（以用戶真實需求為核心）
降低用戶就醫操作門檻：科室分類直觀，預約鏈路極簡，全年齡段用戶均可獨立完成掛號；
醫療信息透明化：集中展示醫師從業年限、接診人數、收費、出診時段、真實患者評價，幫助用戶快速決策；
優化機構運營效率：線上自助改期、取消預約，減少客服接待壓力，打通多科室統一管理后臺；
統一專業溫和的視覺體系：醫療向低飽和藍為主色調，搭建標準化組件庫，全頁面視覺、操作邏輯連貫，塑造安心可靠的醫療品牌感知。
1.3 完整用戶使用閉環
產品覆蓋完整就醫線上流程：科室快速篩選 / 搜索 → 醫師列表瀏覽對比 → 醫師詳情資質查看與評價查閱 → 選擇就診日期時段 → 一鍵完成預約 → 預約單管理、線上改期取消、就診后評價反饋。
二、全鏈路用戶使用體驗拆解
2.1 首頁科室篩選頁：快速定位就診需求
頁面頂部設置全局搜索框，支持醫生、病癥、科室關鍵詞檢索；下方以統一圖標色塊分區展示全科室入口，心內科、牙科、婦科、心理科等八大常見科室一目了然，無需多層菜單查找。
下方醫師推薦卡片集中展示核心信息：醫師姓名、所屬醫院科室、綜合評分、每日出診時段，底部放置醒目黑色預約按鈕，用戶無需進入詳情頁即可快速發起掛號，大幅縮短操作路徑。同時支持收藏心儀醫師，方便后續復診快速查找。
2.2 醫師詳情頁：完整透明展示醫療信息
點擊醫師卡片跳轉詳情頁，分層陳列全部決策所需信息：
基礎資質：從業年限、累計接診患者數量、每小時診療費用；
就診預約模塊：下拉選擇就診月份、具體日期，多時段分時選擇框清晰區分可預約檔期；
患者真實評價板塊：拆分接診溝通、院內環境兩大評價維度，星級直觀展示醫師服務水平。
全部信息分區清晰，主次分明，用戶無需反復翻頁即可完整了解醫師情況，減少決策顧慮。
2.3 預約與訂單管理頁：自助化降低人工成本
預約成功后生成專屬就診訂單卡片，清晰標注就診醫師、時間、地址；支持用戶線上自主更改就診時間、取消預約，全部操作無需聯系客服。
訂單配套核對清單，區分線上問診、線下到院診療兩類服務，就診前自動留存預約憑證，方便到院核驗，同時減少機構前臺核對工作量。
2.4 就診評價頁面：完善雙向反饋體系
就診結束后用戶可提交多維度星級評價，分別針對醫師溝通服務、醫院環境兩大板塊打分，評價數據實時同步至醫師主頁，為后續患者提供真實參考，同時幫助機構優化服務短板。
三、視覺與組件系統：塑造專業安心的醫療氛圍
3.1 色彩視覺體系（適配醫療行業信任感需求）
主色調：干凈柔和的深海藍，醫療行業通用信任色，低飽和度不刺眼，弱化就醫焦慮感；
基底色：純白 + 淺灰頁面底色，弱化視覺壓迫，長時間瀏覽無疲勞感；
功能區分色：純黑色作為主行動按鈕（預約、提交），高對比度突出核心操作；淺灰用于次要標簽、輔助文字；紅色愛心作為收藏標識，輕微點綴提升頁面活力。
3.2 標準化可復用組件庫
整套 App 統一標準化組件，覆蓋科室圖標按鈕、醫師信息卡片、星級評分模塊、日期時段選擇器、評價表單、底部操作按鈕等全部基礎元素。
統一組件帶來雙重用戶價值：
患者端：全頁面操作樣式、交互邏輯一致，老人、新手無需反復學習頁面操作；
機構運營 & 迭代端：新增科室、活動頁面可直接復用組件，大幅降低開發與設計成本，系統擴展性更強。
四、交互與用戶體驗核心亮點
需求前置篩選：首頁直接展示全科室入口 + 熱門醫師推薦，用戶打開 App 即可完成核心操作，減少跳轉層級；
信息分層減法：醫師卡片只保留關鍵決策信息，詳細資質、評價收納至詳情頁，首頁不堆砌冗余文字；
全自助預約管理：支持自主改期、取消預約，減少機構人工客服壓力，提升用戶自主操作便捷度；
透明化評價體系：多維度星級評價直觀展示醫師服務水平，消除用戶線上掛號信息不對稱的顧慮；
極簡預約鏈路：從選科室到完成掛號僅 3 步核心操作，無多余彈窗、表單攔截。
五、項目商業落地價值
提升患者留存與轉化：簡化掛號流程、信息透明化，降低用戶就醫決策成本，提升線上預約轉化率，為醫療機構拓寬線上獲客渠道；
降低機構運營人力成本：線上自助改期、取消、評價全流程自動化，大幅減少客服、前臺接待工作量；
打造差異化線上醫療品牌：溫和簡約專業的視覺風格，區別于市面上雜亂繁雜的醫療 App，塑造安心可靠的品牌形象；
可持續業務增長：模塊化系統架構支持后續拓展會員套餐、線上問診、治療套餐等增值業務，幫助機構提升長期營收。
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
Dorun Dorun 結伴跑步社交 App 全案體驗價值解析
北京蘭亭妙微 UI 設計公司，成立 16 年來，始終保持著對國內外優秀設計作品的學習與研究。我們持續追蹤全球前沿的 UI/UX 設計趨勢，從中提煉可落地的設計方法論，分享給同樣熱愛設計的你。今天，我們來深度拆解一套結伴跑步社交 App 的ui設計，從信息架構、配色策略、移動端適配到數據敘事的視覺表達，逐一解析其背后的設計決策。
Dorun Dorun 是一款主打「結伴慢跑、運動社交」的輕量化跑步記錄 App，核心服務兩類人群：日常慢跑愛好者、想要養成運動習慣卻難以獨自堅持的普通用戶。傳統運動類產品普遍存在用戶體驗短板：
1. 獨自運動缺少陪伴與正向激勵，用戶極易放棄打卡，運動留存率低；
2. 運動頁面數據繁雜冰冷，純數字圖表枯燥，缺少情緒共鳴；
3. 社交鏈路薄弱，無法實時查看好友運動狀態，運動分享形式單一；
4. 界面視覺生硬嚴肅，長時間使用容易產生疲憊感。本項目通過「陪伴式 IP + 實時社交 + 輕量化運動記錄」的設計思路，從情緒、功能、視覺三層解決用戶堅持運動難、社交互動弱的核心痛點。
1. 降低運動門檻：新手引導清晰易懂，操作步驟極簡，零基礎用戶也能快速上手；
2. 打造陪伴式情緒體驗：專屬卡通 IP 貫穿全流程，消解獨自運動的孤獨感，持續給予運動激勵；
3. 完善運動社交閉環：實現好友實時位置 / 運動狀態查看、運動成果個性化分享、長期運動數據沉淀；
4. 統一全頁面視覺語言：搭建標準化組件庫，保證從引導頁、運動頁到個人中心，操作邏輯、視覺感受連貫統一。
產品完整覆蓋運動全生命周期：新手引導 →運動前好友狀態查看→運動中軌跡實時記錄→運動后個性化打卡分享→個人長期運動數據存檔，形成完整的“運動—社交—復盤”閉環。
開屏三頁引導完全站在用戶視角，直白展示三大核心功能：結伴跑步、查看好友實時運動、打卡分享運動日常。頁面搭配治愈 IP 形象，文字簡短易懂，底部統一行動按鈕，無多余信息干擾，用戶 3 秒就能明白產品能為自己帶來什么，大幅降低新用戶認知成本。
運動前頁面：社交激勵喚醒運動動力
用戶進入 App 首頁即可實時查看全部好友運動動態：包含好友跑步距離、上次運動時間、在線狀態。配套暖心喚醒通知機制：針對 3 天以上未運動的好友推送提醒，通過社交督促激發用戶運動意愿，解決 “獨自運動沒動力” 的核心痛點。頁面信息分層清晰：好友動態列表為核心區域，底部放置一鍵開啟跑步的主按鈕，用戶無需多次跳轉就能快速開啟運動。
跑步過程頁面摒棄繁雜數據堆砌，只保留用戶最關心的 4 項核心信息：實時距離、運動時長、配速、步頻；搭配彩色漸變地圖軌跡，直觀展示跑步路線，視覺柔和不刺眼；全程僅保留 “暫停記錄”“結束跑步” 兩個核心操作按鈕，避免多余功能分散用戶運動注意力，適配戶外跑步單手簡易操作的使用場景。
跑步結束后支持兩種打卡展示形式：標準軌跡地圖、自定義實景照片背景；用戶可自由替換背景圖，搭配運動數據生成專屬運動動態，豐富分享素材，提升用戶主動分享至社交平臺的意愿。極簡一鍵發布按鈕，完整打通 “運動完成 - 分享互動” 的社交鏈路。
個人主頁分為兩大模塊：打卡相冊、月度運動記錄清單。打卡相冊以日歷圖文形式留存每一次運動瞬間，月度清單清晰展示每日跑步數據，讓用戶直觀看見長期運動收獲，強化堅持運動的成就感，提升用戶長期留存。
項目打造專屬藍色軟萌球形 IP，覆蓋全套情緒表情：開心奔跑、疲憊低落、加油鼓勵、心動點贊等，適配 App 全部使用場景。核心設計邏輯：將冰冷的運動數據賦予情緒溫度，用戶運動時、懈怠時、完成目標時都有對應 IP 形象陪伴，消解獨自運動的枯燥感，建立情感聯結。IP 統一應用在彈窗、氣泡提示、卡片、引導頁，品牌記憶點極強。
· 主色調：柔和淺天藍色，低飽和度不刺眼，適配長時間戶外、室內看手機場景，傳遞輕松治愈的運動氛圍；
· 輔助色：淺灰、純白作為頁面基底，深藍色作為主操作按鈕，區分主次操作；
· 狀態色：火焰橙、愛心粉、星星淺黃作為情緒點綴色，僅用于 IP、標簽小元素，不破壞整體干凈清爽的視覺基調。
整套 App 搭建完整可復用 UI 組件庫，覆蓋按鈕、輸入框、列表、卡片、彈窗、底部導航、標簽氣泡等全部基礎元素。統一組件帶來兩大用戶優勢：
1. 全頁面操作邏輯一致，用戶切換頁面無需重新適應操作方式；
2. 界面整潔統一，無雜亂視覺元素干擾，查找功能、閱讀信息效率更高。
1. 實時好友同步機制：無需主動刷新，一鍵查看好友當前跑步位置與進度，實現“線上結伴跑步” 的陪伴感；
2. 輕量化信息減法：運動頁面只保留剛需數據，非必要功能全部收納至次級頁面，適配戶外單手操作；
3. 情緒化反饋設計：所有彈窗、通知、結果頁面搭配對應 IP 表情，運動完成給予正向鼓勵，懈怠時給予溫柔提醒；
4. 多形式分享載體：支持地圖軌跡、實景照片雙模式打卡，滿足不同用戶的社交分享喜好；
5. 數據可視化沉淀：日歷相冊 + 月度清單雙重形式記錄運動成果，直觀強化用戶運動成就感。
1. 提升用戶留存：依靠陪伴 IP + 社交激勵雙設計手段，解決運動類 App 普遍存在的 “三分鐘熱度” 流失問題，拉長用戶使用周期；
2. 降低用戶獲客成本：豐富個性化打卡素材，驅動用戶自發向外分享傳播，實現自然流量裂變；
3. 差異化市場競爭力：市面上多數跑步軟件偏向專業硬核數據，本產品主打治愈陪伴社交，精準切入普通休閑慢跑人群空白賽道；
4. 低研發迭代成本：全套標準化組件庫，后續新增活動、功能頁面可快速復用，降低產品迭代開發成本。
1. 以用戶情緒需求為底層邏輯，不止做運動數據工具，更打造陪伴式運動社交空間；
2. 全流程輕量化信息設計，區分運動前 / 中 / 后不同場景的用戶操作需求，精準簡化頁面信息；
3. 專屬 IP 貫穿全場景，建立獨特品牌情緒記憶點，和同類運動產品形成明顯視覺差異化；
標準化組件系統統一全端體驗，兼顧用戶使用流暢度與產品長期迭代效率。
圖片來自Behance
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
近期完成了一個頗具成就感的項目——青海師范大學大氣污染可視化系統的界面視覺設計與交互設計。
項目背景：
該系統由青海師范大學委托進行重點頁改版，旨在參加環保信息化領域的比賽。原系統界面功能區劃分明確，但數據堆疊較為擁擠，視覺比重失衡，信息層級模糊，導致用戶難以快速聚焦核心內容。
設計策略與優化：
1、風格定位：采用科技感設計語言，以深藍為基底，通過背景圖案增強縱深感，輔以科技感邊框與線條點綴，在豐富頁面層次的同時突出關鍵數據。
2、信息重構：面對龐雜數據，去粗取精，提煉核心內容。通過文字顏色、粗細及高亮處理的差異化運用，強化主次層級，使用戶能夠以直觀的方式獲取信息，有效降低理解難度。
3、視覺優化：以清晰圖表替代文字堆砌，適度留白營造呼吸感。關鍵數據浮于場景之上，形成空間層次，在有擴展性的同時提升閱讀體驗。
4、場景落地：完成全國頁面及山西省臨汾市專題頁的精細化設計，涵蓋治理事件、效果分析及污染濃度趨勢等核心模塊。
一點感悟：
大屏設計的核心難點從來不是炫技，而是將復雜數據轉化為清晰易懂的信息。界面之美，在于讓用戶"一眼就懂"。
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
Voltera 新能源停車充電系統 UI 全案深度拆解
北京蘭亭妙微 UI 設計公司，成立 16 年來，始終保持著對國內外優秀設計作品的學習與研究。我們持續追蹤全球前沿的 UI/UX 設計趨勢，從中提煉可落地的設計方法論，分享給同樣熱愛設計的你。今天，我們來深度拆解一套雙端停車充電系統的ui設計，從信息架構、配色策略、移動端適配到數據敘事的視覺表達，逐一解析其背后的設計決策。
Voltera 是一套服務于新能源停車場的一體化智能管控系統，主要面向兩大使用群體：停車場運營管理人員、新能源車主。
在傳統模式下，雙方都存在明顯使用困擾：車場管理者無法直觀查看車位狀態、充電樁使用數據，場地利用率難以把控；新能源車主尋找空閑充電車位費時費力，充電進度、能耗情況也無法實時了解，雙方使用體驗都大打折扣，信息不通暢成為最大問題。
1. 面向車場運營者：把繁雜的運營數據簡化呈現，支持全天候實時監控、數據趨勢查看、車位預約管理，讓管理工作更高效；
2. 面向新能源車主：簡化操作步驟，快速找到合適的充電車位，實時查看充電狀態與能耗，打造便捷的用車體驗；
3. 全場景視覺與體驗統一：電腦管理后臺、手機 App、線下廣告屏保持體驗一致，線上線下服務無縫銜接。
系統支持多設備使用，包含 PC 端管理后臺、蘋果移動端 App、戶外立式信息屏，全面適配不同場景下的使用需求。
整套系統根據兩類人群的使用習慣，規劃了專屬操作流程：車主可完成登錄、查找車位、在線預約、實時查看充電狀態等操作；車場管理人員可查看全場車位數據、統計使用趨勢、管理充電訂單。
使用優勢：
1. 功能分區明確：系統劃分為登錄首頁、全場數據總覽、車位篩選、充電數據查看、系統設置幾大板塊，功能劃分清晰，上手零門檻；
2. 體驗持續優化：結合大量真實用戶的使用反饋反復調整流程，規避操作卡頓、查找困難等問題，適配不同年齡、操作習慣的使用者；
3. 人群需求區分：管理端側重全場宏觀數據，車主端聚焦個人用車需求，功能不冗余，每個人都能快速找到自己需要的內容。
電腦端專為車場管理人員打造，布局規整合理：左側為常用功能入口，中間展示車位信息，右側搭配全場停車場全景視圖，底部呈現各類運營數據。
使用特點：
1. 信息主次分明：首頁優先展示空閑車位、占用車位、充電車位等核心數據，再延伸至車位詳情、月度 / 周度使用率等輔助信息，查看邏輯循序漸進；
2. 操作靈活便捷：支持全景地圖縮放、鼠標懸停查看車位詳情，還可自由切換年、周、日不同時間維度的數據，滿足多樣化管理需求，適配長時間辦公查看的使用場景。
（2）手機 App：輕量化設計，隨手即用
手機屏幕空間有限，系統遵循 “核心功能優先展示” 的原則，打造極簡使用體驗：
1. 底部設置固定導航欄，將充電這一高頻功能放在核心位置，點擊即可直達；
2. 首頁優先展示停車場全景與推薦車位，充電頁面重點突出充電進度，能耗數據也以簡易圖表呈現，一目了然；
3. 全設備體驗統一：手機端沿用電腦端的信息展示樣式，僅精簡內容，用戶切換設備使用時，無需重新適應，學習成本極低。
整套界面采用簡約商務風格，以易用性為核心打造視覺體驗：
· 整體以白色、淺灰色為基底，色調柔和，長時間查看屏幕也不易產生視覺疲勞；
· 用不同顏色區分設備與車位狀態：綠色代表車位空閑、充電運行正常，藍色專屬標識新能源充電樁，橙色提示使用高峰，黑色按鈕標注主要操作選項，無需閱讀文字，僅憑顏色就能快速判斷狀態；
· 品牌視覺統一：簡約品牌標識貫穿所有設備，線下宣傳物料也保持同款風格，整體觀感整潔專業。
文字大小區分明確，核心數據放大展示，輔助說明文字簡潔精煉；頁面預留充足留白，內容排布疏密得當，不會出現信息擁擠的情況。
系統搭配實景圖片、簡易圖表輔助展示：用車場、車輛實拍圖讓場景更直觀；用折線圖、柱狀圖展示數據變化；用彩色區塊區分不同車位類型，告別密密麻麻的文字描述。
系統將各類信息整合為標準化展示模塊，分類清晰：
1. 車位信息模塊：清晰標注車位位置、步行距離、收費標準、充電標識與預約按鈕，電腦端多列展示、手機端單列排布，查閱方便；
2. 數據統計模塊：突出核心數據，搭配簡易圖表，使用率、能耗等數據直觀可見；
3. 充電詳情模塊：整合車輛狀態、充電功率、剩余時長等信息，電腦端、手機端均可靈活查看。
規整的展示形式，讓信息查找更快捷，大幅提升使用效率。
1. 重點數據放大呈現，車位占用率、充電進度、使用漲幅等核心信息第一眼就能捕捉；
2. 支持多維度數據對比，管理人員可清晰區分普通車位與充電車位的使用差異，為運營決策提供參考；
3. 懸浮提示功能：鼠標點擊或懸停即可查看數據解讀，不用反復跳轉頁面，查看數據更省心。
1. 智能推送貼心便捷：車主打開 App，系統會自動推薦距離最近的空閑充電車位，省去手動篩選的麻煩；車場管理后臺首頁直接展示全場運營數據，無需層層點擊查找；
2. 數據實時同步：電腦后臺與手機 App 數據實時聯動，車位狀態、充電進度毫秒級更新，信息零延遲；
3. 操作流程極簡：從找車位、預約、充電到結束訂單，全程僅需幾步核心操作，無多余彈窗與繁瑣表單，使用流暢；
4. 線上線下體驗聯動：線下戶外信息屏與手機 App、電腦后臺使用同款視覺與內容，服務體驗保持統一。
1. 兼顧管理與使用雙重需求：一套系統同時滿足車場運營的大數據管理需求，和車主輕量化的用車需求，幫助停車場降低運營成本，提升整體服務效率；
2. 用數據賦能智慧運營：系統將車位空置率、充電樁使用率等運營數據直觀呈現，幫助車場管理者合理調整定價、規劃充電樁布局，實現精細化運營；
3. 貼合新能源行業調性：整體風格簡約大氣，契合新能源汽車科技、高端的行業定位，區別于傳統老舊的停車系統，提升車場整體形象。
1. 多設備無縫適配：電腦、手機、線下屏體驗統一，不同場景使用都順手；
2. 數據展示通俗直觀：不管是管理人員還是普通車主，都能輕松看懂各類數據；
3. 流程前置優化：結合真實使用習慣規劃操作路徑，從源頭減少操作麻煩；
4. 精準區分人群需求：針對管理者、車主打造專屬功能，各司其職，實用性拉滿。
轉載自Behance
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
螞蟻阿福 APP 以 AI 醫生朋友的身份重新定義健康管理，從對話式醫療入口到智能體驅動的全流程服務，這款應用正在顛覆傳統醫療產品的交互邏輯。它不僅通過人格化設計降低醫療決策壓力，更借助阿里生態實現從咨詢到就診的完整閉環。本文將深度解析其創新設計如何重構用戶與醫療服務的連接方式。
今天向大家分享一款最近剛推出的螞蟻旗下的 AI 健康助手——螞蟻阿福 APP ，希望你能從這篇產品體驗分析中有所收獲。如果你覺得我們的文章有價值，歡迎分享給你的朋友！
螞蟻阿福是螞蟻集團推出的 AI 健康管理應用，由原 AI 健康工具 AQ 升級而來。產品愿景是成為用戶的 AI 醫生朋友，提供健康咨詢、圖片解讀（支持報告、病例、處方、藥盒）、個人和家庭健康檔案管理，以及預約掛號、云陪診等醫療健康服務。
當你打開螞蟻阿福 APP的第一刻，你會發現它像 ChatGPT、DeepSeek 一樣，只有一個對話框。這正是 AI-UX 的典型表現形式——把「對話」作為核心入口，弱化傳統的多層級導航，讓用戶用一句話就能觸達預約、解讀報告、癥狀咨詢等多種服務。交互形式就像與醫生聊天，而不是過去在 App 里找入口、找功能。
對話式AI交互和傳統的菜單欄相比，用戶的心智需要改變什么？
最近我對用“用戶心智”這個知識點有了全新的理解。這得益于剛好在嘗試全新交互的設計，而體驗到阿福時，我尤其感同身受，因此重新思考了這個問題。
從交互方式上看，傳統菜單欄要求用戶預先了解功能位置和層級結構，通過”點擊—瀏覽—選擇”的路徑完成任務。而對話式 AI 交互讓用戶從”尋找功能”轉向”表達需求”，用自然語言直接描述問題，對話即交互、對話即操作。
這種轉變對應著心智模型的兩個層面：
另外，你會發現阿福的頭部有點擁擠（包含用戶中心、智能體、任務中心等入口）。這是因為過去在菜單欄或金剛區的高頻功能都被上移了。也許這就是未來的設計趨勢——”菜單欄”從下往上，把最寶貴的黃金位置留給 AI。
心智模型（Mental Model）
心智模型是用戶基于過去經驗形成的認知框架，決定了他們如何理解產品的運作方式。它影響用戶如何理解界面、預測交互結果并做出操作決策。當產品的實際運作方式與用戶的心智模型一致時，體驗會更流暢；反之則會增加學習成本和認知負擔。
與傳統 AI 對話式交互不同，阿福將醫療場景中的高頻應用設計成獨立智能體。用戶可以在底部對話框上方和頭部直接觸發，比如接下來介紹的 AI 診室。使用其他 AI 工具問診時，體驗往往缺乏儀式感。但在阿福中，點擊 AI 問診后，系統會明確提示”你已進入 AI 診室問診中”。接下來的流程會聚焦于你的癥狀，進行梳理分析，最終推薦適合的醫院和醫生。
另外，阿福受益于阿里健康和支付寶的強大生態，可以在 APP 內完成預約和問診的閉環。用戶只需一個 APP，就能完成從診前咨詢到在線就診的全流程。
如果你覺得 ChatGPT、DeepSeek 這類對話式 AI 產品的交互過于簡單，融入智能體設計的阿福會給你更多驚喜。智能體像一個封裝了特定功能的應用，具有明確的目標導向，用 AI 服務于這個目標，而不是讓用戶在自然語言中”摸索路徑”。換句話說，智能體就像傳統的二級功能模塊——用戶觸發后，系統會在當前場景中圍繞這個需求進行交互。
正是這個流程的設計，讓我發現了它的獨特之處。無論是之前體驗過的阿里旗下安診兒和訊飛曉醫，還是我 7 月份構思的北京協和互聯網醫院 AI 版本方案，都未曾想過可以通過智能體來豐富交互設計形式。
AI 智能體是什么？
AI 智能體（AI Agent）是一種能夠自主感知環境、做出決策并執行任務的 AI 系統。與傳統的對話式 AI 不同，智能體具有明確的目標導向，能夠調用多種工具、API 和服務來完成復雜任務。
AI 找醫生這個智能體同樣帶給我很大的驚喜和啟發。它成功地將傳統醫療 APP 中用戶已經熟悉的交互模式融入產品，同時巧妙地結合了 AI 智能對話方式，形成了一種既保留用戶認知習慣又具有創新性的混合交互體驗。
體驗完這個智能體的交互流程后，我意識到過去對對話式 AI 產品的交互和 UI 理解過于淺顯。它們確實主要依靠對話交互，但隨著智能體的發展，每個智能體都代表一個獨立的流程、內容甚至風格。
以 AI 找醫生為例：它融合了傳統的 TAB 框架，讓用戶按科室或疾病查找；當 AI 推薦的數據不滿意時，還提供”查看全部”按鈕，引導用戶進入二級頁面進行個性化篩選。這個設計讓我發現，AI 產品遠比想象中豐富——它不只是簡單的對話框和側邊欄。
寫到這里，我突然想起另一款對話式醫療 APP——訊飛曉醫。當我輸入”預約掛號”時，系統只能提示我跳轉至其他醫療網站完成掛號。相比之下，阿里的生態能力令人贊嘆：阿福直接連接好大夫等平臺，用戶可以在 App 內完成從 AI 推薦、查看醫生到付費問診的全流程，無需跳出即可實現就診閉環。
早在 2023 年參與釘釘智能體測評時，我就有過類似構思：如果將專家過往的就診經驗和知識喂養給 AI 并進行專門訓練，這個智能體能否解決 80% 的診前基礎咨詢？當我體驗這個智能體并查詢相關資料后，發現阿福的醫生 AI 分身確實做得非常出色。
該模型（官方名稱叫螞蟻·安診兒醫療大模型 AntAngelMed）基于海量醫學文獻和去隱私化的真實病例數據構建，具備”深度思考”能力。它可對復雜、信息不全的臨床場景進行多輪推理、邏輯驗證與自我糾錯，助力精準診療。
在產品層面，AI 醫生整合了語音對話、掛號、補號申請等多種功能和場景。患者可以像與真人交流一樣咨詢，醫生則能 24 小時服務多位患者。
醫生 AI 智能體這一創新模式對多個行業領域具有重要的參考價值。它的核心在于：將一位擁有數十年臨床經驗的醫療專家所積累的專業知識、診療經驗和實踐智慧進行系統化的數據處理和標準化轉換，再借助人工智能技術，使這些專業知識能夠同時為成千上萬的用戶提供高質量的服務。
我甚至有一個大膽的設想：在未來，即便一個專家壽終正寢，只要他能把自己的知識庫和經驗傳送給 AI，這個專家是不是就并未真正離去，而是可以繼續造福我們的子孫后代？
「健康小目標」是一個圍繞具體健康意圖（如改善睡眠）展開的目標型智能體。它通過 AI 引導式問答拆解目標，自動生成可執行的日常任務，并將”制定計劃—每日打卡—正向反饋”完整串聯，形成持續的行為干預閉環。
體驗這個功能時，我特意下載了幾款健身打卡 APP，對比阿福的打卡流程與專業健身應用的差異。整體體驗下來，阿福的用戶體驗更流暢。由于首頁更聚焦、更簡潔，我可以一目了然地看到所有打卡任務。
這個智能體給了我兩點啟發。
第一，表單類操作（如添加就診人、填寫問卷等）可以直接在對話框中完成，無需跳轉到新頁面。實際體驗下來，這種設計不僅高效，還能保持用戶的使用連貫性。
第二，健康小目標就像常見的用戶簽到打卡功能，通過持續打卡增強用戶活躍度。但我認為最大的亮點在于：你可以在對話框中輸入想實現的目標，系統就會為你自動規劃。這正是自我決定理論（Self-Determination Theory）的絕佳體現，當用戶具備自主性和勝任感時，他們會感覺是在主動使用產品，而非被產品操控。
這還是我第一次如此細致地了解我的皮膚，因為阿福的 AI拍皮膚智能體更像一個一體化的皮膚管理工具。不僅可以拍患處、看舌苔，還可以測膚質、測毛發。很幸運，工作了這么多年，我還沒有禿頭的跡象，AI 給我的測評是要注意休息、少熬夜，目前毛發良好。
我不得不感嘆當今 AI 技術的飛速發展。當我完整體驗了看舌苔、測膚質和測毛發這些功能時，雖然或許是我之前未曾留意，但還是給了我很大的震撼。AI 僅通過不同視角和角度的拍照，就能在短時間內快速評估出用戶皮膚的健康狀況——這本身就是科技的巨大進步。我沒有去找 ChatGPT 探討背后的技術原理，只想從一個普通用戶的角度，表達我體驗這些技術時的真實感受。
「藥管家」圍繞患者真實的用藥場景，將藥品識別、用藥管理、用藥指導、價格查詢與購買行為整合為連續流程。用戶從”我手上有什么藥/我需要吃什么藥”出發，可以自然完成從查詢、添加到用藥提醒，乃至購買的全鏈路操作。AI 在其中承擔持續輔助與決策支持角色。
這個環節讓我深刻感受到一個完整生態的價值——你在阿福就能實時查詢藥品價格、多維度對比，以及直接通過外賣配送或郵寄下單。
C 端產品的頁面空間寸土寸金。當我添加了用藥提醒后，我突然意識到阿福的首頁其實是一個任務中心，而非傳統的科普資訊推薦區。特別是與安診兒 APP 相比，阿福的首頁雖然看起來千人千面,但它能夠感知、讀取并提醒用戶——無論是健康打卡、健康數據還是用藥提醒,這個卡片區的場景拓展與應用都關聯著整個產品的功能體系。
體驗到這里時，恰好我剛帶小孩去醫院做了個小檢查。拿到抽血報告后，我嘗試將報告拍給阿福，親身體驗了 AI 報告功能。與醫生相比，阿福的 AI 報告能幫助患者更系統、更完整地了解細節。醫生工作繁忙，雖然經驗豐富、能快速判斷病情，但往往沒有足夠時間為患者詳細解釋。
AI 報告不僅為患者提供多輪對話追問，最后還會自然銜接 AI 診室、醫生解讀與醫院推薦，形成從”看不懂報告”到”下一步怎么做”的完整閉環。
我們也許真的要認真思考如何利用 AI 來幫助我們更好地生活了，比如 AI 報告這樣的功能，它至少可以解決大部分患者對于專業報告的疑惑，了解 50%-70% 的基礎情況。過去的互聯網醫院可以解決全國城市醫療資源不對等的痛點，而隨著 AI 的加持，我覺得這種痛點會逐漸降低，就像 我在 AI 醫生分身那個環節提到的一樣，如果AI 可以把一個醫生過去幾十年的知識和就診經驗復刻，那么無論我們在哪個城市，都能同時享受到這個醫生帶給社會的價值。
總結與思考
第一，傳統菜單欄會逐漸消失嗎？
正如我在第一部分討論的，阿福的對話式入口給了我很多啟發。看著阿福擁擠的頭部，我真切地感覺到——傳統菜單欄可能會在越來越多的產品場景中徹底消失。甚至連搜索欄這樣的功能，都會被 AI 輸入框替代。對話即交互，對話即搜索，對話即觸發，讓我們拭目以待。
第二，智能體驅動 AI 產品設計創新
我每天都在使用 ChatGPT，長久以來形成了一種刻板印象：對話式 AI 產品的設計平淡無聊，傳統的交互和界面設計似乎不再重要，取而代之的是功能邏輯和提示詞設計。但阿福的設計給了我新的啟發，打破了我對對話式 AI 產品的固有認知——未來的 AI 產品可以結合智能體做出更多創新，交互界面設計依然重要。
第三，對話式 AI 產品的應用場景將越來越廣
我想到了許多應用場景，特別是與醫療高度相似的政務領域，比如稅務、教育等。如果這些傳統行業引入對話式 AI 交互，將極大提升工作效率。試想一下，當你只需在稅務 APP 中輸入幾個字或說一段語音就能開始辦理業務，能為前臺工作人員節省多少時間？在這里給自己定個小目標：2026 年設計一款政企對話式 AI 產品，探索這個領域的設計趨勢。
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
飛書的聊天窗口設計正重新定義企業協作的邊界。通過標簽頁集成、多模態通訊、結構化搜索等創新功能，它將傳統IM工具升級為沉浸式工作臺。本文深度拆解了這款產品如何將碎片化溝通轉化為高效生產力，其設計哲學值得每一位關注協作效率的產品人思考。
今天我想向大家分享我近期對飛書聊天窗口設計的體驗洞察 ，希望你能從這篇產品體驗分析中有所收獲。如果你覺得我們的文章有價值，歡迎分享給你的朋友！
飛書是字節跳動旗下的新一代一體化協作平臺，誕生于 2016 年。它將即時通訊、日歷、文檔、云盤、OKR、審批等功能深度整合，試圖通過”All-in-One”的產品哲學重新定義企業辦公的協作方式。相比傳統 IM 工具，飛書更像是一個以溝通為中心的工作操作系統，致力于消除信息孤島，讓團隊協作變得更加高效與流暢。
飛書的聊天窗口設計徹底打破了”即時通訊工具”的傳統邊界。通過在會話界面頂端嵌入可自定義的標簽頁（Tabs），飛書將對話框重構為一個微型協作工作臺。用戶無需跳轉頁面，即可在聊天上下文中快速切換文檔、云表格、網頁鏈接或關鍵任務，實現從”信息流”到”任務流”的無縫融合。
設計亮點
體驗思考
從接觸飛書到此次深度拆解，中間大概有 3 年多時間。我算不上飛書的重度用戶，但過去 1 年多，飛書已成為我負責的在線教育項目中的主要溝通工具。如果不是這次深度體驗，我從未發現聊天窗口竟然支持 tab 切換查找內容，甚至可以自定義。
當我開始深度體驗時，從上至下的第一個功能就給了我驚喜——它突破了我對聊天窗口的固有認知。傳統的 IM 軟件將溝通（聊天）與結果（文檔/任務）剝離，導致用戶頻繁在應用間跳轉。而飛書通過”標簽頁”將生產力資產直接”拎”到會話層。這種設計策略證明了在 B 端產品中，溝通往往基于具體目標，這就是協作的本質——減少操作跨度就是提升生產力。
體驗到這里，我甚至特意打開企業微信進行對比。畢竟在國內，這兩個工具是企業辦公的二選一。相比飛書,企業微信的聊天窗口采用傳統模式，和微信的聊天模式相差無幾。
另外，這一功能設計充分體現了漸進式披露和自我決定理論這兩個設計策略——不強迫普通用戶接受復雜的工作臺邏輯，而是將深度協作工具隱藏在輕量級的標簽切換中，并充分給予用戶自主性和掌控感。
知識卡片：
漸進披露（Progressive Disclosure）：一種信息呈現策略，只在用戶需要時才展示更復雜或高級的功能，而非一次性呈現所有信息。這種方法防止用戶被過多信息淹沒，減輕認知負荷，讓用戶能逐步學習和適應界面。
自我決定理論（SDT）：人有三個基本心理需求——自主性（想自己做決定）、勝任感（覺得自己做得到）和關系感（感到被認可和接納）。如果產品設計能滿足這些需求,用戶就會更愿意使用。
飛書在聊天窗口頂端集成了覆蓋全場景的通訊矩陣，將語音通話、視頻會議以及運營商電話撥打深度整合在統一的交互入口下。除了文字，還支持語音、視頻和電話撥打。更讓人愛不釋手的是，飛書的語音/視頻不僅可以自由切換，還可以隨時邀請其他伙伴發起多人會議，并提供屏幕共享、錄制、倒計時、直播等工具——溝通體驗真的非比尋常。
設計亮點
體驗思考
在深度使用飛書協作的這一年里（此前三年我都是獨立工作），我才真正理解為什么會誕生飛書、企業微信這類協作軟件。例如，飛書的語音通話可以直接轉化為會議，完美解決了傳統聊天軟件如微信的痛點：第三個人加入時必須掛斷并重建群聊；分享屏幕時不得不切換到騰訊會議。這種”溝通即協作”的邏輯大幅提升了工作效率，無需頻繁切換溝通方式。
相比傳統聊天軟件，這種聊天既協作、語音既會議的模式是從”溝通媒介”到”協作場景”的躍遷。它不僅深度集成了聊天和協作場景，更通過屏幕共享、倒計時和錄制功能，將稍縱即逝的語音信息轉化為可搜索、可引用的數字資產。
飛書聊天窗口的搜索功能不僅是一個關鍵詞入口，更是一個強大的結構化過濾器。它通過將混亂的聊天記錄原子化地拆解為消息、云文檔、文件、圖片/視頻、鏈接等五大維度，配合“來自用戶”與“時間范圍”的多重嵌套過濾，讓用戶在海量碎片化信息中實現秒級定位。這種設計將搜索從一種“試錯行為”轉變為了一種高度確定的“資產調取”過程。
設計亮點
體驗思考
在飛書的聊天窗口中，搜索并不是一個獨立、泛化的全局能力，而是深度綁定在“會話”這一上下文之中。我覺得它的更像是一種從“文本檢索”向“資產管理”的心智遷移。比如傳統的 IM 搜索往往只針對文本，而飛書把對話中產生的每一個文檔、每一條鏈接都定位成數字資產，于是我們可以通過不同的類型、時間、以及發送人去進行篩選。
回到產品設計層面，我覺得飛書的設計，解決了過往我們在傳統 IM 搜索中的三個痛點：
如果要推薦此次產品分析中最驚喜的功能，實時翻譯無疑是我的首選。飛書的實時翻譯功能徹底抹平了國際化協作中的語言鴻溝。通過在聊天設置中深度集成翻譯助手，飛書不僅實現了接收消息的”自動翻譯”，更創新性地推出了”邊寫邊譯”模式。這一設計將翻譯從”被動查閱”升維為”主動表達”的即時增強，讓跨國團隊無需第三方工具，就能在 IM 窗口內完成流暢且地道的原生對話。
設計亮點
體驗思考
體驗這個功能時，我不禁思考：飛書的實時翻譯能否替代 HelloTalk 這類專業語言學習軟件，讓我在真實工作場景中自然地學習外語？它不僅支持自動翻譯和邊寫邊譯，更重要的是能消除語言障礙，提升工作效率。而且，這還是一個完全免費的功能。
發現這個功能后，假如未來我能服務國際客戶，我也覺得不必膽怯。它不僅打破了”表達焦慮”，更能實際解決跨語言協作溝通的難題。
你是否遇到過這樣的情況：用傳統 IM 軟件發送長文字時，需要添加格式，比如加粗、增加項目序號？事實上，我一直忽略了飛書的這個功能。雖然我堅持聊天應言簡意賅，但在工作場景中，確實常需要編輯長段落文字。
飛書聊天窗口通過一鍵轉化功能，將傳統的單行文本輸入框升維為專業的富文本編輯器。這一創新設計打破了即時通訊”碎片化表達”的局限，讓用戶無需跳轉文檔頁面，就能在會話流中直接產出結構清晰、排版精美的深度內容，實現”溝通”與”創作”的無縫對接。
設計亮點
體驗思考
當我拆解得越細致，我發現我對飛書的印象就在一步步的改變。聊天對話框一鍵轉化為富文本編輯器的設計，不僅規避了”長文表達必須跳轉文檔”的痛點，更解決了碎片化聊天導致信息混亂的問題。富文本編輯框本質上是一個”強制信息結構化”的引導工具——通過引導用戶使用項目序號、加粗重點，設計師無形中幫助團隊提升了信息分發效率，確保核心指令不被社交閑聊淹沒。
飛書聊天窗口底部的工具欄是一個集成了多元化辦公能力的原子化矩陣。它不僅涵蓋了基礎的社交元素（如表情、圖片、語音），更深度嵌入了生產力組件（如任務、云文檔、紅包、定位等）。這一設計確保了用戶在溝通的任一環節，都能即時調取對應的工具來推進工作，真正實現了“所聊即所得”的協作閉環。
設計亮點
體驗思考
請點擊“
”按鈕，然后仔細看看飛書底部工具欄藏著多少功能。如果說傳統 IM 軟件的工具欄是社交驅動的，而飛書則是任務驅動的。也許在 B 端的工作場景中，聊天框不應僅僅是字符的傳輸帶，而應成為各業務模塊（如 OA、CRM、任務管理）的統一分發器。
不過雖然工具欄功能繁多，但飛書通過“常用置前、深度收納”的排版邏輯，避免了信息過載。這種設計確保了用戶在基礎聊天時處于“社交心流”中，而在需要專業協作時，又能通過二級菜單快速喚起“協作心流”。
我強烈推薦大家一定要注意飛書聊天窗口底部菜單欄的日程和任務這兩個功能。因為你可以在和同事的聊天中隨時發起會議和任務分配。你甚至不需退出聊天窗口去會議和任務面板，就能把工作的事兒在聊天窗口完成。
飛書通過在 IM 界面深度嵌入這樣的快捷功能入口，消除了傳統辦公軟件中切換應用、同步上下文的繁瑣過程，讓用戶在溝通的任一瞬間都能一鍵將“想法”轉化為“行動”，構建了一個從實時對話到確定性執行的閉環。
設計亮點
體驗思考
我覺得飛書的聊天窗口實在太能理解用戶的需求了，也許這正是飛書是字節跳動內部延伸出來的產品，它的誕生就是為了幫助字節跳動提升效率，所以它能深刻洞察到如何在幾秒鐘內防止辦公效率的流失，從而將會議與任務視為 IM 的內生能力，而不是外部插件。
體驗到這里，我真正改變了自己對飛書的產品認知，它并不是社交工具，而是數字辦公室。即便只是一個聊天窗口，飛書也構建了全能的任務分發器。這種系統功能之間連接的顆粒度，讓人嘆為觀止。
飛書在聊天窗口外圍構建了一套極細顆粒度的消息過濾體系。通過將混合在一起的消息流原子化地拆解為未讀、標記、單聊、群組、云文檔、任務等多個 Tab 標簽，飛書將“閱讀消息”這一行為從無序的翻找升維為精準的任務處理。這種設計極大地提升了信息檢索與處理效率，確保了核心任務在海量溝通中始終處于視覺中心。
設計亮點
體驗思考
當我退出聊天窗口，準備結束這次產品體驗的時候，我又突然發現飛書的消息列表頁也藏著不少細節。如果習慣了傳統 IM 軟件按時間順序堆疊消息的模式，飛書則通過 Tab 標簽來標注消息的狀態，甚至點擊左側篩選，還可以查看標記、@我、標簽、單聊、話題等等更細的分類。
這是一種“信息熵增”的減法交互技巧和策略。隨著工作時間增長，群組與好友數量會不可控地增加（即熵增），Tab 標簽本質上是一套“動態降噪系統”。它允許用戶通過點擊特定的 Tab（如“未讀”），瞬間將復雜的界面簡化為僅剩待辦事項的極簡模式，從而緩解用戶的信息焦慮、提升專注力。
過去幾年我一直在用飛書，但坦白說，在沒有刻意拆解之前，我從未意識到一個聊天窗口里竟然藏著這么多“為效率而生”的設計細節，雖然它是使用頻率最高、卻也最容易被忽略的核心界面。
我們日常使用協作軟件時，常常會沿用其他 IM 的習慣，把它當作一個“像聊天一樣聊天”的地方：發消息、回消息、刷對話就結束了。直到我開始更細致地體驗與對比，才發現飛書把聊天窗口做成了更接近“協作工作臺”的中樞入口。溝通不再只是信息往返，而是能在對話上下文里直接完成。
無論是結構化搜索在海量消息中精準定位關鍵資產，還是一鍵發起會議、隨時分配任務讓“討論”立刻落到“行動”，又或者是實時翻譯讓跨語言協作更順滑，這些能力都盡可能被收攏到同一個聊天窗口里完成。也因此我相信，你在看完這次拆解后，會對飛書的使用場景與產品認知產生新的變化：原來一個聊天窗口不僅能承載溝通，還能承載協作與生產力的閉環。
我認為，飛書把“以場景為中心”的策略發揮到了極致：和 C 端產品不同，它真正聚焦于 B 端協作溝通場景，將用戶最高頻、最真實的工作場景——溝通——作為承載協作的主舞臺。
于是，文檔、任務、會議、搜索、翻譯等能力都能在同一上下文中被自然調用，讓用戶沿著“正在討論什么”這條主線，持續推進到“接下來要做什么”。這種將信息流與任務流緊密耦合的設計，顯著降低了切換成本與認知負擔，也讓團隊的協作軌跡更容易沉淀、回溯與復用。
正因如此，這個聊天窗口幾乎濃縮了飛書的設計精華：既承載其“溝通即協作”的價值主張，也映射出對真實工作場景與用戶需求的深刻洞察。
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
大家一定經常聽說 UI 設計師需要具備產品思維，但又不知道產品思維具體是什么，尤其是很多同學只把產品思維當成是產品經理做需求的能力。
蘭亭妙微UI設計公司：今天我們的主題就是分享產品思維的具體思考方式和應用
產品思維一句話總結，就是——通過規劃產品形式來解決產品問題的思考模式。
這里我們先明確 “產品問題” 是什么，它是一個非常寬泛的概念，可以說所有產品相關的問題都可以是產品問題，包括但不局限于功能、交互、體驗、視覺、技術、服務等領域。
在產品的研發和運營過程中，產品團隊總會發現和積累出各式各樣的問題，比如功能太簡陋不能滿足用戶需求、交互太復雜用戶用不懂、邏輯太復雜技術實現不出來等等。這些問題當然需要被解決，而解決的方式有兩種，一種就是直接使用相關領域的 “技術方案” 解決，另一種就是提供新的 “產品方案” 來解決。
這里技術方案是泛指，指產品以外的其它類崗位使用自身專業技能來解決問題的方案。比如用戶覺得頁面信息混亂，設計師通過布局、尺寸、間距、色彩的視覺調整，就能解決這個問題。或者某些交互設計需要非常復雜的編程方案，前端自己通過鉆研技術，來實現這個效果。
比如下面這些就是純粹的視覺優化方案：
產品方案則是指通過制定或調整產品的功能、服務、表現形式，來解決相關的問題。比如上面覺得信息混亂，不再是改設計，而是直接優化和增減字段信息。交互設計開發起來太難，那就直接調整產品功能，分拆交互步驟降低開發難度。
比如下面這個就是對產品的形式做出了一定的調整：
兩種方案各有優劣，但在真實項目中，產品是先于設計和開發的，好的產品方案不僅能提高產品的實際表現，同時還可以大大降低技術實現的成本。所以在解決問題時，團隊必然會傾向先使用產品思維來創建產品方案，然后再去實施。
總結起來，產品方案就是涉及對產品本身的調整方案。原則上，這種方案是由產品經理提供，設計師只要跟著產品的要求去做設計就好了。
但在真實項目中，產品不可能考慮到所有問題，尤其是和體驗、交互、視覺高度相關的部分。
每當我們每做界面或功能時，碰到所有和產品有關的問題，都需要反饋給產品經理再等它做決策，那么他必然是處理不過來的，項目肯定也做不下去。所以設計師需要在自己力所能及的范圍里，盡量自己去解決這些問題，提高項目整體運轉的效率和質量。
尤其在一些對視覺要求不是特別嚴苛的環境中，UI設計的成果往往“能看”就夠了，領導或者面試官對設計價值的定義就不會在視覺上，往往會聚焦在產品方案上。就是因為設計師自己有產品思維具備解決產品問題的能力時，可以極大的填補產品經理層面的空缺，還可以提高產品質量和研發效率。
但是，產品方案不是只提供解決方案就行了，還需要合理、有效，所以就要綜合各方面的制約與影響，才能輸出優質的結果，這就是一個非常綜合性的分析過程，我很難用簡單的語言進行歸納和總結。
所以，下面就通過前面的案例，來展示產品思維的具體思考過程
在原有兩步路路線詳情頁中，頂部的大圖和信息區域是我重點調整的區域之一。
之所以重點關注，不僅僅是因為它 “不好看”，而是這個大圖的缺陷很多。作為瀏覽用戶，圖片的關注度不是沒有但絕對不是重點，往往只是草草快速瀏覽一遍就夠了，但現在的輪播形式就沒辦法高效看完相關圖例，且占據的篇幅又過大，擠占下方的其它關鍵信息點。
當然也有同學可能會覺得看圖怎么會不重要，你們看小紅書找旅游地不就是被圖吸引然后再點擊進入做出選擇的嘛？
不排除這種情況是存在的，但這不是小紅書，這是一個比較硬核的徒步社區，不是給用戶看大圖就有問題，而是在發布用戶這一側，硬核優質的分享者（是去走或跑幾十公里不是到打卡點自拍）大多不具備那種拍“美照”的能力，最終呈現的路線圖景多數就是隨手一拍的質量，瀏覽用戶壓根沒必要仔細欣賞。
再進一步考慮，有很多經典線路本身景色就不是特別好，尤其是偏越野跑的線路往往雜亂又逼仄，照片帶來的作用更多是一種對路線的概括（功能性），而不是作為吸引人的美照。在這個限制下面，大篇幅展示封面就不會獲得常規以圖片為導向的應用的結果。
這些就是針對問題的分析，而這里面既有體驗的問題，也有產品的問題，甚至還有運營的問題，但具體去區分它們沒有意義，只要它們不是純粹的視覺問題我們都可以統一歸納為它們是產品問題。
基于這些問題去思考解決方案時，就可以問自己一個簡單的問題，是不是只做視覺調整，如優化布局、更改尺寸、添加投影、增加圓角之類操作就能解決。如果不能，那就要涉及到對產品形式的調整了，也就是涉及功能、信息的改動。
這里我們先看改完之后的結果：
為了減少圖片的面積和提高觀看效率，我選擇縮小圖片并做成左右滑動的列表，把發布用戶信息做到上面，合理利用空間且突出收藏、分享等操作。但光改這個依舊只是一個簡單的視覺調整，缺乏深度和細節，沒有什么解釋的空間。
所以再往深一點挖掘，一屏只能展示一張圖多一點，理由不是圖片比例的問題，而是因為用戶發布路線最小可以添加的封面圖只有一張。如果只有一張，那么右側留空顯然是不能接受的，這樣的方案也就做不了。而且只展示圖片實在是有點不夠看。
我會再想到鏈家之類看房軟件的頂部區域，除了展示攝影圖以外，還會添加固定的房型圖，應用了多種圖片類型。而在兩步路中，如果發布路線，除了封面圖外，路線圖本身肯定也是能直接生成圖片的，可以生成類似跑步軟件的那種路徑圖。
頂部圖片也可以不止有用戶自己拍的攝影圖，還可以添加路線生成圖，同時這張圖因為是靜態的，就可以在生成過程中添加一些數據信息或標注內容等，和下方可交互的地圖路線展示區分開來。并且在下方區域添加一個類似電商中 “商品圖/視頻” 切換的標簽快速選擇。
甚至再仔細想想，當我進入路線詳情頁時其實更關注的是路線本身，第一張圖直接放路線圖而不是放在最后，可能對相當一部分用戶來說也是更實用的做法。但這么做就有點激進，需要給出初步設計以后再套一些真實內容做出頁面看效果，這就是內部評審或用戶測試要做的事情了。
到這里這個模塊基本解釋的就差不多了，而我們為了優化它已經做出了一些超出視覺設計外的變更，且需要考慮盡可能多的細節，照顧到方方面面，這就是產品思維應用的過程。
再往下的路線模塊改動也同理，我就不多做展開，你們可以自己深入解構一下：
設計過程中對產品思維的應用，不是成為產品經理構思新的功能需求，而是維持原先目標的不變的情況下，給出新的、更完整、更合理的產品方案。
而產品方案當然不是你們想怎么輸出就怎么輸出，這些方案還需要再后續經過團隊的評審（我要驗牌），也就是說服其他人同意你的設計方案。而光看圖肯定不夠，所以要進行解釋說明，從一開始的問題分析出發，到如何完成這個結果的考慮過程。
在這個場景中只看設計圖效果是最沒價值的，如果你能說服團隊通過，那這套方案就是好方案，如果不行，那不管你想的如何天花亂墜還是視覺做得多花里胡哨都沒用。所以方案構建邏輯性是非常重要的，因為沒有邏輯就沒有說服力。
產品思維本身就是一種比較抽象的思維，提升這種底層思維能力需要通過自己大量的積累。我們后續還會陸續做一些相關的案例分享（這應該才是最有用的）。
同時，面對真實工作場景里產品思維很多時候會淪為一種過稿的武器，是一種職場“詭辯”的技術，畢竟上線有沒有用無所謂，領導、客戶覺得好，才是真的好……
轉載自優設網
蘭亭妙微（藍藍設計）www.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
藍藍設計的小編 http://www.payeee.cn
