窮產品設計師的工具箱 （一）

UI/UX 設計師在有限的資源下該如何選用工具呢？

廚師有他的刀具包，攝影師有他的相機、腳架與器材包，汽車維修員有他的板手!

說到軟體工具，我相信很多人可能都跟我一樣，荷包瘦瘦的，Adobe系列產品根本買不起，每個月1680真的是一個很可觀的數字。幸好有不少佛心大公司來保護我們這些小孩子。

當一位免費仔，也可以把東西完成？

現在軟體選項越來越多，在如此競爭的環境之下，許多廠商紛紛推出免費方案，有些僅開放部分功能，如：Adobe 的14天試用，有些則開放全部功能，但限制容量或專案數量，如figma,zeplin。然而也是有超級佛心的免費服務，如：google 文件系列，Adobe XD等等，當好好去研究並比較這些工具，會發現要完成一個專案竟然可以完全不用錢。 今天我就來聊聊免費仔的御用工具有哪些，也會順便提一些好用但非免費的高CP質工具，而盜版仔的部分，恩。

設計工具這麼多，到底要怎麼選擇？

每個工具可以用這四的原則去做思考，易用，穩定，功能，價格。每個人注意的點都不一樣，高效率生產力大不缺錢的有錢仔，排序可能會是功能>穩定>易用>價格，如果東西夠好用，再貴都值得。像我這種免費仔，我的排序會是功能>價格>穩定>易用。

功能：

• 軟體的主要功能是否可以幫助你完成任務？
• 軟體是否有額外的功能，讓工作更便利？
• 功能是否只有該軟體獨有？

價格：

• 是否是訂閱制還是買斷形式？
• 免費形式是什麼？
• 價格是否符個該軟體的價值？

穩定：

• 軟體是否可以穩定運作？
• 是否可以在各種電腦系統開啟？
• 使用起來會不會有bug? 該軟體公司會不會突然停止營運？

易用：

• 軟體是否好上手？
• 學習到精通需要花費多少時間？

設計流程有哪些？

Google 系列文書工具

• 價格：免費

Google 的文書工具非常強大，相信大家都不陌生，訪談所需的訪綱可以用Google Doc 編輯並記錄，問券可以用Google Survey完成，競品分析、市場調研可以用Google Sheet製作，當要跟客戶或是主管報告時，可以用Google Slide，幾乎所有文書的需求都可以在Google文書工具上完成。

Miro

• 價格：3個免費專案

想像你在辦公室用來跑工作坊的白板，貼得到處都是的便利貼，跟味道讓人上癮的白板筆，現在把白板無限放大，再把所有東西電子化，就是Miro。

Miro非常容易上手，5分鐘內基本上都可以學會大部分功能。最強大的地方就是他的多人協作，而且可看到其他用戶的滑鼠，可以模擬在現實討論時指著某張便利貼討論，完美的把實體轉移到線上。此外，MIro還有提供很多設計思考的模板，如：Persona, User story map , Kanban, design sprint 等等，想得到基本上都有。

Whimsical

• 價格：提供4個免費專案

Whimsical 類似Miro一樣也是一個線上的大白板，特別專注在便利貼、流程圖甚至線搞圖也可以完成。工具不複雜，僅保留最重要的功能，可以快速上手，目標是要快速畫出精美的圖，相較draw.io 與 Axure真的漂亮且快速許多。

Axure

• 價格：9,750 / 年

Axure是一個快速原型的設計工具，不算是在免費仔的工具箱中，他真的非常貴，但不得不說他非常強大，從定義規格、架構製作、Wireframe一路到prototype，都可以用Axure 完成。Axure設計出來的東西比較樸素，可以避免視覺設計上的干擾，更能專注在體驗與使用性上。功能上的學習需要花較長的時間，但學會之後，要快速產出prototype，絕對不是問題。

Draw.io

• 價格：免費

Draw.io 是一個網頁上的工具，專門繪製流程圖、商業圖表、工程圖，速度非常快。相較Whimsical，介面稍微單調了一些，工具會需要稍微花一點點時間學習。同時他也有協作的功能，是我在製作流程圖與架構圖的首選。

以上講到架構確認這個步驟，還有一部分正在編寫，在下一篇會繼續講解 XD !

本文章是2020年某天所編寫，確切價格與詳細功能請參閱官網說明。

感謝 Eileen 幫我調查了這些軟體。