工具型產品，是以工具屬性為主導，為解決用戶/客戶明確的需求，提升效率的產品。工具型產品相比于其他類型：如內容型、社交型產品，用戶需求更明確，完成任務即走，因此設計方法和策略主要圍繞如何使產品更“高效”展開。本文將結合我最近主導設計的騰訊內部IT工具產品的設計經驗，給大家分享工具產品的設計方法和思路，希望對大家有所啟發。

一、工具型產品的定義和特點

1. 什么是工具型產品

工具型產品，是指在某具體場景下，為解決用戶明確的需求，提升效率的產品。常見的工具型產品舉例如下：

• 系統性工具（如：瀏覽器、硬件檢測）
• 生活工具（如：支付、天氣、地圖）
• 工作效率工具（如：郵箱、通訊、記事本）
• 專業性工具（如設計師專業工具：Adobe系列、Sketch、Figma）

其他類型如電商類、內容類、社交類、游戲等產品類型，目標是讓用戶花更多的時間使用產品，用戶需求是消磨時間、獲得愉悅感、獲得知識等，并非解決某一實際問題。

2. 垂直型和聚合型工具型產品的區別

以上的產品案例都解決了單一問題，用戶目標明確。按照產品形態，工具型產品還可以分為垂直型工具和聚合型工具產品：

• 垂直型工具，指的是解決單一問題的工具型產品，目的是滿足某類用戶的特定問題。
• 聚合型工具，指的是將多個垂直工具聚合在一起的平臺產品，目的是滿足不同用戶群體的多元化需求。例如：企業微信- 企業協作和管理平臺，集消息、文檔、會議、表格、知識庫、日歷等功能于一身。

兩類工具型產品的主要區別如下：

3. 聚合型工具產品的特點

聚合型工具產品有以下特點：

• 模塊化 – 所有的功能根據其屬性進行歸類，模塊化展示。
• 標準化 – 平臺通過統一標準對接入的多個工具進行統一管理，以達到用戶認知統一和產品框架的靈活性。
• 特性化 – 在標準化的基礎上，針對不同用戶滿足其不同需求。
• 組件化 – 提取交互/視覺組件規范，降低用戶學習成本。

二、聚合型工具產品的設計方法詳解

下面以最近改版的騰訊內部IT工具產品為例，給大家分享聚合型工具產品的設計思路和方法。

該產品負責為騰訊員工提供日常辦公工具、網絡連接、安全防護三個方面的能力，讓員工可以安全、穩定、高效地訪問企業資源和數據，是騰訊員工最常使用的內部工具之一。

圍繞用戶體驗要素的五個層級“戰略層→范圍層→結構層→框架層→表現層”，一款好的聚合型工具產品設計應該滿足以下幾點：

• 讓用戶清晰“認知”產品：結合產品目標、產品能力和用戶需求，明確產品定位和范圍，并高效傳達給用戶。
• 讓用戶快速“找到”功能：通過清晰的信息架構和布局，讓用戶快速找到所需工具。
• 讓用戶高效“使用”功能：通過高效的頁面布局、統一的任務流程等設計方法，讓用戶高效解決問題。

1. 讓用戶清晰“認知”產品

本次改版，通過對用戶認知、用戶需求以及產品目標的綜合分析，重新明確并升級了產品定位。

（1）用戶需求解析

將用戶對產品訴求的關鍵字提取后，訴求集中在兩方面：

1. 網絡：用戶期望通過該產品穩定連接公司內網，并在網絡故障時高效修復。
2. 應用/工具：用戶期望通過該產品高效使用和下載辦公IT工具。

（2）用戶認知和產品能力對比解析

通過對產品滿意度問卷調研與用戶訪談得出，用戶認知和產品定位并不完全匹配，主要差異在安全和應用/工具模塊：

• 安全：用戶對產品提供的安全保護無感知。
• 應用/工具：產品聚合了多個第三方IT工具，如辦公工具、平臺連接、研發工具等。工具類別較多，但每類都不夠全面，不能完全滿足用戶訴求，產品能力也不清晰。

（3）產品定位升級

結合用戶的期待和認知，以及產品提供的能力，對產品定位進行了細化和升級：

• 穩定的網絡：在原有網絡工具的基礎上，突出用戶最關注的網絡狀態以及修復功能。
• 安全的辦公環境：向用戶傳達安全保護能力，并提供安全修復和預防方案。

高效的辦公環境：從多種無序快捷入口，升級為“1 日常辦公使用的工具 2 電腦初始化授權軟件庫” 兩類入口提升員工辦公效率。

定位明確后，下一步應考慮如何向用戶傳達產品能力，讓用戶對產品能力有清晰明確的認知。

2. 讓用戶快速“找到”功能

（1）重構產品架構

聚合型工具產品通常功能涵蓋范圍較廣，設計時，可結合產品定位、用戶可理解兩方面，重構產品架構：

• 產品架構與產品定位/范圍對應。
• 利用卡片分類的方式，得出用戶易理解的分類。

老版產品框架，工具和應用區分模糊，網絡和安全狀態混合，沒有準確傳達產品范圍和定位，導致用戶找工具效率低。

改版后，將框架按照產品定位“安全、網絡、高效辦公”重構，強化用戶對產品理解，高效找到所需功能。

（2）根據產品定位重構首頁布局

產品首頁應向用戶傳達整體的產品范圍，并突出最核心功能，讓用戶高效找到常用功能，提升對產品的認知，且加強用戶的正向期待。

老版首頁布局，范圍不明確，不同功能混淆。

改版后，首頁布局按照三個定位“安全、網絡、辦公”模塊分區，露出每個模塊核心功能，且增加左導航將更多內容收起。讓用戶立即對產品范圍有整體認知，高效找到所需功能。

（3）視覺動線優化

優化用戶瀏覽動線，讓用戶更高效的瀏覽頁面信息，找到所需功能，減少信息遺漏。

老版產品的首頁布局，采用“上 – 左 – 右 – 下”的布局方式，掃視動線無規律，效率較低，易遺漏信息。

改版后，采用尼爾森提出的F型瀏覽模式（因瀏覽模式像英文字母F，所以被稱為F模式），即用戶從左到右閱讀，接著垂直掃視，當定位到興趣點后繼續由左至右閱讀。這種動線符合人類自然的閱讀模式，大大提升掃視效率。

3. 讓用戶高效“使用”功能

用戶高效‘找到’所需功能后，需提供簡潔、高效的操作任務流程，讓用戶高效解決問題。

設計中，可通過統一的頁面布局和結構、高效統一的任務流程、個性化定制、打通產品內不同工具的功能等策略提升用戶效率。

（1）統一的頁面布局和結構

統一的頁面布局和結構，能減少用戶學習和理解成本，提升使用效率。

例如產品二級頁面使用相同布局，分類平鋪產品，提升用戶操作效率，減少學習成本。

（2）高效統一的任務流程

提升任務流程效率和體驗，可以從4個角度來思考：步驟少、多線程、用時短、規范統一。

• 步驟少：縮短用戶路徑。例如：將更多“手動操作”自動化，或合并步驟。
• 多線程：多線程同時操作。例如：將任務流程都以彈窗展現，不干擾主客戶端的多線操作。
• 用時短：在技術上，優化流程所需時間。例如：診斷修復功能從10秒優化到只需7秒。
• 規范統一：將所有任務流程中統一交互和視覺規范。例如：彈窗尺寸、標題規范、面包屑規范、成功/失敗規則。

（3）個性化定制和推薦

聚合型工具產品功能一般較多，根據人物畫像進行個性化定制/推薦，把用戶最想要的內容直接呈現，提升用戶使用效率。

在新版產品設計中，根據用戶崗位、入職時間不同，對用戶進行了個性化定制。

根據崗位不同：

不同崗位用戶，高頻使用的工具不同。設計時，可根據不同崗位提供不同的默認功能。

例如在首頁初始化時，按照不同崗位的用戶數據，默認展示使用最高頻的6個工具。且用戶可定制化常用功能，提高使用效率。

根據入職時間長短：

對于新手小白用戶，除了提供標準的新人指引以外，也可以將部分功能打包后進行“一鍵完成任務”，幫助用戶自動完成任務。

在新版產品設計中，當系統檢測到用戶為剛入職員工時，則推送“一鍵初始化”必備辦公軟件，用戶后續無需自行一一安裝，大大提升了使用效率。

（4）核心功能突出

從用戶數據和深訪中發現，大部分用戶主要圍繞著高頻需求使用。

設計中，應給予高頻功能更高的優先級，如更優先的展示順序、更大的展示空間、更醒目的配色、和更直接的交互形式。

新版產品設計中，使用高飽和度banner表達網絡狀態，不同的顏色表示不同狀態，且在不同網絡狀態時，給出相應操作。

三、結語

聚合型工具產品的設計方法，主要圍繞著如何讓用戶快速認知產品、高效找到所需功能、高效完成任務幾個方面展開。希望通過產品設計案例，可以給大家拋磚引玉，在如何設計工具型產品方面有新的啟發。