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

一、工具型產(chǎn)品的定義和特點(diǎn)

1. 什么是工具型產(chǎn)品

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

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

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

2. 垂直型和聚合型工具型產(chǎn)品的區(qū)別

以上的產(chǎn)品案例都解決了單一問題，用戶目標(biāo)明確。按照產(chǎn)品形態(tài)，工具型產(chǎn)品還可以分為垂直型工具和聚合型工具產(chǎn)品：

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

兩類工具型產(chǎn)品的主要區(qū)別如下：

3. 聚合型工具產(chǎn)品的特點(diǎn)

聚合型工具產(chǎn)品有以下特點(diǎn)：

• 模塊化 – 所有的功能根據(jù)其屬性進(jìn)行歸類，模塊化展示。
• 標(biāo)準(zhǔn)化 – 平臺(tái)通過統(tǒng)一標(biāo)準(zhǔn)對(duì)接入的多個(gè)工具進(jìn)行統(tǒng)一管理，以達(dá)到用戶認(rèn)知統(tǒng)一和產(chǎn)品框架的靈活性。
• 特性化 – 在標(biāo)準(zhǔn)化的基礎(chǔ)上，針對(duì)不同用戶滿足其不同需求。
• 組件化 – 提取交互/視覺組件規(guī)范，降低用戶學(xué)習(xí)成本。

二、聚合型工具產(chǎn)品的設(shè)計(jì)方法詳解

下面以最近改版的騰訊內(nèi)部IT工具產(chǎn)品為例，給大家分享聚合型工具產(chǎn)品的設(shè)計(jì)思路和方法。

該產(chǎn)品負(fù)責(zé)為騰訊員工提供日常辦公工具、網(wǎng)絡(luò)連接、安全防護(hù)三個(gè)方面的能力，讓員工可以安全、穩(wěn)定、高效地訪問企業(yè)資源和數(shù)據(jù)，是騰訊員工最常使用的內(nèi)部工具之一。

圍繞用戶體驗(yàn)要素的五個(gè)層級(jí)“戰(zhàn)略層→范圍層→結(jié)構(gòu)層→框架層→表現(xiàn)層”，一款好的聚合型工具產(chǎn)品設(shè)計(jì)應(yīng)該滿足以下幾點(diǎn)：

• 讓用戶清晰“認(rèn)知”產(chǎn)品：結(jié)合產(chǎn)品目標(biāo)、產(chǎn)品能力和用戶需求，明確產(chǎn)品定位和范圍，并高效傳達(dá)給用戶。
• 讓用戶快速“找到”功能：通過清晰的信息架構(gòu)和布局，讓用戶快速找到所需工具。
• 讓用戶高效“使用”功能：通過高效的頁面布局、統(tǒng)一的任務(wù)流程等設(shè)計(jì)方法，讓用戶高效解決問題。

1. 讓用戶清晰“認(rèn)知”產(chǎn)品

本次改版，通過對(duì)用戶認(rèn)知、用戶需求以及產(chǎn)品目標(biāo)的綜合分析，重新明確并升級(jí)了產(chǎn)品定位。

（1）用戶需求解析

將用戶對(duì)產(chǎn)品訴求的關(guān)鍵字提取后，訴求集中在兩方面：

1. 網(wǎng)絡(luò)：用戶期望通過該產(chǎn)品穩(wěn)定連接公司內(nèi)網(wǎng)，并在網(wǎng)絡(luò)故障時(shí)高效修復(fù)。
2. 應(yīng)用/工具：用戶期望通過該產(chǎn)品高效使用和下載辦公I(xiàn)T工具。

（2）用戶認(rèn)知和產(chǎn)品能力對(duì)比解析

通過對(duì)產(chǎn)品滿意度問卷調(diào)研與用戶訪談得出，用戶認(rèn)知和產(chǎn)品定位并不完全匹配，主要差異在安全和應(yīng)用/工具模塊：

• 安全：用戶對(duì)產(chǎn)品提供的安全保護(hù)無感知。
• 應(yīng)用/工具：產(chǎn)品聚合了多個(gè)第三方IT工具，如辦公工具、平臺(tái)連接、研發(fā)工具等。工具類別較多，但每類都不夠全面，不能完全滿足用戶訴求，產(chǎn)品能力也不清晰。

（3）產(chǎn)品定位升級(jí)

結(jié)合用戶的期待和認(rèn)知，以及產(chǎn)品提供的能力，對(duì)產(chǎn)品定位進(jìn)行了細(xì)化和升級(jí)：

• 穩(wěn)定的網(wǎng)絡(luò)：在原有網(wǎng)絡(luò)工具的基礎(chǔ)上，突出用戶最關(guān)注的網(wǎng)絡(luò)狀態(tài)以及修復(fù)功能。
• 安全的辦公環(huán)境：向用戶傳達(dá)安全保護(hù)能力，并提供安全修復(fù)和預(yù)防方案。

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

定位明確后，下一步應(yīng)考慮如何向用戶傳達(dá)產(chǎn)品能力，讓用戶對(duì)產(chǎn)品能力有清晰明確的認(rèn)知。

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

（1）重構(gòu)產(chǎn)品架構(gòu)

聚合型工具產(chǎn)品通常功能涵蓋范圍較廣，設(shè)計(jì)時(shí)，可結(jié)合產(chǎn)品定位、用戶可理解兩方面，重構(gòu)產(chǎn)品架構(gòu)：

• 產(chǎn)品架構(gòu)與產(chǎn)品定位/范圍對(duì)應(yīng)。
• 利用卡片分類的方式，得出用戶易理解的分類。

老版產(chǎn)品框架，工具和應(yīng)用區(qū)分模糊，網(wǎng)絡(luò)和安全狀態(tài)混合，沒有準(zhǔn)確傳達(dá)產(chǎn)品范圍和定位，導(dǎo)致用戶找工具效率低。

改版后，將框架按照產(chǎn)品定位“安全、網(wǎng)絡(luò)、高效辦公”重構(gòu)，強(qiáng)化用戶對(duì)產(chǎn)品理解，高效找到所需功能。

（2）根據(jù)產(chǎn)品定位重構(gòu)首頁布局

產(chǎn)品首頁應(yīng)向用戶傳達(dá)整體的產(chǎn)品范圍，并突出最核心功能，讓用戶高效找到常用功能，提升對(duì)產(chǎn)品的認(rèn)知，且加強(qiáng)用戶的正向期待。

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

改版后，首頁布局按照三個(gè)定位“安全、網(wǎng)絡(luò)、辦公”模塊分區(qū)，露出每個(gè)模塊核心功能，且增加左導(dǎo)航將更多內(nèi)容收起。讓用戶立即對(duì)產(chǎn)品范圍有整體認(rèn)知，高效找到所需功能。

（3）視覺動(dòng)線優(yōu)化

優(yōu)化用戶瀏覽動(dòng)線，讓用戶更高效的瀏覽頁面信息，找到所需功能，減少信息遺漏。

老版產(chǎn)品的首頁布局，采用“上 – 左 – 右 – 下”的布局方式，掃視動(dòng)線無規(guī)律，效率較低，易遺漏信息。

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

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

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

設(shè)計(jì)中，可通過統(tǒng)一的頁面布局和結(jié)構(gòu)、高效統(tǒng)一的任務(wù)流程、個(gè)性化定制、打通產(chǎn)品內(nèi)不同工具的功能等策略提升用戶效率。

（1）統(tǒng)一的頁面布局和結(jié)構(gòu)

統(tǒng)一的頁面布局和結(jié)構(gòu)，能減少用戶學(xué)習(xí)和理解成本，提升使用效率。

例如產(chǎn)品二級(jí)頁面使用相同布局，分類平鋪產(chǎn)品，提升用戶操作效率，減少學(xué)習(xí)成本。

（2）高效統(tǒng)一的任務(wù)流程

提升任務(wù)流程效率和體驗(yàn)，可以從4個(gè)角度來思考：步驟少、多線程、用時(shí)短、規(guī)范統(tǒng)一。

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

（3）個(gè)性化定制和推薦

聚合型工具產(chǎn)品功能一般較多，根據(jù)人物畫像進(jìn)行個(gè)性化定制/推薦，把用戶最想要的內(nèi)容直接呈現(xiàn)，提升用戶使用效率。

在新版產(chǎn)品設(shè)計(jì)中，根據(jù)用戶崗位、入職時(shí)間不同，對(duì)用戶進(jìn)行了個(gè)性化定制。

根據(jù)崗位不同：

不同崗位用戶，高頻使用的工具不同。設(shè)計(jì)時(shí)，可根據(jù)不同崗位提供不同的默認(rèn)功能。

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

根據(jù)入職時(shí)間長(zhǎng)短：

對(duì)于新手小白用戶，除了提供標(biāo)準(zhǔn)的新人指引以外，也可以將部分功能打包后進(jìn)行“一鍵完成任務(wù)”，幫助用戶自動(dòng)完成任務(wù)。

在新版產(chǎn)品設(shè)計(jì)中，當(dāng)系統(tǒng)檢測(cè)到用戶為剛?cè)肼殕T工時(shí)，則推送“一鍵初始化”必備辦公軟件，用戶后續(xù)無需自行一一安裝，大大提升了使用效率。

（4）核心功能突出

從用戶數(shù)據(jù)和深訪中發(fā)現(xiàn)，大部分用戶主要圍繞著高頻需求使用。

設(shè)計(jì)中，應(yīng)給予高頻功能更高的優(yōu)先級(jí)，如更優(yōu)先的展示順序、更大的展示空間、更醒目的配色、和更直接的交互形式。

新版產(chǎn)品設(shè)計(jì)中，使用高飽和度banner表達(dá)網(wǎng)絡(luò)狀態(tài)，不同的顏色表示不同狀態(tài)，且在不同網(wǎng)絡(luò)狀態(tài)時(shí)，給出相應(yīng)操作。

三、結(jié)語

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