當我們談論用戶體驗時，大多數話題都傾向于愉悅感、易用性和效率。但近年來，一個話題卻逐漸受到關注：可持續性。對我來說，“循環用戶體驗”（Circular UX）——為修復和重復使用而設計——并非源于會議演講或流行文章，而是在為內部供應鏈門戶網站進行實際產品改造時。

什么是循環用戶體驗 (Circular UX)？

循環用戶體驗 (Circular UX) 借鑒了循環經濟的理念，致力于延長產品的生命周期。循環用戶體驗 (Circular UX) 并非設計那些快速采用并逐漸淘汰的數字體驗（想想那些迫使你每年購買新版本的應用程序），而是鼓勵設計兼顧耐用性、可修復性和可重復使用性。

這不僅僅是關于使用環保圖標的“綠色UI”。這是為了確保：

• 用戶無需從頭開始重新啟動流程即可修復錯誤。
• 組件可以在不同的流程中重復使用，而無需每次都重新培訓用戶。
• 數據是可移植的和可恢復的。
• 界面會隨著時間的推移而適應，而不是像重置按鈕那樣強制升級。

您已經知道的真實示例

• Google Docs：想想它如何自動保存、查看版本歷史記錄以及恢復舊版本。告別“工作丟失”的恐慌。
• Figma：設計師可以在項目之間重復使用組件和庫，甚至可以回滾到以前的迭代而不會丟失進度。
• iOS 照片應用程序：您可以“取消刪除”照片、恢復編輯以及復制圖像以創建變體 - 鼓勵無所畏懼地進行實驗。
• Shopify 管理員：店主可以復制產品模板、重復使用運輸規則并進行小幅編輯，而不必重建整個目錄條目。

這些都是循環用戶體驗 (Circular UX) 的實際例子：減少重復性工作、使恢復變得容易、并增強探索的信心。

當產品設計為可修復和重復使用時，用戶行為會發生以下變化：

按 Enter 鍵或單擊即可查看完整尺寸的圖像

上圖比較了應用 Circular UX 前后的情況。

• 循環用戶體驗之前：用戶非常謹慎，創建手動解決方法，并大量涌入支持團隊，因為即使是小錯誤也是無法逆轉的。
• 循環用戶體驗之后：用戶可以安全地進行探索，通過模板和版本控制可以提高效率，并且由于產品感覺是在提供幫助而不是懲罰，因此整體滿意度也會提高。

這種簡單的思維轉變——從僵化的流程到靈活、可修復的體驗——可以改變用戶信任和業務成果。

我的項目：將循環用戶體驗帶入現實（快速案例研究）

我曾參與一個團隊，負責改造一個時尚品牌的內部供應鏈門戶。舊系統非常死板：如果用戶在創建訂單或規劃發貨時出錯，唯一的解決辦法就是刪除所有數據，然后重新執行整個流程。這每周都會浪費數小時，并導致運營團隊和 IT 團隊之間產生摩擦。

我們的循環用戶體驗目標 -

1. 無需重新開始即可修復：允許用戶僅編輯受影響的步驟，而不必重新啟動工作流程。
2. 重復使用現有模板：用戶可以復制以前的配置并僅調整更改的內容，而不必每次都創建新的訂單。
3. 創建反饋循環：捕獲錯誤和解決方案以進行模式識別，這將在以后指導預測建議。

我們做出的設計決策 -

• 模塊化流程：我們摒棄了冗長的表單，將訂單創建流程拆分成多個獨立的模塊（例如“供應商”、“SKU詳情”、“物流”）。用戶可以直接進入某個模塊修改數據，而不會影響其他模塊。
• 版本控制：每個訂單更新都會創建一個可追溯的版本歷史記錄，因此如果有人需要恢復更改，也不會永久丟失任何內容。
• 快速模板：我們設計了“智能模板”，可以提取以前的配置，減少冗余輸入。
• 應用內指導：針對常見故障點（例如，SKU 不匹配）添加了微文本和上下文工具提示。

用戶反饋和接受度 -

這一轉變出人意料地受到了熱烈歡迎：

• 培訓時間縮短了約 35%。由于模塊反映了實際任務的思維模型，新團隊成員能夠更快地掌握系統。
• 第一季度錯誤率降低了22%。
• 員工們表示“數據焦慮”有所減少。他們不懼怕嘗試，因為他們知道錯誤是可以糾正的。

三個月后，我們進行了一項用戶調查：83% 的人表示他們“非常喜歡”新版本，因為感覺“懲罰更少”且“更寬容”。

投資回報率和影響

投資回報率是顯而易見的：

• 節省的時間：每月大約節省 300 多個工時，僅僅因為避免了重復輸入。
• 降低成本： “數據修復、更多控制和節省時間”的 IT 支持票減少了 40%。
• 長期適應性：當添加新的產品線時，模塊化方法可以更快地擴展（我們重用現有的 UI 組件，而不是從頭開始）。

這就是我們在項目中應用循環用戶體驗 (Circular UX) 概念的方式。難點在于簡化現有流程，賦予用戶更多控制權并節省他們的時間?，F在，讓我們了解一下為什么循環用戶體驗對所有公司都至關重要：

• 節省成本：減少支持電話、減少培訓課程、最大限度地減少返工，從而節省時間和金錢。
• 員工幸福感和保留率：感覺“有用”的工具可以提高員工的士氣，尤其是在高壓操作中。
• 可擴展性：模塊化、可重復使用的設計意味著當您的公司添加新服務或產品時，您可以快速適應，而不必重新做整個系統。
• 品牌聲譽：提供尊重用戶努力的產品（例如允許輕松恢復工作）可以建立信任和忠誠度。

給想要嘗試循環用戶體驗的設計師的建議

• 映射故障點：確定用戶重新啟動或放棄任務的位置，并設計修復方法而不是強制完全重新啟動。
• 集成安全網：添加草稿、撤消選項、回滾功能和清除版本歷史記錄，以便用戶可以在任何階段恢復工作。
• 使用模塊化、可重復使用的設計：構建獨立的步驟和可重復使用的組件，使用戶和開發團隊更輕松地進行修復和擴展。
• 引導，不要懲罰：提供清晰的上下文幫助和微文案，以便用戶知道如何修復錯誤，而無需猜測或離開他們的流程。
• 增長計劃：為未來的重用和擴展而設計——確保隨著任務或數據量的增加，流程仍然順利運行。

循環用戶體驗不僅僅是一個環保的流行詞；它指的是尊重用戶時間和精力的設計體驗。在我的項目中，采用修復和重復使用不僅提高了可用性，還增強了用戶信心，降低了運營成本，并創建了一個可以根據未來需求擴展的系統。

當用戶感到可以放心嘗試，并且知道錯誤可以恢復時，他們會更有效地使用你的產品，減少壓力。而當公司在設計產品時考慮到維修和重復使用，他們就能節省成本，減少客戶流失，并確保產品面向未來。

因此，下次設計時，請問自己：“人們修復或重復使用他們已經完成的工作有多容易？”這種小小的思維轉變可能會對用戶和企業投資回報率產生重大影響。

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

1. 畫面內容解讀

主體元素

• 金融類圖標化物體：硬幣、銀行卡、銀行建筑、存錢罐、數字符號（如“?”、“$”）、網格狀科技紋理

• 品牌標識：ABB Logo 或抽象化的品牌色塊，立體化呈現

• 抽象 3D 元素：漂浮的幾何體（圓柱、方塊、球體）、數據流線條、漸變光球

• 場景背景：簡潔單色或柔和漸變，留出空間讓主體呼吸

空間與透視

• 中心構圖：主體位于視覺中央，四周留白適合社交媒體縮略圖瀏覽

• 微透視：通過 3D 相機輕微傾斜，制造動態感

• 前景-中景-背景層次：前景有漂浮元素，中景主體，背景光暈或漸變，增強縱深感

2. 色彩選擇

配色策略

• 主色：深藍 / 銀灰 —— 金融行業常用的“穩健、信賴”色

• 輔色：亮黃 / 金色 —— 暗示財富、價值

• 點綴色：電光藍 / 青色 —— 體現科技感

光影處理

• 高對比度主光，突出邊緣高光，強化金屬質感

• 柔和環境光，讓暗部不死黑，保留細節

• 背景光暈或漸變，吸引視線到主體

3. 構圖方式

1. 黃金分割：主體落在黃金分割線上，增加視覺舒適度

2. 中心聚焦：社交媒體適配性強，縮略圖清晰易讀

3. 動靜結合：靜態主體 + 流動線條或粒子，營造科技流動感

4. 留白策略：四周留白便于加文字信息或 Logo

4. 設計關鍵詞

• 穩健（Trustworthy）

• 科技感（Tech-inspired）

• 高質感（Premium）

• 幾何化（Geometric）

• 立體光影（3D Lighting）

• 金融象征（Financial Symbols）

• 社交傳播友好（Social-friendly）

5. 可遷移的點

• 行業遷移：不僅適合銀行，也適合保險、科技公司、加密貨幣品牌、金融科技應用

• 風格遷移：把金融元素替換成行業專屬元素（醫療、教育、零售等），保留 3D 場景結構與光影

• 平臺適配：同一 3D 場景調整構圖比例，即可適配 Instagram、LinkedIn、抖音等不同尺寸

6. 最簡單的執行方式（低成本版）

1. 軟件：Blender（免費）+ Canva/Photoshop 后期排版

2. 建模：

   • 用 Blender 現成幾何體 + 金融符號 SVG 導入擠出成型

   • 用內置材質（金屬、玻璃、漸變）快速出效果

3. 燈光：

   • 主光 + 輔光 + 背景光三點布光

   • 在背后加大范圍 Area Light 制造光暈

4. 輸出：

   • 1920×1920 或 1080×1080（社交媒體友好尺寸）

   • 渲染后在 Photoshop 加品牌色背景和文字

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

小程序已經不是什么新鮮事物了，從微信到支付寶，從抖音到百度，幾乎每個主流平臺都有自己的小程序生態。對企業來說，它是低門檻觸達用戶的工具；對個人開發者來說，它是快速試水產品想法的方式。

如果你從沒做過小程序，不知道從哪下手，這篇文章會幫你理一遍全流程，并從界面設計的角度給出一些實用建議，讓你從“想做”到“上線”不再迷茫。

1.明確目標與平臺選擇

小程序不是只有微信這一種，常見的平臺有：

微信小程序：用戶量大，生態完善，適合大多數應用場景。

支付寶小程序：金融、生活繳費、電商支付等場景強。

抖音小程序：適合內容帶貨、短視頻場景導流。

百度小程序：搜索入口強，適合工具型和信息型應用。

建議：先想清楚你的目標用戶在哪個平臺活躍，再決定優先開發哪個平臺的小程序。

2.注冊與認證

不同平臺的小程序都需要先注冊賬號：

注冊開發者賬號（企業、個體工商戶、個人都可以，功能權限會不同）。

進行實名認證（企業通常需要營業執照，個人只需身份證）。

獲取 AppID（這是你的程序唯一標識）。

3.準備開發環境

以微信小程序為例，開發環境配置步驟：

下載微信開發者工具（Windows/Mac 都有）。

選擇語言框架：

1. 原生開發（WXML + WXSS + JS）

1. 第三方框架（Taro、Uni-app、WePY 等，支持多端同時發布）

使用 AppID 創建項目（測試階段可用“體驗版”AppID）。

4. 設計與原型：從交互到視覺的橋梁

小程序雖然運行在移動端，但它并不是傳統的 APP。它的頁面切換、加載速度、交互邏輯都有一些特殊限制，所以 UI 設計需要有針對性。

設計要點：

界面結構簡潔 小程序的核心優勢是“輕量”，用戶希望在 13 步內完成操作。UI 結構建議保持 23 層深度，不要做復雜的菜單樹。

尺寸與單位

1. 設計稿一般用 750px 寬（對應 rpx 單位，自適應不同屏幕）

1. 可觸控區域最小建議 88rpx × 88rpx，避免手指誤觸。

一致性

1. 按鈕樣式、色彩體系、字體大小在全局保持一致。

1. 使用平臺提供的 UI 規范（微信有 WeUI），減少開發適配成本。

首屏體驗

1. 保證 2 秒內展示核心內容。

1. 可以用骨架屏或漸進加載提升感知速度。

適配多端主題 微信等平臺支持暗色模式，設計時要考慮淺色/深色的對比度。

5.核心開發步驟

小程序基本文件結構：

.json：頁面配置（導航欄顏色、標題、是否下拉刷新等）

.wxml：結構（類似 HTML）

.wxss：樣式（類似 CSS）

.js：邏輯與交互處理

開發流程：

搭建項目結構

編寫頁面模板與樣式

綁定數據與事件（MVVM 思路）

調試 API（如登錄、支付、獲取位置等）

進行真機預覽

6.接口與數據

小程序常用的數據來源：

平臺 API（如微信支付、用戶信息、位置等）

自有后端接口（需要部署在可訪問的服務器上，支持 HTTPS）

第三方服務（如云開發、BaaS 平臺）

如果不想自己搭服務器，可以用 微信云開發，直接在平臺提供的云函數、云數據庫上寫邏輯。

7. 測試與優化：別忽視視覺細節

除了性能測試，還要做 UI 視覺與交互測試：

檢查不同機型下字體是否過小或溢出。

確認交互反饋（點擊高亮、按鈕狀態變化）是否及時。

檢查色彩對比度，確保在戶外光線下依然清晰可讀。

8.提交審核與上線

流程：

上傳代碼到平臺

填寫版本信息與更新說明

提交審核（不同平臺審核時間不同，一般 1~3 天）

審核通過后可發布上線

上線后，記得持續關注數據（訪問量、留存率、轉化率），不斷迭代優化。

做小程序并不一定要是程序員，很多第三方平臺和低代碼工具（如 uni-app、Taro、HBuilderX、即速應用）也能幫助你快速上線。但理解基礎流程和開發邏輯，可以讓你在產品迭代中更高效、更有掌控感。

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

我們的團隊為各種各樣的企業構建了儀表板，并且在此過程中獲得了一些關鍵見解。

如果您正在考慮創建儀表板，這里有一些建議可能會幫助您節省時間、金錢和理智。

如果你想要一個堅固的儀表盤，就要像對待飛機駕駛艙一樣認真對待它的設計。在商務中——就像在飛行中一樣——你需要清楚地了解你的方向和表現，以免為時已晚而無法及時糾正航向。

真正實用的儀表板始終是協作的成果。它匯聚了目標、數據、人員和邏輯。而它的最佳構建者，正是一支精通所有四要素（分析師、設計師和開發人員）的團隊，他們能夠理解您的業務語言。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

模板和人工智能工具在某些方面確實能提供幫助，但它們無法感知你的背景，也無法洞察所有細微之處。如果使用不當，它們可能會把原本有用的工具變成有害的工具。你可能會追蹤錯誤的事物，做出錯誤的判斷。

因此，如果您的儀表板用于實際業務（而不僅僅是娛樂），請引入能夠連接業務目標、數據和視覺語言的專家。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 1. 設定精確目標

確定正確的目標和問題是成功的一半。另一半是選擇能夠回答這些問題的可視化效果。

首先為您自己、開發人員和設計師組織需求收集流程。使用您喜歡的任何工具（Miro、Trello、FigJam、Google Sheets、Notion、ClickUp、Google Forms）。

創建看板、卡片或列表；每個看板、卡片或列表都應包含您在交接任務前必須回答的問題。這些問題的答案將幫助您避免儀表盤的最大缺陷：雜亂的用戶界面、毫無意義的指標以及未使用的數據。

儀表板應該適用于業務，而不僅僅是看起來漂亮。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

第 2 步：組建一支負責任的團隊

決定誰擁有儀表板、誰構建它以及誰將使用它。

不要試圖制作一個“適合所有人”的儀表板。

人人適用的工具通常對任何人都沒有幫助。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 3. 定義用例和用戶

明確業務任務，并繪制用戶畫像。問自己三個問題：

• 儀表板將解決哪些問題？
  （例如，跟蹤收入增長、聚焦渠道瓶頸、監控客戶流失）
• 誰根據這些數據做決策？
  創始人、營銷人員還是產品經理？
• 每個人每天需要看到什么？
  想想一個“晨間儀式”——他們必須在30秒內掌握什么？

這不僅僅與角色有關；習慣和便利也很重要。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 4. 確定關鍵指標

選擇3-5 個真正能推動業務發展的指標。按從頂層到底層的順序排列它們。糟糕的儀表盤會顯示所有內容，造成掌控全局的錯覺。

指標越少但越有意義。

例子：

• SaaS：活躍用戶、CAC、LTV、流失率；
• 營銷：點擊到引導轉化率、客戶獲取成本、ROMI；
• 財務：營業利潤、平均訂單價值、預測現金流。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 5. 準備數據

沒有好的數據，就沒有好的儀表盤。問：

• 數據存儲在哪里？
• 它的完整性和時效性如何？
• 它將如何刷新？
• 數據質量歸誰所有？

無需手動輸入。自動化讓儀表板保持活躍。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 6. 繪制粗略布局

任何東西都可以——從餐巾紙上的草圖到 Figma 的線框圖。仔細思考：

• 哪些塊屬于“頂部”？
• 視覺焦點在哪里？
• 什么應該首先跳出來？

丑陋也沒關系——重點是測試結構和想法。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 7. 獲取用戶反饋

把原型展示給真實用戶。不要問：“它漂亮嗎？” 而是問：

• 是不是一眼就看明白了？
• 它是否有足夠的信息來做出決策？
• 感覺缺少了什么或者多了什么？

在草稿期間聽到“我不明白”比在發布后聽到要好。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟 8：為設計師撰寫一份詳盡的簡介

設計師不會讀心術。如果你不說重點，他們就會替你做決定。包括：

• 哪些指標適用于何處以及如何適用？
• 阻止優先級（最重要的）；
• 移動與大屏幕行為；
• 顏色強調、警報、數字格式。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

第 9 步：找到合適的建筑商

我們很想說“雇傭我們”，但這是你的事業和愿景。在 Dribbble、Behance 甚至 LinkedIn 上查看作品集——人才無處不在。

評判前景：

• 商業理解

漂亮的圖表并不比了解它們存在的原因更重要。

• 界面體驗

儀表板不是登錄頁面；可用性是第一位的。

• 清晰的溝通

如果他們的流程現在聽起來很模糊，那么以后就不會變得清晰。

• 簡化能力

真正的技巧是讓復雜變得簡單。

• 克制感

作品集可以幫助您評估設計師的風格、潮流感、是否適合您的業務類型以及整體技能和獨創性。

最重要的是，選擇一支能夠深入實現你的目標的團隊。

這就是真正的“哇”的由來。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

第十步：啟動。觀察。改進。

儀表盤是一個動態系統，而非一次性的落地頁。發布后，請關注：

• 人們多久打開一次它？
• 會議中是否體現了指標；
• 什么讓用戶犯了錯誤，或者他們接下來會請求什么。

沒有哪個儀表板是第一天就完美的。不斷迭代——改進終將帶來回報。

結論

優秀的儀表盤不僅僅是一堆圖表。它能夠塑造團隊的思維。它能夠引導注意力、培養習慣、加快決策速度，并節省時間，而不是浪費時間。

當出現以下情況時，您的儀表板將變得無價：

• 其目的非常明確；
• 每個角色都有自己的衡量標準；
• 噪音最小，意義最大；
• 您可以快速深入研究；
• 該團隊確實使用了它。

如果這就是您想要的儀表板類型，我們希望這可以幫助您入門。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

另外，以下是創建業務儀表板時可能有用的AI 工具列表：

1. 聚合物搜索
2. Zoho Analytics
3. Tableau
4. 多莫
5. Sisense
6. 思想點
7. Looker工作室
8. Klipfolio

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

當我們談論優秀的產品設計時，我們常常會被 Dribbble 上那些炫酷的新事物、設計趨勢、微交互和概念圖所吸引。但關鍵在于：一些最好的經驗教訓來自于每天被數百萬人使用的真實產品。

Gmail 的移動收件箱就是其中之一。

它并不浮夸，也不刻意贏得設計獎項。但它抓住了基本要素——清晰的視覺效果、高效的交互以及以用戶為先的決策，讓電子郵件收發變得輕松便捷。無論你是設計師、創始人還是產品人員，研究 Gmail 如何處理收件箱都能讓你受益匪淺。

讓我們來分析一下。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

1. 從主頁預覽附件

Gmail 不會強迫你打開郵件查看對方發送的文件。如果有附件，它會立即顯示在收件箱預覽中，方便你即時查看和點擊。

重要性：在移動設備上，每一次點擊都至關重要。為用戶提供訪問重要內容的快捷方式，可以節省時間并減少用戶挫敗感。這小小的改進，卻帶來了巨大的可用性提升。

要點：思考用戶最想從列表視圖中的項目中獲得什么，并將其直接呈現。不要埋沒好東西。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

2. 清晰區分已讀和未讀

這是最簡潔、精妙且有效的用戶體驗示例之一：Gmail 會用加粗的主題行和更高的對比度來顯示未讀郵件。就是這樣。沒有彩色圓點，沒有圖標。只是巧妙地運用了字體排印。

工作原理：它可以立即掃描。你甚至不需要思考就能看到未讀郵件。

設計洞察：視覺重量 > 視覺混亂。如果簡單的對比度和字體樣式就能達到效果，就不要添加新元素。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

3. 自動整理收件箱標簽

主要功能、社交功能、推廣功能。Gmail 會將您收到的大量郵件自動分類，方便您管理。這不僅自動化，還能幫您減輕壓力。

為什么這樣做很明智：收件箱超載是真實存在的。Gmail 通過無需用戶輸入即可對內容進行分類，為用戶提供了喘息的空間，并幫助他們確定優先級。

產品團隊的經驗：不要只展示內容，還要精心策劃。智能默認設置和自動化可以減少決策疲勞。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

4. 內聯關鍵信息提取

以截圖中的 Under Armour 郵件為例。Gmail 會提取預計送達日期，并直接顯示在收件箱預覽中。無需點擊、滾動或搜索。

巧妙之處：它甚至在用戶打開郵件之前就解答了他們的疑問。這才是效率，這才是信任。

學習要點：如果你的產品能夠檢測日期、狀態、摘要等關鍵信息，就不要隱藏它。把它拿出來，在最有用的地方展示。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

5. 簡潔且內容豐富的層次結構

Gmail 的收件箱界面功能豐富：頭像、發件人、主題、時間戳、預覽、標簽、圖標。但絲毫不會讓人感覺雜亂。

怎么做到的？巧妙地使用間距、字體大小、對齊方式和填充，創造出賞心悅目的視覺節奏。

設計要點：你可以展示大量內容，但又不會讓人感到不知所措。關鍵在于層次和空間的留白。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

從現實世界的用戶界面中學習，而不僅僅是概念

這個 Gmail 細分只是UXSnaps上的眾多專題之一——UXSnaps 是一個免費網站，可以對成功產品背后的 UI 模式進行逆向工程。

每一個細分都直接取材于真實的產品屏幕，并附有快速實用的課程，助您輕松應用。沒有專業術語，沒有空談，只有敏銳的洞察力。

如果您真的想提高自己的設計技能，那就從這里開始吧。

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