藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：優設  作者：Alipay

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

場景細分

隨著各大智能廠商對用戶行為數據的收集積累，拆分提煉出了不同場景下用戶的特定需求，相比以前的大而全臃腫的功能界面，現在的功能、信息更加精確，產品將不同場景下的解決方案為用戶提前準備好，用戶只需要簡單的選擇就好，更加人性便捷。

1. B&O 音箱歌曲模糊切換界面

B&O 音箱面向的人群是音樂發燒友，他們對音樂有獨到的理解，為了為用戶提供便捷合乎口味的音樂，B&O 將歌曲類型與顏色情感相結合，分別是：黃色代表愉快的歌曲、紅色代表激情的歌曲、紫色代表憂郁的歌曲、藍色代表輕松的歌曲。用戶只需要選擇顏色就可以播放相應風格的音樂，給用戶濃烈的感性藝術氣息。

并且 B&O 將音樂播放場景做了細分：只收聽自己收藏的歌曲、收聽與自己品味相似的歌曲、隨便聽聽；這三個場景下的需求通過三層圓環來滿足：點擊外環區域播放全網歌曲、點擊中環區域播放與用戶收藏相似的歌曲、點擊內環區域播放用戶收藏的歌曲。這種感性的操作方式省去了搜索歌曲的過程，極大的提高了便捷性。

2. 三星智能冰箱 2.0 系統

我們先了解一下三星智能冰箱 1.0 的系統是什么樣的，首頁包含時間、天氣顯示、音樂播放、購物清單、備忘錄、相冊、留言板、設備控制，用戶在冰箱面板上什么都能做，整體感覺是一個臃腫的功能集合。

在 2.0 中，三星將用戶使用場景做了以下的細分：烹飪模式、日常模式、娛樂休閑模式、家庭管理模式；在烹飪場景下，為用戶展現菜譜，用戶可以專注的去研究飯菜制作方法；在日常場景下，為用戶提供日歷、照片墻、留言板、日程等日常生活相關信息；娛樂場景下，用戶可以在廚房一邊忙碌一邊聽音樂，還可以查看社交消息，所有的功能都是圍繞娛樂休閑；家庭管理場景下，全職媽媽可以一邊做著飯，一邊看著監控屏幕上兒童房孩子的情況及全屋的安防情況，也可以控制家中的設備。

場景細分可以有重點的為用戶提供他們真正需要的服務，讓用戶感受到產品帶來的貼心感。

3. Orvibo 燈光照明場景

Orvibo 根據用戶使用燈光的習慣，按照用戶對于光線的需求程度，將燈光使用場景分為：夜晚光線昏暗需要明亮的光照、白天光線充足不需要燈光、休閑時需要柔和些的光線、閱讀需要不刺眼但明亮的光線、起夜時微弱的輪廓照明即可。為用戶提供每種場景下的照明方案，準確快速的滿足用戶不同的需求。

4. 小米 TV 端空調控制界面

小米根據用戶對于空調各個功能的操作頻率，羅列出核心功能：開關、溫度調節、冷熱模式，界面中只體現這幾種種信息，將低頻功能隱藏起來，為視覺降噪，突出核心功能，提升了用戶操控效率。

5. WOM 天氣展示模塊

針對那些上班中不方便看手機、穿好衣服正要出門、旅游到達當地酒店需要看一眼天氣狀況的場景，WOM 提供了簡潔直觀的設計方案，產品顯示區域只保留 4 種常見天氣類型，高亮的天氣 icon 代表當前的天氣狀況，當天氣將要發生變化時，相應的天氣 icon 會閃爍。

此外，通過利用顏色來傳達不同的溫度，藍色代表 0℃，白色代表10℃，黃色代表20℃，紅色代表30℃，在不需要手機的情況下為用戶提供了豐富的展現形式。

6. 三星電子畫框

隨著手機的普及，家庭對于電視的需求已不完全是為了收看節目，往往一個禮拜也看不了幾回。三星基于這種情況為了延續電子屏幕的銷量，賦予了電視裝飾屬性，演變為純展示的電子畫框，用戶可以選擇各種風格的肖像或風景圖片進行輪播展示，扮演藝術裝飾畫的角色，從而滿足用戶日常家庭裝飾需求。

直觀明確的表現方式

在設計中融入圖片，將操作、狀態可視化，這些具象的形式可以讓用戶快速理解并操作，讓我們看看各大智能產品廠商是如何實施的：

1. Nest 溫控器安裝界面

大多數智能設備買回家后，需要用戶自己安裝，有的甚至牽扯到線路問題，Nest 溫控器安裝界面采用與實物一致的模型元素，讓用戶有參照依據；通過零部件的運動告訴用戶安裝順序；通過放大細節，告訴用戶應該選哪一個部件及如何鏈接。讓用戶有更好的參與感、成就感，還可以降低公司的人力安裝成本、客服成本。

2. 小米智能家居電視

小米智能家居電視背景運用實物圖片，給用戶營造家庭的氛圍，設備卡片 icon 運用半寫實風格，和實際產品一一對應，便于用戶快速查找設備；卡片底部體現設備狀態，精簡的卡片信息使得設備的狀態更容易被用戶感知到。

3. 三星、蘋果智能家居系統首頁

三星、蘋果都運用圖片作為系統的背景，可以很好的和用戶拉近距離，通過白色或磨砂卡片與背景做區分，三星的設備 icon 采用多彩漸變風格，和它趨于年輕化、時尚個性的品牌戰略方向保持一致。

4. Whirlpool 洗衣機、烤箱、冰箱模式選擇界面

由于洗衣機、烤箱、冰箱的運行模式和用戶想要洗的衣物類型、材質、烹飪的食物類型、儲藏的食物類型有強關聯，Whirlpool 運用圖片作為模式背景，將功能和物品類型結合，用戶可以直觀感性的理解和區分各個功能，從而快速做出選擇。

5. Orvibo MixPad

Orvibo 在大屏智能面板的設計上大量使用圖片元素，不僅可以區分各個功能模塊，還增添了內容的豐富性，要知道智能面板的首屏和設備控制列表頁功能是不一樣的，它是用來承接并向用戶展示房間內各個信息的，房間圖片作為背景烘托出家的氛圍，每個房間頁面的左上角顯示屋內溫度、濕度、當前開啟的設備類型及數量，很直觀的向用戶展示屋內信息。

每個場景都用具體的圖片作為卡片背景，可以讓用戶預想到每個場景對應的運行效果。有的場景卡片中體現所屬房間信息，告訴用戶該場景只聯動運行特定區域的設備。

運用圖片會有以下問題：1、找到能體現各個特定功能的圖片增加了人力成本；2、圖片的多樣性容易打破畫面的整體統一感。所以要結合公司的現狀克制的運用圖片。

6. Amazon 智能家居系統

Amazon 的監控設備卡片背景外顯了房間內的監控畫面，用戶在設備列表界面就可以直觀的看到監控區域的信息，強調了用戶關注的內容，縮短了操作步長。

7. Lenovo Smart Clock 備忘提醒時間設置界面

通常，我們設置時間時，系統會給我彈出時間選擇控件，需要我們上下滑動設置；Lenovo Smart Clock 的做法是將時、分的設置具象成了時鐘實際運行的圓形軌跡，與用戶對于時間的認知保持一致，很貼心的設計，這種方式非常值得我們學習。

8. Google Nest Hub 定時界面

Google Nest Hub 將傳統的定時列表具象成了一個個正在倒計時的時鐘，用戶可以更直觀的看到每個定時的狀態。點擊某個定時卡片可以快速的進行暫?；騽h除操作。

9. 小米空氣凈化器界面

小米空氣凈化器界面，每一檔空氣質量值都對應不同的顏色，并且將顏色延續到了其他操控按鈕，讓用戶對當前空氣質量有更強的感知；凈化器被關閉時，顯示區域、控制區域置灰，明確告知用戶設備狀態及可操作區域。

10. 三星 SmartThings 設備連接查看界面

房屋面積大，會有很多的設備與多個網關連接，家中與網關連接的智能設備有時候會連接中斷，具體哪個設備與哪個網關中斷了不容易被查清。三星 SmartThings 將設備與網關的連接情況可視化，可以向用戶直觀的反映出哪個設備連接出了問題。

運用手勢控制

通過利用不同形式的手勢操控，讓用戶和產品的交互過程更新穎更便捷。要注意的是雖然手勢不需要操控物理按鍵，但手勢操控的形式要建立在用戶已有認知習慣之上，請看以下案例：

1. LG 手機系統控制界面

最左邊的圖為行程信息截屏操作，目前截圖方式有幾個按鍵一起按下的，也有手機背面敲擊三下的，這些都需要與設備接觸，接觸交互的過程就需要花費用戶更多的時間，LG 通過雙手捏合截圖的形式體現現實中“抓取”的語義，用戶使用起來順其自然，瞬間就可以完成截圖的目標。

中間的圖為應用快速切換操作，用戶只需要對著屏幕做揮手動作，就可以切換至下一個應用，這個隔空操控的手勢核心使用場景是：當你正在廚房，手上沾著面粉或其他東西時，需要操控手機又不想弄臟手機，那么隔空操作就可以解決這一痛點。

最右邊的圖為多媒體音量調節，只需要作出旋鈕的動作，就可以實現音量的控制，是不是覺著很 Cool。這種新的控制形式可以讓用戶加深對產品的印象。

2. Google Nest Hub 音樂播放控制界面

在 Google Nest Hub 的音樂播放界面，當你想開啟或暫停音樂播放，只需要手掌隔空朝著屏幕方向做按壓動作，就可以快速觸發相應功能，這種方式讓用戶會感覺很爽，自己就像有了魔力。

3. Google Nest Hub 鬧鐘控制界面

早上鬧鐘響起時，需要用戶選擇關閉鬧鐘還是稍后提醒，常見的情景是，用戶睜開眼伸手去點擊某個選項，會干擾想要接著睡的用戶。Google Nest Hub 在此處增加了隔空操控手勢，用戶如果想關閉鬧鐘，只需要閉著眼，手掌朝著屏幕一揮手，就可以搞定了，有沒有被寵愛的感覺。

4. HomePod 音樂投射功能

蘋果用戶如果想將手機上正在聽的歌曲通過 HomePod 播放，只需要將手機靠近 HomePod，就可以輕松完成音樂投射，整個過程就像將一個容器的內容倒入到另一個容器內，既充滿趣味性又大大簡化了音樂播放設備切換的過程。

提供個性化、多樣化的選擇

通過設計語言為用戶提供更多的視覺風格，甚至開放編輯權限讓用戶更自由的制定自己喜歡的形式，這些都可以滿足用戶的個性化需求及專屬感，請看以下案例：

1. Sony HUIS 遙控器

Sony HUIS 遙控器為用戶提供了最大限度的自主編輯權，用戶可以從后臺設定每個按鍵的形式及功能，也可以在屏幕中設置戶型圖，方便控制對應的設備。

甚至可以繪制只有自己理解的專屬圖案，大大提升了專屬感。

2. 三星智能冰箱屏保

用戶具有喜新厭舊的心理，三星智能冰箱為用戶提供了豐富的屏保：有沒有任何信息展示的抽象幾何藝術畫風格、有配合溫度展示的春夏秋冬風格、有簡潔素雅的時間顯示風格、還有照片背景墻風格；兼顧了用戶日常裝飾和功能的需求。

3. Lenovo Smart Clock

Lenovo Smart Clock 對于時鐘屏保為用戶提供了不同的風格，涵蓋了大多數的人群風格喜好：活潑跳躍、實用直觀、極簡現代、抽象藝術、純文字、純數字等

甚至在同一種風格中再細分為多種色彩搭配方案供用戶選擇?？梢哉f想盡辦法來滿足用戶的個性化需求。

統一的設計語言及操控邏輯

這里的統一設計語言有兩個方面：一、同一個功能在不同的智能設備上布局要一致；二、同一類設備在 APP 中的功能布局要一致；操控邏輯統一指的是：產品中設備的操控方式要和用戶對實際設備的認知一致。一致性可以降低學習成本，提升更穩定的操控體驗。請看以下案例：

1. 溫控器多端控制界面

Nest 溫控器及 ecobee 溫控器在設備上的設計語言和 App 上的保持一致，方便用戶在多端設備上的無縫操控體驗。移動端與智能設備界面唯一不同的是，移動端，同一層級上展示的功能入口更多，適合更復雜的操作。

2. Orvibo 移動端設置界面

在移動端設置智能面板功能按鍵的界面中，Orvibo 將按鍵列表做成與實物一致的樣式，便于用戶快速找到對應的按鍵進行設置，這是提升智能家居一致體驗常見的方式。

3. 三星 SmartThings 功能卡片

在智能家居 App 中，由于功能種類繁多、內容不確定等因素，承載它們的卡片在布局設計上面臨很大挑戰，需要兼容各種功能、還要保證卡片的整體一致性及合理的屏效比。

在 SmartThings 智能家居控制系統中，三星對功能卡片進行了統一的部署，卡片左上角為功能名稱，左下角為狀態信息，右下角區域為操控區，并且還考慮了只有功能控制沒有狀態、只有信息沒有功能控制情況下卡片的拓展形式，充分保證了操控的一致體驗。

4. Google Nest Hub 調光燈控制界面

在調光燈的操作邏輯里有這么個問題：是將亮度值調至 0%關閉燈光，還是需要一個單獨的開關按鈕。看看 Google 是怎么做的，它將調光區域與燈的開關做了區分，也就是說亮度通過調光區域操作最低為 1%，需要通過開關按鈕進行關閉；這樣做的好處是操作邏輯明確，并且當用戶在 80%亮度下關閉燈光，下次開啟時還是 80%的亮度，更加人性。

總結

目前網上各平臺的智能產品界面有很多，然而大多都是不落地的概念稿，里面的設計稿由于沒有具體場景及需求的約束，大多都無法解決公司實際項目中的問題，經常瀏覽僅能提升個人審美。只有平時通過對各行業實際落地產品的搜集積累和分析，才能發現它們在提升產品體驗道路上的共通點、差異點，從而為公司提供真正有價值的設計方案。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：優設  作者：Aaron杜斌 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

什么是圍繞應用生命周期的編排設計

圍繞應用生命周期的編排設計是一種企業級技術產品設計策略。

它的核心是要解決設計師很難上手企業級技術產品，且更加難以找到體驗設計機會點的問題。我們是一群工作在企業級技術產品領域里的設計師，同時也是掘金者，這篇分享即是我們在企業級技術產品領域里探索的一些方法總結。

當設計遇上技術

工作現狀

在我們日常工作中，和技術產品 PD 聊需求是一件非常痛苦的事情，他們講的每一個字都認識，但是組合起來就不知道是干什么的了，因此設計師也很難去想象用戶是怎么在用這些功能。

因此相較于 C 端產品來說，B 端的技術產品目前還處于基本可用的狀態，更談不上什么體驗了。

分析原因

究其原因，我們總結有三點：

① 這些產品大多數都是由技術來主導，功能優先

② 設計在整個流程中都處于非常被動的狀態

③ 設計與技術之間存在一定的專業壁壘，技術往往比較抽象難以理解

同時，我們的用戶并不是客戶，用戶不能根據自己的意愿喜好選擇產品。用戶隱藏在企業內部，設計師日常中很難接觸到真實用戶。另一方面，用戶的技術專業背景與設計師的專業存在鴻溝，這使得設計師對用戶需求的理解也不夠深，所以說在這種環境隔離和語境不通的狀態下，設計師其實難以和用戶構建同理心。

能做的事

在這種狹小的設計發揮空間里，我們能做什么呢？

其實我們設計師有明顯的優點：

比較擅長找規律找方法，有破局意識，從而能夠發現設計的機會點。

企業級技術產品設計探索

發現規律

所以我們回過頭看一下之前做過的這些產品和功能，從它們的作用對象、出現時間、用戶目標、用戶行為這四個維度對他們進行歸納和總結。

我們發現這些產品具有很強的階段性，通過不同的產品來支撐各個階段下的用戶目標。用戶通過產品的功能來實現各種編排動作，例如對應用本身代碼的編排、對應用依賴的底層資源的編排，從而支撐用戶應用的生命周期。

因此企業級技術產品具有以下四個特點：

• 階段性

• 驅動性

• 流程性

• 抽象性

提出策略-圍繞應用生命周期的編排設計

首先我們要針對這四個特性進行一輪判斷，了解這個產品的場景，場景下對應的角色，每個角色執行的是單線還是多線任務流，以及任務流是由哪些功能支撐。經過這層判斷之后再定位具體問題：

① 每個階段的目標是什么

② 階段下每個角色各自的小目標又是什么

③ 任務要對應用還是應用相關的內容進行編排

④ 產品的功能是如何實現的

當找到這些問題的答案以后，我們就可以對產品的上下游場景進行編排，明確各階段的側重以及上下游場景的限制條件；對角色進行權限分配以及協作觸點的確定；將任務流從起點到過程再到結果進行梳理；以及最后通過對底層技術的理解，合理編排產品信息架構和界面內容。

為了能夠更加高效的完成以上信息的收集和處理，我們沉淀了 CMTD 四個小工具。

策略詳解

C 是 Collaboration，協同場景，主要回答四個問題：When、What、Who、Where。

① When：用以明確產品所處階段以及上下游階段，以全鏈路的視角看用戶的完整使用場景，因為產品往往可能只是解決用戶部分場景的問題

② What：定義當前場景的階段目標以及要做的事情

③ Who：當前階段的事情由哪些角色參與

④ Where：這些角色在線上或線下是如何配合協作的

例如我們要做一個技術產品，通過 Collaboration，我們知道它覆蓋了發布階段、日常運維階段，目的是把經過測試的應用發布上線并進行日常維護，主要是運維人員配合研發人員和發布經理完成線上的問題排查和線下配置文檔的交接，我們就能比較清楚的知道我們要做的是一個運維平臺。

M 是 multi-role，多角色，主要用以分析產品是由哪些角色共同協同驅動的。

與 C 端產品不同的是，我們除了對核心角色的自然人屬性進行洞察，還要定義清楚該角色的目標有哪些，目標對應的任務流以及支撐的功能和權限。并且企業級技術產品往往都不是一個角色就能完全執行完成，所以該角色的上下游角色也要摸清之間的協作觸點在哪里。

多角色的信息我們可以通過在客戶現場或者用戶訪談來收集，并沉淀為用戶角色庫。

基于收集來的用戶信息，來定義我們產品的角色：

T 是 Task flow，任務流。任務流一定是基于一個用戶角色的某個目標，來定義任務的起點-過程-結果。

起點就是界面上用戶的操作入口，過程需要包含觸發操作、自操作、條件判斷以及是否有協作角色參與進來，在結果處除了提供結果反饋還要提供下一任務的去向入口，幫助用戶把流程串聯起來。

任務流可以借助現有流程的走查或按照 T 模型來梳理任務流信息，從而幫助我們更好的定義一條用戶的任務流是如何執行的。

例如我們要做的運維平臺的產品，核心角色是運維，他其中的一個目標是為應用創建工作空間。按照 T 模型，我們可以很方便的將這條任務流定義出來。

D 是 deep ，深化。主要從兩個維度展開：技術架構和邏輯原理。這是兩個在做技術產品的過程中經常會接觸到的兩個概念。

在分析技術架構時，我們可以重點關注兩個點：看由哪些功能模塊構成，這些功能之間的靜態結構，是包含關系還是依賴關系。分析邏輯原理，一是了解這些功能產生的實例，是一對一的關系還是一對多的關系，信息或流量在這些功能模塊之間如何流轉。通過這些分析，我們可以把掌握的功能特征和邏輯規律。

舉例來說，運維平臺的核心角色運維人員需要為應用創建工作空間，按照梳理出的任務流，用戶需要經過3次跳轉7步完成，那這個是否還有優化空間呢？

我們可以從 Deep 深化的角度入手，看這條任務流是由哪幾塊功能支撐的。例如工作空間內包含網絡和安全組，安全組內包含負載均衡和虛擬機。就像我們了解汽車的制動裝置，看到裝置內包含氣室，氣室內包含活塞體、密封墊，密封墊連接在推桿上。

再從邏輯原理圖入口，了解流量會先按照工作空間進行隔離，從工作空間走專有網絡還是經典網絡，網絡將流量分發到安全組，安全組里的負載均衡會負責調配流量到虛擬機。他們之間層層遞進互相依賴。就像汽油從油箱到達制動裝置，在發動機里和空氣一起被壓縮燃燒后能量轉化轉送到動力裝置一樣。

通過上面的分析我們了解到這幾個功能其實是緊密關聯的，用戶沒有必要分散到不同的地方進行添加和創建，完全可以借助流程表單和抽屜把他們串聯在一起。

因此我們找到優化體驗的機會點，把之前需要三次跳轉7步完成的任務流，優化到1個入口5步完成。

總結回顧

企業級技術產品有四個特性：階段性、驅動性、流程性、抽象性。通過 C、M、T、D 四個小工具來幫助我們收集和歸納信息，實現對上下游場景的編排、角色的定義、任務流的編排以及界面的編排。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：站酷  作者：Ant_Design

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

一、布局原則：古登堡、尼爾森

二、結合B端產品和頁面分析

三、大廠布局設計規范分析

四、總結

一、布局原則

布局設計在設計的每個領域都有涉及，這里說的不是設計中的布局四原則：親密、對齊、重復、對比（專業術語：格式塔原則），這是平面設計中常用的布局方式，我的理解就是排版。但B端的布局設計是不同的，每個企業或者產品的設計規范有各自不同的依據。

B端頁面布局最常用的原則我見過有兩種：古登堡原則和尼爾森F型視覺模型。下面是網上找的圖：

（1-侵權提刪：古登堡原則）

古登堡原則：閱讀引力是從上到下，從左到右，呈現Z字形移動，而起點和終點會作為重點視覺記憶區，中間過程會輕掃作為次要視覺記憶區。左上和右下是用戶會比較容易關注和注意到的地方。

（2-侵權提刪：尼爾森F模型）

尼爾森F模型：我們在第一次觀看頁面時，視線會呈 F的形狀關注頁面。先從頂部開始從左到右水平移動，目光再下移開始從左到右觀察但是長度會相對短些，以較短的長度向下掃視，形成一個 F形狀。

這兩個原則都是從用戶視覺角度分析，在按需帶入產品頁面設計的。沒法單純的說哪個對哪個錯，或者說哪個更好。因為要結合產品屬性、信息結構、及用戶心理等因素。

二、結合產品和頁面屬性分析

我們公司產品的列表頁面是參考古登堡原則制定的布局設計規范。這是一個運維產品（我們通常稱為SaaS：軟件即服務）-列表頁面的模板，可以看到大部分內容被表格占據，且表格中的內容是相似的。通過與騰訊藍鯨團隊的溝通，最終確定這種布局的頁面用戶視角瀏覽流程是“Z”型的。

主要操作按鈕在左側的第一視角區，通常以“新建”等主要按鈕為主、“導出”或“批量操作”等次要按鈕為輔一同擺放。因為列表通常是某個任務的羅列，會把新建的入口也放在一起，一是為了方便用戶快速找到新建任務入口，二是為了讓信息結構更聚攏。強休息區放搜索框。在不同場景下，按鈕和搜索框位置要視需求確定位置。在我們公司的大部分產品場景下，按鈕是在左側。最終落腳點是在操作字段（表頭屬性，技術角度稱為字段）。

彈窗的布局也是類似的，很容易可以判斷出標題和確定、取消按鈕是兩個視角落腳點。

當然不是所有頁面都遵循古登堡原則，像下面的表單頁面就是使用F模型。因為最主要信息標題都在左側，且信息流是集中往下走，并不分散也不需要橫向跨度很大。所以使用尼爾森F模型就可以支持布局走勢。

三、大廠布局設計規范

這里以騰訊Magic Box VUE組件庫和阿里AntDesign來分析我個人的理解：

這是從antdesign官網找到的信息復雜度和相關性模型，選用相應的信息呈現方式，選用合理的布局方案來承載詳情頁的內容。這應該是阿里內部自己建立的布局規范，既不符合古登堡原則，也不適應尼爾森F模型。但從地下不同頁面內容的分布來看，我覺得是把這兩種模型結合了。請看下圖：

古登堡原則注重左上角和右下角的內容。尼爾森F模型是只注重左側內容，這種布局方式通常是信息量比較大時用的比較多。我們把頁面的內容拆開看就可以分析出，每個模塊也是可以分成不同模型的結合。

騰訊Magic Box的布局規范就是前面我們公司用的是一樣的，就不多分析了。

四、總結

通常：信息流頁面使用尼爾森F模型。需要用戶操作頁面的則常常把古登堡和F模型結合使用，具體使用哪種看兩個：1、用戶在頁面的常用操作是什么，2、你想或者說是產品想傳遞給用戶的信息是什么。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：站酷  作者：lq934731638

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

圖表作為一個使用頻率不高卻很重要的組件，讓設計者們操碎了心?？粗约涸O計的圖表，總覺得有哪里不好，但又說不上來。本文作者總結了快速提升B端圖表用戶體驗的15小細節，一起來看一下吧。

B端界面中使用頻率不高，但卻無比重要的組件——圖表，可謂是讓設計者們煩透了心。圖表設計起來不難，但想要設計好，也是需要下一番功夫的。

很多小伙伴問我，說：每次在設計圖表的時候，總是找不出自己哪里設計的不好，但看著自己設計的圖表，又沒有那么滿意，該如何辦呢？今天，我們就來一起了解下B端的圖表，挖掘一些設計者們平時未曾捕捉到的細節，獲得這些細節，將從細微之處提升產品的用戶體驗。

本文將從以下五個部分來展開：

1. 什么是圖表
2. 圖表的優勢
3. 開源圖表庫有哪些
4. 15個圖表小細節
5. 總結

一、什么是圖表

百度百科解釋：“圖表，Microsoft Office用語，泛指在屏幕中顯示的，可直觀展示統計信息屬性（時間性，數量性等），對知識挖掘和信息直觀生動感受起關鍵作用的圖形結構，是一種很好的將對象屬性數據直觀，形象的‘可視化’的手段?！?

根據百度百科的解釋，我們來做一個”數據圖表化“的小推導。我從網站找了一段描述低碼的數據（數據來源艾瑞咨詢，并做了一些小修改），如下：

“2016年開始低代碼概念開始從國內逐漸興起，當年低代碼相關產品投融資事件達10起，億元以上融資數量2起，至2020年中國低代碼市場共有59起投融資事件，其中億元以上融資共有13起。2017年融資事件11起，億元以上融資3起；2018年融資事件12起，億元以上融資2起；2019年融資事件12起，億元以上融資3起；2020年融資事件14起，億元以上融資3起。隨著企業對系統敏捷性、易用性需求的增加和對業務部門低代碼接受度的提升，市場會迎來新的發展契機，短期內投融資熱度將持續增長。”

雖然以上的文字已經做了一些簡練，但閱讀時候不免覺得有些繞，不能很直觀的理解數據，且要記住關鍵數據還是較為困難的。

下面，我們對以上文字進行再次梳理，適當分段，進行結構化排版：

“2016年開始低代碼概念開始從國內逐漸興起，當年低代碼相關產品投融資事件達10起，億元以上融資數量2起。

至2020年中國低代碼市場共有59起投融資事件，其中億元以上融資共有13起。

2017年融資事件11起，億元以上融資3起；

2018年融資事件12起，億元以上融資2起；

2019年融資事件12起，億元以上融資3起；

2020年融資事件14起，億元以上融資3起。

隨著企業對系統敏捷性、易用性需求的增加和對業務部門低代碼接受度的提升，市場會迎來新的發展契機，短期內投融資熱度將持續增長。”

通過分段描述，以上段落顯得清楚了很多，但是例如”融資事件、億元以上融資“等詞語還是反復出現，整體來說不夠簡練。

那么，我們再將以上數據進行表格化展示來看看，如下：

我們可以發現，表格的展現形式比分段的結構化文本又清晰了太多，使得數據展示非常直觀。不僅用戶可以看清楚數據本身，還可以對比數據，假如表格再設計的人性化一些，可以將最大值進行重點標注（根據業務需要對數據進行差異化標注）。

不過表格也有劣勢，無法展現數據隨時間變化的趨勢等問題。我們再次仔細閱讀上述數據，可以梳理出如下圖表。

上圖將2016年到2020年的融資事件總數進行了重點處理，億元以上融資事件數量進行了次要處理。并且用柱狀圖疊加折線圖的圖表表達了2016年到2020年低碼融資事件數量的趨勢情況。

二、圖表的優勢

綜上所述我們可以發現，從通常意義上來說，圖表優于表格，表格優于結構化文本，結構化文本優于普通段落。那我們來看看圖表有哪些優勢。

1. 針對性

一圖一類型是圖表的特點，例如柱狀圖是用來比較同一指標下不同對象情況的圖表；餅圖是展現部分與部分之間，及部分與整體之間占比的情況。我們在使用圖表時，需要先對數據進行判斷，再選擇合適的圖表進行展現。

2. 直觀性

圖表與文字相比，在數據的表現上非常直觀。不僅可以讓用戶一目了然地看到數據，還能讓用戶將數據進行對比，從而發現問題，定位原因，解決問題。

3. 混合與拓展性

根據數據的屬性，圖表是可以進行混搭與拓展使用的?；齑钍侵笀D表和圖表可以拼搭使用，例如折線圖與柱狀圖經常合體使用。拓展性是指根據基礎圖表可以拓展出一系列個性化圖標。例如堆疊柱狀圖是由基礎柱狀圖衍生出來的。

三、開源圖表庫

目前開源的圖標庫以下幾種：

1. AntV G2

在AntV的官網上，是這么描述G2的：“一套面向常規統計圖表，以數據驅動的高交互可視化圖形語法，具有高度的易用性和擴展性。使用 G2，你可以無需關注圖表各種繁瑣的實現細節，一條語句即可使用 Canvas 或 SVG 構建出各種各樣的可交互的統計圖表。”

2. ECharts

百度百科：“ECharts是一款基于JavaScript的數據可視化圖表庫，提供直觀，生動，可交互，可個性化定制的數據可視化圖表。ECharts最初由百度團隊開源，并于2018年初捐贈給Apache基金會，成為ASF孵化級項目?！?

3. High Charts

百度百科：“Highcharts 是一個用純JavaScript編寫的一個圖表庫，能夠很簡單便捷的在web網站或是web應用程序添加有交互性的圖表，并且免費提供給個人學習、個人網站和非商業用途使用。HighCharts支持的圖表類型有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。”

4. Chart.js

Chart.js是一個面向設計人員和開發人員的簡單而靈活的 JavaScript 圖表。以下是Chart.js的文檔鏈接。

https://chartjs.bootcss.com/docs/

5. Chartist.js

Chartist.js 是一個面向設計人員和開發人員的簡單的響應式圖表，是前端圖表生成器。

目前來說B端產品使用最廣泛的圖標庫是AntV G2和ECharts。

四、15個圖表小細節

在大致了解了圖表以后，筆者總結了基于自身經驗、團隊經驗與行業經驗的圖表小技巧。希望這些小技巧能潤物細無聲地影響我們的設計者，從而為B端提升一點小體驗。

1. 折線圖2px

通常在B端中，我們用到線，以1px居多。但在折線圖中，我們經過反復推敲，發現2px線優于1px線。首先，2px線條顯得有力而清晰；其次，在線條多的時候，便于分辨。

2. 柱狀圖間距

柱狀圖中柱子與柱子之間的間距與柱子的寬度一致就好，且最左邊和最右邊柱子距離兩邊的間距為柱子的一半。如下圖所示，若柱子的寬度為X，則柱子與柱子間的間距為X，兩邊柱子距離各自向外間距為X/2。

3. 刻度值

圖表上的刻度值遞增數值根據實際情況需要做適當約束，如最大數值為150，就不適合刻度值上線標記為1000。其次，若業務數據一直處于動態變化中，則圖表Y軸可以設置成動態。

4. 餅圖文字顯示

在餅圖分類較少時候，可以將文字寫在餅圖上，但當分類較多時候，文字適合寫在餅圖外。

5. 餅圖塊排列

餅圖塊排列也是個值得考究的事情，通常來說，餅圖塊呈順時針方向旋轉，且以12點鐘方向為起點，塊面從大到小布局，若有“其他”模塊，則放置在最后。

6. 標簽位置

通常標簽都會放在圖表的上方區域，但這并不是一成不變的規則，例如當折線圖線較多的時候，可以考慮將標簽直接跟在折線的尾部。同時可以做一些交互效果，鼠標點擊標簽可以讓線弱化或者顯示。

7. 圖表色彩

圖表在配色上要使用區分度大的顏色，不要為了好看而使用相鄰的色彩，這會導致圖表的可讀性大大降低。如有條件，建議在色彩上考慮無障礙視覺。

8. 同類色使用

屬于同一色相，不同明度和飽和度的顏色，也是有使用空間的，通常表示同一對象的梯度變化。

9. 顯示重點

當圖表上數據及其多，且產品團隊壓根沒打算將數據量減少時，我們可以考慮展示重點數據（系統默認展示推薦重點，用戶可以自己選擇他所需的重點），弱化其他數據。

10. 標題的妙用

標題不僅僅是用來呈現普通描述的，在特殊場景下，標題描述可以稍微進行變化，從而達到直觀表述圖表核心含義的目標。

11. 時間周期太長

某些業務的數據統計需要跨很長的時間周期，這時，圖表無法滿足如此長周期的時間展示需求，我們不要慌，可以通過以下幾種方式去解決。

11.1 添加縮略滑塊

給圖表添加縮略滑塊，可以通過拖拽滑塊了查看某段時間范圍的數據。滑塊拉拽的越大，可以看到的時間范圍越大，但注意，會有極限值。

11.2 添加滑動滑塊

給圖表添加滑動滑塊，可以通過滑動一個固定大小的滑塊，查看某短時間范圍的數據。它與縮略滑塊的區別在于，滑動滑塊每次看到的時間段是一致的。

11.3 區塊放大鏡

如果圖表的呈現就是希望時間周期顯示完整，那么當時間周期較長的時候，顆粒度可以展示的稍微粗一些，不用太細，例如無需2月1日、2月2日、2月3日、2月4日、…連續展示，只要2月1日、3月1日、4月1日、5月1日、…間隔展示即可。在交互上，鼠標移入圖表區不斷進行某時間周期數據框選（即放大），就可以讓框選區數據不斷清晰。日K線常用此類方法去做。

12. 時間軸顯示

當時間軸日期跨越在當年時，無需每個時間點都帶上年份；而當跨年時，可以帶上年份，這樣可以保證時間軸顯示更簡單，不擁擠。

13. 等寬字體

若圖表中會采用表格去協助查看某類數據的明細，聯動展示，那么表格中的字體建議使用等寬字體，等寬字體方便用戶用視覺來比較大小。

14. 數據歸類

指標大盤上放置著各類型圖表數據，建議設計者們對數據的進行歸類整理，屬于一類的數據臨近展示，方便用戶連續性查看相關數據。

15. 靜態與動態圖表

圖表分為靜態和動態圖表，當業務呈現較為簡單時，使用靜態圖表就好。而當業務復雜，一張圖表難以表達細節時，就要考慮動態圖表去呈現了，“鼠標交互，數據擴展和下鉆”是動態圖表的特征。

五 、總結

圖表的小細節遠遠不止文中提到的這15種，還有好多好多。由于每時每刻都有設計者因為產品需求創造出新的好用的圖表類型，圖表成為了B端可持續探索的一片海洋。

體驗度量是什么？

簡單來說，用戶體驗度量是通過一套測量體系量化用戶體驗的過程。

盡管體驗很難被科學客觀地分析，但將度量這種手段運用于體驗的管理是非常有必要的。引用管理學大師彼得?德魯克的一句話：If you can’t measure it, you can’t improve it（如果你無法度量它，你就無法改進它）。我們相信更好地衡量體驗設計的價值，可以幫助我們更好地實現產品價值、用戶價值、商業價值，甚至是社會價值。

為什么要做體驗度量？

下面我們再來分析一下做好體驗度量能幫我們解決哪些難題，首先從我們遇到的幾個問題出發。

概念過于抽象主觀：設計師們提出的體驗優化方案被認為過于主觀，難以得到直接證據支持，各部門很難達成共識，方案難以推進落地。怎么辦？

影響因素復雜多元：現有的 NPS 滿意度調研反映了每個季度的商家整體滿意度，但是團隊面對 NPS 結果無法直接定位問題，難以進行有效的診斷和提升。怎么辦？

問題難以閉環管理：現有的 VoB 系統能夠收集到一定數量的商家反饋問題，但是這些零散的應急需求很難被高效地納入體驗優化項目。怎么辦？

相信大家或多或少遇到過類似的問題，雖然大家有著“以用戶為中心”提升“用戶滿意度”的共同目標，但在過程中具體該怎么做，仍然是抽象模糊的。體驗度量恰恰是解決這些問題的關鍵策略，我們希望通過體驗度量幫助京麥達成以下目標做出更好的設計，創造更大的價值。

目標一：讓商家體驗從“抽象”到“具象”，從“玄學”到“科學”，定義一套被各部門認可的衡量標準；

目標二：與商家建立更加直接的聯系，從商家角度直接洞察需求，更有針對性地定位優化問題；

目標三：更好地實現體驗設計價值及體驗設計體系化，與各部門建立合作關系，長期監測跟進優化。

怎么做體驗度量？

體驗度量一般可以分為五個步驟：拆指標、采數據、做診斷、再優化、續監測。

在京麥一期度量中，我們主要完成了前三個步驟，后期我們會嘗試推進后兩個步驟，同時也將繼續完善現有的度量模型和調研方式。

1. 拆指標

首先我們要明確這個產品的用戶體驗由哪幾部分構成，就比如評價一個人的英語水平如何，我們可以從聽、說、讀、寫這四方面進行評價。

通過比對分析業界相對成熟的指標模型，我們發現各個模型有不同的切入點，比如 PULSE 模型以網頁產品商業化為導向，HEART 模型以用戶為核心，PTECH 模型更適合企業級產品，UES 模型更適合技術產品等。涵蓋的維度多種多樣，有的維度是產品相關指標，比如留存率、日活用戶數、轉化率，有的維度是用戶側反饋，如 NPS 凈推薦值、滿意度。

深入分析這些維度，我們發現幾乎所有指標都可以被分為系統表現、用戶行為、用戶感受這三類。

有了前面提到的三大目標和參考指標，我們開始分析京麥移動端的現有情況。

由于京麥在現在這個階段已經有了相對穩定的產品形態，市場上也有了同類型的產品。因此，我們首先把完整性作為反映產品系統表現的重要維度，也就是商家需要的、別人家都有的，京麥“有沒有”？

第二項維度是參與度，店長是否會通過移動端來經營管理店鋪呢？客服是否會通過移動端來答復客戶呢？也就是各類角色“用不用”。

而作為一款 B 端產品，它的使用效率和易用性是至關重要的，我們要關注用戶的行為，也就是商家們是否能“又快又好地使用”。

最后一項指標是滿意度，它代表了用戶的主觀整體感受，這也是所有指標中涵蓋面最廣的一項?？偟膩碚f，商家們是否認為這個產品“令人滿意”？

TIPS：體驗度量具有非常強的業務屬性，不同的業務類型、業務階段、業務規模、資源情況都會有與之相配的不同的合適的度量方式，適合自己的指標才是好指標。

2. 采數據

有了度量指標之后，我們需要通過從不同渠道去收集盡量全面的數據。還是拿英語舉例，我們該如何去給聽、說、讀、寫這四部分打分呢？可以通過聽力、口語、閱讀、寫作的統一考試打分，可以讓老師根據平時上課的表現打分，也可以讓同學互相評價打分。

那么度量的數據也可以有多種來源，比如通過用戶訪談得到用戶主觀使用感受（定性數據），通過問卷調研得到滿意度或是易用性評分（定量數據），通過后臺數據得到用戶的行為數據（定量數據）。

基于移動端京麥現在所處的發展階段階段，我們重新明確了我們的調研目標：

• 清晰與競品差距與機會點；
• 關注核心模塊的使用體驗；
• 了解用戶的主觀感受。

因此，我們在這個階段實施了用戶訪談、問卷調研和競品分析三種不同的調研活動，收集了大量的定性數據及定量數據。

競品功能完整性對比分析

調研目的

通過分析對比現在行業內同類產品的功能，計算京麥功能的完整性得分。以千牛、拼多多、京麥三個平臺六個端為分析對象，測試各一級、二級、三級功能的支持情況。

調研方法

確認競品后，通過使用各家產品的具體功能，拆分一級、二級、三級或更細節的功能，填寫完整性分析表；

計算完整性得分（京麥具體計算以二級功能為標準，分為六個不同等級，分別對應六個分數）。

TIPS：可以通過與產品同學的溝通，共同完成各級功能模塊及相應支持程度的定義；后期可以納入客觀數據指標，結合用戶的參與情況、平臺滿意度計算權重，重新定義重要程度、支持程度；以一個季度為統計周期，及時跟進新上線功能。

線上用戶訪談

調研目的

與用戶直接對話，較為直接、細致地了解不同角色用戶如何使用各功能，以及在使用過程中經常遇到的問題，了解他們的使用習慣和實際需求。獲得用戶畫像、用戶使用感受、用戶問題反饋等定性數據。

調研方法

用戶招募：提前 1 周設計招募問卷，并在 QQ 商家群投放、回收，篩選目標用戶，提前打電話確認訪談意向；

前期溝通：添加商家的微信，了解商家的基本信息，預約商家參與時間，并要求商家提前在手機/電腦上安裝騰訊會議；

訪談大綱：根據具體想要了解的功能模塊、用戶群體等，撰寫訪談大綱，包括開場白、基本信息、具體問題、觀察操作提問、延展問題、結束語等；

實施訪談：提前預約會議室，打印訪談記錄表。需要至少一位主持人、一位觀察記錄員，訪談時長控制在 30-45 分鐘左右；

訪談結果梳理：每場訪談結束，參與者進行快速回顧總結，截取錄屏中關鍵段落，提煉對應的用戶行為、態度、問題、需求等信息，逐步建立猜想，并在后續的訪談中進行驗證、修改；每輪訪談結束，對共性問題進行分類歸納，梳理電子化在線表格；撰寫訪談報告（可能包括用戶體驗地圖、用戶畫像等）；

后續跟進：郵寄周邊禮物，并建立商家體驗群，維護長期合作關系。

TIPS：提前爭取更多利益點吸引商家參與；提前明確目標用戶類型，與產品側配合利用線上使用數據定位篩選訪談用戶（如使用經驗、使用頻率、經營類目等）；提前與受訪者溝通，可以讓商家準備反饋問題列表，與商家反復確認時間；確認用戶接受上訪談使用的設備及場景，對可能出現的意外情況做預案；訪談后，在企業版微信建立相對穩定的商家關系，以便回訪；訪談信息整理需要更多人同時參與，盡量在訪談當天或次日完成轉錄、問題分類，及時補充假設，在后續訪談中驗證/推翻；及時從錄屏中截取關鍵段落、截圖，便于舉證。

線上問卷調研

調研目的

以更大樣本量驗證訪談結論，同時通過對大量用戶的主觀打分、行為習慣的分析，得到對產品整體的使用評價，直接獲得用戶角度滿意度、參與度、易用性得分。

調研方法

問卷設計：提前 1 周開始設計問卷，根據前期訪談結果，有針對性地設計各模塊、各角色對應問題；

問卷投放：針對不同端的問題，分為 2 個問卷，分別投放；（如果需要長期追蹤，建議以季度為單位，以京麥為例，緊跟平臺滿意度調研投放時間，在 1 月/4 月/7 月/10 月初分別投放）；提前與產品、運營側進行溝通，確認上線、下線時間，以及所需物料，如文案、icon、banner 等；

問卷結果梳理：數據清洗、分析；梳理關鍵信息，制作圖表；輸出報告結論。

TIPS：1. 盡量咨詢用戶研究團隊專業人員，聽取他們對問卷題目設置的建議，留出組內討論、線上測試時間，進行 1-2 輪調整；

2. 如果需要長期追蹤，建議以季度為單位投放問卷，以京麥為例，緊跟平臺滿意度調研投放時間，在 1 月/4 月/7 月/10 月初分別投放；

3. 提前與產品、運營同學進行溝通，確認上線、下線時間，以及所需物料，如文案、icon、banner 圖等。

3. 做診斷

收集了大量數據信息之后，我們需要設定不同維度的權重，并通過一定的規則計算出各指標的最終得分。比如工具類產品，可能更強調用戶達成任務的效率，因此易用性和任務效率權重較高，而主觀數據的滿意度權重則相對更低。

同時每項指標的背后都有一種或多種的數據采集方式，每項指標的數據顆粒度也不同，有的可能只針對一個模塊，有的可能涵蓋整個使用過程。因此，我們在設定計算規則的時候，要盡可能的全面客觀。

最后，將度量體系的各個維度進行加權計算，基于數據表現，可以診斷出產品的提升信號。

完整性 | 功能完整性對比分析（客觀）

目前，京麥在整個商家后臺行業中已經處在功能相對較為完善的階段，因此完整性將作為一個重要指標納入整個體驗度量體系中。通過與其他同類產品對比，可以看出各端功能的覆蓋完整度，這一維度是完全客觀的度量指標。

易用性 | 用戶使用難易程度（主觀）

易用性是衡量用戶在使用產品各功能時感受到的難易程度的標準，是完全主觀的度量標準。在比較了各類可用性測試、易用性測試度量體系后，我們選取了表格中的四項維度和對應的七個問題。通過問卷的形式，以李科特五度度量（強烈反對=20 分，反對=40 分，中立=60 分，贊同=80 分，強烈贊同=100 分）換算獲得了易用性的分數。

參與度 | 各角色用戶常用功能模塊的使用率（主觀）

參與度是衡量用戶對各功能模塊的使用率的主觀度量標準。使用京麥的商家可以按照其工作崗位分為店長、運營推廣人員、客服人員、財務人員、技術人員等多種類型，通過對各類人群常用功能模塊的使用率的加權平均值，計算整體的參與度。

任務效率 | 各角色用戶完成特定任務的投入產出比（主觀&客觀）

任務效率是用戶通過使用京麥完成某一特定工作任務（發布新商品、填報活動等）的投入產出比，通常以時間、完成度、出錯率等具體業務指標來具體定義。一期我們以 100%-用戶主觀反饋問題的比例來推測計算任務效率。二期計劃：與各條業務線溝通，以他們的業務指標來定義更具體的任務效率指標，通過用戶行為監控數據來計算客觀的任務效率值。

滿意度 | 用戶對產品整體的使用感受（主觀）

使用季度性《平臺商家滿意度調研報告》統計得分，也可以在問卷中設置相應打分題進行統計。

4. 再改造

通過前面幾個步驟的計算得分，產品已經有了較為宏觀的改造方向，我們可以再結合前期調研收集的用戶反饋問題，重點解析數據表現背后的原因。這個階段需要引入更細致的專家評估等方法，對各類問題的優先級進行排序。

我們計劃結合產品現有的移動化進程，首先提升完整性，然后分批次地針對核心模塊優化易用性、任務效率，并通過概念設計及用戶測試等方式進行產品優化改造的快速驗證。

5. 續檢測

后續，我們也希望引入更多用戶的行為數據指標，如用戶活躍度、用戶增長率、功能插件使用率、頁面點擊率等，從業務指標中獲得更全面的數據信息。

同時引入監測工具，對產品重塑后的關鍵指標進行持續追蹤，周期性監測指標的改善情況，讓各部門同時參與體驗度量的工作，提升優化產品的效率。從體驗度量指標的數據采集到數據分析到數據的可視化，再到最后的優化落地，讓體驗度量的閉環全程可管理。