對普通人來講，誰都希望自己能做一個家喻戶曉的產(chǎn)品。但多數(shù)人還是做的工具型產(chǎn)品——畢竟這類產(chǎn)品更多，而且要求更嚴(yán)。這篇文章，作者分享了他對工具型產(chǎn)品類的思考和看法，以及它的產(chǎn)品特征和設(shè)計原則，供大家參考。

互聯(lián)網(wǎng)發(fā)展至今，各類應(yīng)用場景的產(chǎn)品層出不窮，消費類、工具類、游戲類、金融類等，每類產(chǎn)品都有各自的產(chǎn)品特征和設(shè)計原則，今天我們來聊聊工具型產(chǎn)品，看看它有什么特點。

一、工具型產(chǎn)品的定義

廣義上講，工具是用于解決人們生活、工作中的某類問題的“器具”，基于這個定義，那所有的互聯(lián)網(wǎng)產(chǎn)品都可以看作是“工具”，如推特是社交工具、亞馬遜是購物工具、Google是搜索工具。

不過從討論互聯(lián)網(wǎng)某類產(chǎn)品的特性來看，這么區(qū)分過于籠統(tǒng)，因此這里對工具型產(chǎn)品有更聚焦和細(xì)分的定義。

工具型產(chǎn)品是指主要用于幫助用戶解決特定問題的互聯(lián)網(wǎng)產(chǎn)品，通常具有非常明確的功能和用途，用戶使用它們的目的是為了提高效率、產(chǎn)出某些內(nèi)容等解決非常具體問題。

那可能有人會問“推特、亞馬遜這些不是解決特定問題的嗎？沒有明確的功能和用途嗎？”

與日常生活娛樂需求不一樣，從產(chǎn)品目標(biāo)來講，工具型產(chǎn)品側(cè)重于幫助用戶“Save time”，而消費娛樂型產(chǎn)品傾向于占用時間，即“Kill time”。

從用戶使用產(chǎn)品的目標(biāo)而言，工具型產(chǎn)品是解決問題導(dǎo)向，強目的性、用于解決特定的問題，強功能驅(qū)動，所以工具型產(chǎn)品另一個特點就是目的性非常強，有明確的里程碑。

用戶以解決問題為導(dǎo)向，有明確的里程碑

我們?nèi)粘２皇娣艜メt(yī)院，車子沒油才會去加油站，去了以后希望解決對應(yīng)的問題，完成目標(biāo)的里程碑十分明確。

但在日常生活中，有事沒事可能都會去逛商場和跟人聊天，不是強目的性的驅(qū)使的行動，也沒有明確的里程碑，比如有沒有買東西不影響逛商場。

而工具型產(chǎn)品如同醫(yī)院、加油站一樣，就是為了解決特定的問題場景，具備強目的性的，有明確的里程碑。寫論文用Word、修圖片用PS、完成演示文檔用PPT…都具有明確的目的和里程碑。

產(chǎn)品的目標(biāo)是幫助用戶提升效率、解決具體的問題

工具型產(chǎn)品存在的意義一般是幫助用戶提升效率，解決明確具體的問題，用戶一般用完即走。

這也存在一個工具型產(chǎn)品在商業(yè)閉環(huán)中的痛點，正因為“用完即走”的特點，導(dǎo)致市場上對這類產(chǎn)品商業(yè)價值存疑，比如留存低、粘性低的問題，但也不全是這樣，取決于兩個因素：

• 產(chǎn)品的解決的問題，是否是持續(xù)性、周期性的問題，即問題本身是否高頻；
• 產(chǎn)品解決的問題，是點狀還是線狀甚至是影響生態(tài)的問題。

以上兩點本質(zhì)是產(chǎn)品提升效率、解決問題的深度和廣度，這決定了工具產(chǎn)品的商業(yè)價值。

二、我們常見的工具型產(chǎn)品有哪些？

從學(xué)生到各行各業(yè)的從業(yè)者，我們已經(jīng)離不開各類工具產(chǎn)品，從常用場景來分：

• 生產(chǎn)力工具：如Microsoft Office、Adobe Photoshop、Sketch、Figma、Visual Studio Code；
• 辦公協(xié)同：Zoom、Microsoft Teams、Trello、teambition
• 安全管理：Norton Antivirus、LastPass、Duo Security等
• 系統(tǒng)優(yōu)化工具：CCleaner、Glary Utilities等
• 文件管理工具：如Dropbox、Google Drive、OneDrive等，用于文件存儲、共享和管理
• …

不同工具型產(chǎn)品形態(tài)截然不同，本文將重點聊聊“生產(chǎn)力工具”產(chǎn)品的特點以及設(shè)計原則，后續(xù)再展開其他類型的討論。

Microsoft Office、Adobe Photoshop等作為生產(chǎn)力工具的代表，通過工具改變了工作和社會協(xié)同的形態(tài)，歷經(jīng)幾十年，這類生產(chǎn)力工具有什么特點？

三、生產(chǎn)力工具的特點

從產(chǎn)品目標(biāo)上看，生產(chǎn)力工具是幫助用戶提升生產(chǎn)力的，讓用戶更高效、簡單地完成內(nèi)容生產(chǎn)。

從交互形態(tài)上看，用戶通過各種操作，在畫布中構(gòu)建內(nèi)容，比如一篇文章、一個3D模型、一張海報、一份PPT。如同一個雕塑師，不斷圍繞著一個對象進(jìn)行雕琢、打磨，最終產(chǎn)出一個完整的對象，在《界面設(shè)計模式》一書中將這種交互形態(tài)稱之為“遞增構(gòu)建（Incremental Instruction）”。

當(dāng)工具可以很好地支持創(chuàng)造性的活動時，可能會引發(fā)用戶的“心流”(flow）狀態(tài)，這是一種全心投入的狀態(tài)，過程中人們會忽視時間的流逝，忽略其他的干擾，從而讓人持續(xù)工作好幾個小時。

反之，不好的工具會讓人分神，比如用戶需要等待半分鐘才能看到她修改后的增量結(jié)果時，她的注意力就被分散了，心流的狀態(tài)被打斷了，持續(xù)不好的互動體驗會極大挑戰(zhàn)用戶的耐心。

因此，對于工具類軟件來講，如何讓用戶專注于創(chuàng)造性活動，達(dá)到“心流”的狀態(tài)，讓用戶沉浸在其中，是軟件設(shè)計的重要目標(biāo)。

遞增構(gòu)建的交互，即用戶操作路徑是圍繞著一個畫布中的對象，調(diào)用周圍一系列操作來做用于這個對象，與瀏覽型、管控型產(chǎn)品比，交互具有非常高頻的特點。

正是由于這種交互形態(tài)，生產(chǎn)力工具的交互通常有著非常高的要求，為了讓用戶操作順暢、高效產(chǎn)出、更簡單的生產(chǎn)出好效果，生產(chǎn)力工具產(chǎn)品的設(shè)計往往更具有挑戰(zhàn)性。

四、生產(chǎn)力工具的設(shè)計特點

軟件好用與否，通常需要從功能、性能、界面交互幾個層面來一起評估，本文重點從交互的角度來聊聊好用的生產(chǎn)力工具他們有哪些交互特點。

提到“圖層”你可能立刻想到Photoshop、說起“Ribbon”你可以想到Office辦公軟件，這些交互形態(tài)為解決特定問題而生，已經(jīng)被沉淀為解決此類問題的經(jīng)典解決方案。

生產(chǎn)力工具為內(nèi)容生產(chǎn)而生，從時間上看，經(jīng)典的生產(chǎn)力工具在框架上是穩(wěn)定的。從交互體驗看，為內(nèi)容生產(chǎn)者提供高效、易用上的操作體驗。

所以下面圍繞著產(chǎn)品框架、操作效率、上手體驗三個維度來聊聊好的生產(chǎn)力工具，在設(shè)計上有什么特點。

1. 穩(wěn)定的框架

縱觀30多年P(guān)hotoshop和Office辦公套件，操作的基礎(chǔ)框架沒有因為時間、技術(shù)設(shè)備發(fā)展變得面目全非。

所以，好的生產(chǎn)力工具是時間的掌控者而不是追隨者，對產(chǎn)品的定位想得足夠清晰和長遠(yuǎn)，并且有機制堅持和完善。當(dāng)然穩(wěn)定的框架不是上線后就不允許動了，需要開始想明白，之后不輕易做顛覆性框架變更。

在任何軟件中，框架決定了產(chǎn)品的用戶心智和核心交互邏輯，而工具型產(chǎn)品的框架定義尤為重要，穩(wěn)定的框架有助于用戶漸進(jìn)深入的了解甚至習(xí)慣，此類產(chǎn)品也不需要給用戶持續(xù)的“新鮮感”，另一方面框架也決定了廠商內(nèi)部的協(xié)同模式和增量拓展。

好的框架能將產(chǎn)品的特性一直延續(xù)下去，每次的發(fā)版迭代在不顛覆原用戶習(xí)慣的基礎(chǔ)上，讓用戶持續(xù)更多的受益，不會因為時間、外力的作用顛覆原來的基礎(chǔ)，軟件是時間的掌控者。

比如角色化的頁面，讓軟件面向不同市場的時候，可以在原框架基礎(chǔ)上繼續(xù)拓展，一套規(guī)則適用于多場景，讓加法更簡單從容。

2. 追求極致效率

生產(chǎn)力工具的軟件的目標(biāo)是讓用戶高效的產(chǎn)出好內(nèi)容，在軟件使用過程中，前文有提到它高頻交互特征，所以用戶會追求極致的操作效率，如同流水線的每一道工序設(shè)置，如何讓工人能最順手、最高效的完成各類操作，是非常影響工作效率的一環(huán)。

提升效率最根本的手段當(dāng)屬技術(shù)的進(jìn)步帶來的改變，畢竟“再合理的流水線工序管理，永遠(yuǎn)也比不過生產(chǎn)自動化”，但技術(shù)的顛覆也不是一蹴而就的，所以本文暫不從技術(shù)的手段來討論如何提升生產(chǎn)力工具的提效，而是從產(chǎn)品設(shè)計角度聊聊市面上生產(chǎn)力軟件如何提升界面操作效率。

那工具提升效率的主要手段是哪些？

將用戶與產(chǎn)品交互過程的階段來分，可以分為輸入類、調(diào)整類、查看類以及輸出類操作，不同工具型產(chǎn)品在這三個階段的側(cè)重點不一樣：

• 比如Word，輸入類操作體驗是核心；
• 比如思維導(dǎo)圖Miro以輸入和查看為主；
• 而3D模型操作軟件，則是以調(diào)整類為主。

結(jié)合產(chǎn)品特性將核心階段交互操作效率做到極致，才能打動用戶。

下面將圍繞著輸入類、調(diào)整類、查看類這幾階段來展開如何設(shè)計高效率的交互。

輸入類的效率

往畫布中置入點、線、面、體、模板，甚至導(dǎo)入，都是輸入的過程，如何讓輸入的過程更高效。

為了讓輸入更高效，有以下幾種做法可以從對象本身、空間、時間上著手來提升效率：

• 輸入對象顆粒度
• 觸發(fā)路徑
• 觸發(fā)時機

從輸入對象的顆粒度上看，當(dāng)輸入對象顆粒度越大時，效率越高，比如基于一個模板和組件，預(yù)制內(nèi)容和模板。

從觸發(fā)路徑上看，提供暫態(tài)交互形態(tài)，讓用戶更高效的即時取用。

比如某辦公家具設(shè)計軟件，在素材面板中，提供按子類目提供能力，讓用戶可以近期快速觸達(dá)。

從觸發(fā)輸入的時機上，預(yù)判用戶當(dāng)前階段想要的內(nèi)容，讓用戶能更快地獲取和輸入。

比如在酷家樂里，當(dāng)用戶放置一個桌子后，主動彈出搭配一些風(fēng)格相符合的椅子選項，用戶就能更快地置入合適模型到場景中。

調(diào)整類的效率

在輸入之后可能會調(diào)整一些屬性，如顏色、位置、大小、角度，以及鼠標(biāo)點、選、拖、拉、拽等交互都是屬于調(diào)整類操作，這也是復(fù)雜編輯器軟件最高頻的操作類型。

同上文輸入類操作分析思路一樣，通常可以從觸發(fā)到作用對象來提升效率，這里總結(jié)兩點，即：觸發(fā)足夠近、調(diào)整足夠快捷。

觸發(fā)足夠近：

在高頻操作的界面里，物理距離的足夠近是百試不爽的方式，如以下幾個案例：

基于選擇對象選擇的情境式菜單，是解決復(fù)雜菜單調(diào)用不變的好解法，比如在Adobe illustrator 和Photoshop在近幾個版本里也增加了顯性的情境式菜單，目的就是讓鼠標(biāo)選擇對象后立刻能就近操作。

比菜單距離對象的更近的是，基于對象的直接操作，如Sharp3d，基于對象的控制器“Gizmo”直接操作尺寸、形態(tài)。

調(diào)整足夠快捷：

除了讓控制器與控制對象物理距離足夠近，還可以通過提供多種快捷的調(diào)整能力，讓對象調(diào)整更快，常見有以下幾個：

快捷鍵調(diào)用，比如在酷家樂設(shè)計工具中，涉及到大量的材質(zhì)互刷，如果每次去調(diào)用菜單里的操作，效率非常低，所以用戶非常依賴此快捷鍵來提升效率，當(dāng)然此類快捷操作很多，如下圖Sketch快捷鍵。

重復(fù)上一步甚至好幾步：在一些存在重復(fù)操作操作中，軟件通常會提供快速重復(fù)上一步，甚至重復(fù)好幾步的快捷操作。如犀牛、CAD等軟件通過空格重復(fù)執(zhí)行上次命令，PS可以通過錄制命令進(jìn)行一系列操作的合集重復(fù)執(zhí)行。

提供批處理的能力，當(dāng)需要針對不同對象的同種屬性進(jìn)行調(diào)整時，工具型產(chǎn)品通常會提供批量處理的能力，比如Figma可以批量選擇相同屬性值對象進(jìn)行統(tǒng)一操作。

當(dāng)然批量處理場景遠(yuǎn)不止選擇，基于某類屬性選對象，基于某些對象調(diào)整某類屬性等等，組合的可能性很多也很常見，這里不再贅述。

查看類操作的效率

查看主要指構(gòu)建出來的內(nèi)容對象查看，在編輯過程中一般伴隨著輸入和調(diào)整發(fā)生的，為了讓用戶在內(nèi)容編輯時高效查看，各類軟件主要的表現(xiàn)就是“更多、更有效的獲取有用的信息”，在“空間”和“時間”上有這么幾類處理方式：

空間上：畫布內(nèi)容區(qū)足夠“大”

因生產(chǎn)力工具的目標(biāo)是內(nèi)容的生產(chǎn)，因此內(nèi)容的查看效率很重要一條就是內(nèi)容展示以主體內(nèi)容優(yōu)先，對象所在的畫布足夠大，以此保證基礎(chǔ)的查看效率。

內(nèi)容區(qū)域以外的內(nèi)容，因為空間有限，加之為了保證操作觸達(dá)效率，操作命令會出現(xiàn)非常緊湊的狀態(tài)，如PS、AI、CAD、Word等軟件都是如此，本質(zhì)是因為畫布空間需讓位給畫布展示區(qū)。

時間上：多線并行，多種任務(wù)視圖，來提升軟件的查看效率

如剪映為了讓素材查看和編輯都能夠足夠?qū)挸ǖ慕缑?，提供了分屏模式，將素材查看的效率大大提升?/p>

比如建模類軟件通常會通過多種視圖來確認(rèn)位置，實現(xiàn)邊看邊準(zhǔn)確編輯的效果。

除上面所說的空間和時間上，也有為查看提供專屬的便捷的功能，比如隱藏、基于圖層或基于對象屬性的方式管理和查看對象。

3. 系統(tǒng)化的上手體驗

軟件的功能越多，就越復(fù)雜，越復(fù)雜就會影響用戶上手速度，看上去是一個難解的死循環(huán)。但市面上有些做法值得借鑒，看看如何減少產(chǎn)品的上手阻力。

系統(tǒng)化的一致性體驗

Adobe Creative Cloud 和 Document Cloud 高級設(shè)計總監(jiān) Eric Snowden 。

“我們產(chǎn)品中一致的用戶體驗的主要好處之一是技能轉(zhuǎn)移。我們希望您在學(xué)習(xí)我們的其中一種工具上投入的時間和精力在您轉(zhuǎn)向第二個或第三個 Adobe 工具時能夠得到回報?！?/p>

一致性有助于技能轉(zhuǎn)移，你學(xué)會了A在新功能B出現(xiàn)時，你可能很快就上手了，這是一致性最大的好處。

從外觀、行為、再到認(rèn)知上的一致，需要強大的協(xié)同體系和組織共識，比如蘋果自帶的Page、Numbers、Keynote，我相信肯定不是同一批人同一時間做出來的，以工具欄、操作屬性為例，一致性非常高，從結(jié)果上看用戶覺得理應(yīng)不就是這樣嗎？

經(jīng)歷過工具設(shè)計的人就應(yīng)該深有感觸，系統(tǒng)化的一致性是基礎(chǔ)且非常系統(tǒng)的工作，需要高度抽象的能力來定義不同模塊、不同產(chǎn)品的一致性和落地機制，才能做到真正意義上的一致性。

教程場景化

隨著時間的累積，產(chǎn)品功能和幫助文檔往往越來越多，用戶往往不會去挨個找，某些功能由于業(yè)務(wù)屬性，短期難以將產(chǎn)品的易用性做可自然上手，就需要考慮如何將當(dāng)前功能的使用方式傳遞給用戶，將其教程場景化。

如Sharp3D在觸發(fā)拉伸時，會在頂部提示拉伸的教學(xué)，教學(xué)可以放大為視頻教程，系統(tǒng)化場景化地幫助用戶理解功能使用方式。

操作可視化

工具產(chǎn)品由于操作多，甚至有很多行業(yè)化的表達(dá)，那如何將一些概念表達(dá)清晰，比如某個參數(shù)、某個標(biāo)注通過文本無法直觀表達(dá)，那通過圖形或動畫就可以快速的知道是什么意思了。

比如之前在表達(dá)標(biāo)注出圖紙時，文案難以表達(dá)清晰，但通過動畫就可以讓用戶理解功能的意思了。

以上就是針對產(chǎn)品產(chǎn)品框架、效率體驗和上手體驗提出的一些觀點和示例，每個點單獨拆開都可以是專項課題，本文篇幅有限不再展開贅述。

五、未來，生產(chǎn)力工具的趨勢

輔助用戶高效產(chǎn)出高質(zhì)量內(nèi)容是生產(chǎn)力工具的目標(biāo)，在未來我相信這個目標(biāo)不會變，如何輔助用戶更快、更簡單、更高質(zhì)量產(chǎn)出，讓產(chǎn)出內(nèi)容發(fā)揮更大價值，是未來工具發(fā)展的趨勢。

通過哪些手段這是一個開放性且值得每位從業(yè)者持續(xù)探索和思考的問題，本文就以下三點進(jìn)行展開，拋磚引玉。

1. +AI 與 AI+

+AI是著眼于當(dāng)前

這兩年爆火的生成式AI給軟件行業(yè)帶來了機遇，生產(chǎn)力工具本質(zhì)就是內(nèi)容生產(chǎn)工具，原本通過人來生成的內(nèi)容，AI將可以直接產(chǎn)出內(nèi)容，減少用戶交互。

原來的軟件結(jié)合AI，那輸入與輸出的形態(tài)會發(fā)生改變，當(dāng)前仍以副駕駛的形態(tài)存在，以AI輔助原產(chǎn)品場景來輔助主場景的任務(wù)流。在部分領(lǐng)域AI確實可以取代原來的工具來產(chǎn)出內(nèi)容，比如要求不高的非專業(yè)領(lǐng)域，但在精準(zhǔn)產(chǎn)出、涉及上下游數(shù)據(jù)的業(yè)務(wù)鏈路里，生成式AI目前還有些吃力。

因此筆者認(rèn)為，AI作為“副駕駛”的形態(tài)可能是讓當(dāng)前工具發(fā)揮進(jìn)一步價值，讓局部操作更高效、友好。

AI+是著眼于未來

還有有一種聲音是，AI生成將替代傳統(tǒng)的生產(chǎn)力工具，如AI可以生成一些商品宣傳圖，那還需要Photoshop嗎？

所有的生產(chǎn)力軟件本質(zhì)都是生產(chǎn)內(nèi)容，在2022年至今生成式席卷和恐慌之后，傳統(tǒng)生產(chǎn)力工具軟件好像“很慶幸沒有被AI取代”，“客戶沒有跑”。長遠(yuǎn)來看，也許是當(dāng)前AI能力還不足，但從AI生成內(nèi)容的進(jìn)步速度和原理來看，各廠商如何在AI+上把自己的市場打開，能在AI Native上加速質(zhì)量和效率的提升，是需要長期布局的課題。

2. PLG驅(qū)動

PLG（Product-led growth）通過產(chǎn)品驅(qū)動增長，讓用戶自助的就可以完成產(chǎn)品價值的感知和商業(yè)轉(zhuǎn)化，這對產(chǎn)品的易用性有極高的要求。

低門檻是增長的杠桿，從經(jīng)營成本、商業(yè)效率、用戶體驗多個角度看，讓工具型軟件實現(xiàn)PLG是企業(yè)經(jīng)營的必經(jīng)之路，隨著產(chǎn)品市場規(guī)?；疨LG將會帶來指數(shù)級的收益。

傳統(tǒng)工具產(chǎn)品可能通過大量的人工和教程來教育用戶，但隨著國際化出海、以及市場激烈的競爭，成本和效率是市場競爭中非常影響商業(yè)成功的要素，因此PLG是生產(chǎn)力工具產(chǎn)品非常重要的方向，你的產(chǎn)品通過自傳播就可以完成獲客、留存、轉(zhuǎn)化。

低門檻的幾條路徑：

前面提到AI的結(jié)合能解決部分操作門檻的問題，比如：

• 用戶能用最自然的語言與界面交互，就能得到“差不多”的結(jié)果，可以是一篇文章、一張圖、一個模型…，在非精準(zhǔn)產(chǎn)出或靈感階段比較受用
• 利用AI多模態(tài)能力，比如輸入一張圖+提示詞拿到結(jié)果，比原來自己去利用界面能力還原門檻低很多
• …

以上場景可以解決一部分操作門檻的問題，除此之外降低操作門檻還有圖形交互的門檻降低、軟件行業(yè)化。

低門檻的圖形交互

關(guān)于解決某類交互問題的最優(yōu)解，一直是界面設(shè)計者持續(xù)思考的話題，比如命令的調(diào)取與設(shè)置，如何更合理的出現(xiàn)在用戶的面前？

軟件垂直化

在互聯(lián)網(wǎng)時代，大平臺因“全而不精細(xì)”的問題，往往面臨被垂直化廠商蠶食市場，在工具型產(chǎn)品中同樣也適用，尤其是專業(yè)軟件無法拓展至非專業(yè)用戶群體時，軟件的垂直場景化往往能提供更精準(zhǔn)、更好的能力和服務(wù)體驗。

非專業(yè)設(shè)計師無法上手Photoshop時，Canvas這類軟件提供海報、物料的模板的設(shè)計工具讓有設(shè)計需求，但沒專業(yè)設(shè)計能力的人可以完成設(shè)計輸出，基于行業(yè)的需求做成小白就能上手的工具。

3. 云端協(xié)同，數(shù)據(jù)鏈生

傳統(tǒng)軟件上云，已是行業(yè)的共識，好處在于數(shù)據(jù)可有效存儲，跨端體驗一致，還可以協(xié)同起來。協(xié)同不僅僅是多人之間同時完成一件事，甚至可以鏈接到下游：

如Figma：基于設(shè)計文件，產(chǎn)品、設(shè)計、開發(fā)都可以進(jìn)行協(xié)同和下游的開發(fā)，所有項目成員都可以即時獲取文件數(shù)據(jù)信息。

如酷家樂：通過酷家樂設(shè)計出來的柜子，可以直接打通生產(chǎn)軟件，數(shù)據(jù)是機器可以識別和加工的，大大省去了中間文件傳輸?shù)某杀荆诎惭b場景中，工人也可以通過手機看到這份設(shè)計數(shù)據(jù)，安裝結(jié)構(gòu)和位置，讓數(shù)據(jù)充分發(fā)揮它的生命周期價值。

除此之外，軟件云端化也天然防盜版，也符合企業(yè)開發(fā)、成本、商業(yè)等多方面考慮的發(fā)展訴求。

以上是本文圍繞著生產(chǎn)力工具型產(chǎn)品的探討，拋磚引玉，歡迎大家一起來聊聊工具軟件的設(shè)計。