大部分插件的作用是滿足小眾化需求，這類需求相對來說不是主流需求。在設計插件版工具的時候我們會遇到很多矛盾點，插件版的自由度和一致性設計本身就是一對矛盾點，設計時需要找到平衡點，做出適當的取捨，才能讓用戶在使用過程中擁有更好的體驗。
插件設計理論篇
大部分插件的作用是滿足小眾化需求，這類需求相對來說不是主流需求，把他們放在二級頁面裡面進行配置，可以滿足部分特殊需求的用戶，也對主流用戶沒有任何影響。
其優勢是：
- 降低產品試錯成本，簡化產品的核心規則，無需在產品初期就實現非常複雜的產品形態。
- 釋放冗餘的產品內存，節省電腦資源。
- 便於用戶靈活使用
大致可以將市場上的插件分為三類：
第一類是瀏覽器插件，這類插件比較常見，大家也經常使用，它們依存於瀏覽器，不同的瀏覽器有不同的插件市場，現在主流的瀏覽器有360、谷歌、QQ、火狐等。
每一個瀏覽器以及插件使用後，明顯感覺QQ瀏覽器的插件使用流程最為順暢：從插件中心搜索插件➡查看相關詳情➡下載安裝➡啟用設置➡使用➡卸載， 這一系列的操作流程引導做得很到位，不會中途被強制中斷。
第二類是軟件的第三方小插件，例如：sketch、PS等圖形類軟件的小插件，這類工具功能雖已十分強大，但是依然不能滿足所有用戶的需求。因此會有很多第三方為其開發一些小插件，為用戶提高工作效率。這類工具的插件入口一般都十分隱秘，安裝和啟用的流程學習成本相對較高。
第三類是原生模塊化插件產品，例如：酷Q和我們的產品wetool，這類軟件以功能模塊作為插件，由於功能模塊過多和複雜化，於是以插件模塊存在可以讓用戶自由搭配使用，某些高級的功能模塊也可以作為付費插件提供給高級用戶使用。
插件的更新方式一般有兩種：強制性和非強制性。
- 強制性的更新方式較為少見，主要運用於十分重要的升級，在某個時間點強迫用戶完成某項操作會讓用戶產生煩躁情緒，因此強制更新儘量不要過於頻繁，否則會失去一定的用戶量。
- 非強制性的升級會增大開發成本，需要維護多個版本，會導致部分不更新的用戶數據和功能異常。
插件的下載安裝方式也可以分為兩類：
- 一類是複製黏貼至插件文件包，這種安裝方式較為隱藏，需要學習成本；
- 第二類是在軟件頁面內部給予安裝下載管理入口，引導用戶去完成一系列操作，用戶體驗更加。
插件可以從存在的界面形式上大致分為兩類：
- 一類是獨立界面類，這類插件擁有自己獨立的頁面操作，需要用戶調用界面設置後才可以具體使用；
- 還有一類是無界面類，一般是輔助性功能，沒有任何界面形式，調用後就可以使用，例如：裁剪工具。
下面總結一下具體插件設計的注意事項：
（1）插件本身是靈活自由的，在設計過程中要秉承這個優勢；
（2）要降低用戶的學習成本，其中可以從這三個部分入手：
- 簡化安裝和卸載，啟用和關閉的操作流程；
- 直觀展示：插件雖是軟件或者瀏覽器的第三方輔助功能，但是在功能展示上也不可過於隱藏層級過深，防止用戶安裝和啟用後不知道在哪裡調用插件；
- 便捷管理：插件集成在一個固定的地方，便捷快速的管理插件能夠提高用戶效率；
插件設計需要保持一致性，包含視覺和交互操作，不通形態的插件在操作流程上統一會讓用戶產生聯想，以此降低了學習成本。
插件設計實踐篇
前言：這是一個幫助微商、教育機構等個體或團隊運營、管理微信群和好友的協助性軟件，整個軟件每個功能模塊都是相對獨立的，因此可以把整個軟件的每個功能模塊做成插件。
如此設計和改版的原因有以下兩點：
- 功能逐漸開始繁複，有些用戶只需要使用其中的某些功能，插件化讓功能搭配更加自由；
- 功能模塊多而雜導致用戶很難發現自己需要的功能，模塊化插件的展示更加清晰
下面是軟件改版前的整體架構：
由於軟件的功能模塊相對獨立，不同的用戶偏重的需求不一樣，例如：客服人員主要偏向於解答用戶消息，一般只需要使用客服、機器人、群管等模塊，而運營人員需要增長和裂變粉絲，一般只需要使用群發、加群好友等功能。
原先的設計功能模塊過於龐雜，很多模塊也是為了分類而分類，一些功能會被藏在很深的層級，很多用戶反饋無法快速定位到自己想要的功能模塊。
在改版的插件版本中，我們會按照一定的分類將功能打散，插件頁面以功能模塊來展示，每個功能模塊有相應的詳情介紹和功能介紹，用戶在該頁面可以自由下載和啟用自己需要的插件模塊，自由搭配模塊使用更加相得益彰。
插件版改版
上面是插件版本的架構圖，可以基本將插件分為四種屬性：不可卸載、可以卸載、前臺插件（必須依存頁面使用）、後臺插件（設置完成後可以後臺執行）。每個插件會有不同的屬性，屬性也會有所交叉，需要根據插件的類型和功能需求設計。
在此基礎上設計功能我們需要注意以下幾點：
（1）插件功能的辨識度
插件管理頁面的插件模塊會不斷增加，需要分類展示，不僅通過文字區分功能還可以在圖標設計的辨識度上下功夫。
（2）插件主要操作流程和界面保持一致
對於用戶而言，沒有屬性之分，用戶只需要瞭解功能方便使用，因此在一些基本操作上我們需要保持一致的用戶體驗，防止增加用戶的學習成本。
（3）不同屬性的插件的差異性設計
例如：不可卸載的插件沒有卸載刪除入口，前臺插件必須啟用後才能打開頁面，所有的插件都可以選擇是否固定在頂部導航欄使用，便於用戶自由搭配和整合功能。
（4）關聯性操作要做好引導
安裝和管理／啟用、頁面設置和固定導航欄，這些操作是主流用戶啟用功能的一連串基礎動作，由於特殊化需求我們需要把基礎操作分步進行，因此在第一次的操作過程中我們可以引導用戶去學習操作流程，防止操作斷層造成用戶的不理解。
（5）相關功能模塊的聯動設計
例如接受好友功能可以和新遊應答功能配合使用，在安裝其中之一時可以詢問用戶是否捆綁安裝另一個，可以省去用戶再去尋找和學習的成本。
（6）功能入口的主次劃分
每個插件的功能入口會比較多，在佈局上不能把所有的入口都鋪出，需要分清主次，例如啟用和頁面設置是主要功能，卸載、查看詳情和固定至導航欄是比較次要的，可以通過層級劃分和微交互區分。
下面是插件版的原型圖和部分交互動態頁面，裡面包含整個插件的使用流程：
結語：在設計插件版工具的時候我們會遇到很多矛盾點，插件版的自由度和一致性設計本身就是一對矛盾點，設計時需要找到平衡點，做出適當的取捨，才能讓用戶在使用過程中擁有更好的體驗。
也歡迎大家來體驗一下我們的產品，指出不足，插件化版本會在下週與大家見面。
本文由 @UX-ICY 原創發佈於人人都是產品經理。未經許可，禁止轉載
題圖來自 Pexels，基於 CC0 協議
閱讀更多 人人都是產品經理 的文章
