首先聲明這不是教程。只是大概梳理了下產品經理常用的工具和自己積累的一些資源,重點講下如何高效的繪制原型,希望大家都能把更多的時間放在思考用戶需求、設計方案、用戶體驗上,而不是被畫原型耽誤時間。
產品經理常用的軟件工具
主要有:
原型:Axure
備選Mockplus、墨刀
備選的這兩個擅長移動端,素材庫比較豐富,繪制效率高。流程圖:viso
備選ProcessOn、OmniGraffle、億圖圖示 Edraw Max 。
viso尷尬的地方是沒有Mac版,所以在Mac上只能用備選方案。
ProcessOn是線上繪圖工具,上面還可以看到很多別人共享的流程圖,可以用來參考借鑒,扒一扒說不定有驚喜。思維導圖:xmind
備選百度腦圖、億圖mindmaster、mindmanager、有道云筆記思維導圖模板
像百度腦圖和有道這種在線思維導圖工具,有個不好的地方就是當你導圖特別大的時候,瀏覽卡頓感會非常明顯,還是比較推薦xmind。神器推薦:https://uzer.me/
UZER.ME將多款常用軟件放在了云端,可直接通過瀏覽器使用,這里面就有viso和xmind,整體體驗還不錯。
工具很多,但是用哪個一般出于協作方便的考慮,都是整個團隊用同樣的工具。
如何高效的使用Axure畫原型
xmind和viso就不詳細說了,使用比較簡單,主要重點說下axure。
1、axure的重點與難點
axure的基礎使用網上有很多教程,隔壁的Eddie是用下面這本書入門的,據說還不錯,滿滿的都是案例,書比較早(所以某度有pdf版,你懂的),但操作不會過時。
那種從安裝軟件到一個按鈕一個按鈕的教使用方法的書就等于從入門到放棄,案例實操才是學軟件的正道。
axure的幾個難點內容:動態面板、函數、變量、中繼器
- 動態面板
是畫原型最基礎、最常用的高階工具,比較簡單,網上找兩個案例學一下就懂了。 - 函數
函數有很多,不用全都記下來,初步了解下,用到的時候去查就好了。函數用法說明推薦→ - 變量
變量分為系統變量和自定義變量,自定義變量又分為局部變量和全局變量。變量介紹→ - 中繼器
如果你對數據庫有了解,中繼器其實理解起來就很簡單了,中繼器repeater,字面意思重復的東西,就是一個可重復的容器+數據表,按照設定的規則將數據填入容器中。
推薦一個案例,筆者根據教程做的連連看游戲,歡迎試玩。
這是大神的教程,感興趣的同學可以研究下。文章結尾提供了“阿里巴巴連連看”原型源文件下載地址,便于大家對照教程理解。
阿里巴巴連連看
搞懂這個案例,基本理解中繼器就沒啥問題,如果還不夠,推薦筆者當年入門數據庫一個小冊子“SQL必知必會”,很薄,但講解的非常清晰透徹。人民郵電出版社的“圖靈程序設計叢書”,編程屆的良心叢書,你值得擁有。
其實,除了動態面板,其他這些高級功能并不常用,實際在工作中如果僅僅是面向技術的需求原型,而不是面向客戶展示,基本都是用平鋪的方式畫原型,交互動效極少,因為這樣的原型文檔更方便技術去閱讀。
2、提高繪圖效率的方法
方法的核心就三個字:素材庫。
如果非要多說點的話,那就是盡可能減少交互動效,互聯網普及這么多年了,技術兄弟們不需要你花大把時間用Axure實現一個日常很常見的交互效果。
如果再要多說一點的話,就是多用母版。
素材庫分三部分
一是整理的自己曾經畫過的、日常會比較常用的組件做成組件庫,比如你平常是負責app產品的,那么你負責的app的常用組件(底部菜單欄、列表頁、搜索框等)應該已經納入你的組件庫;
二是網上收集的組件庫,有很多大神提供個人組件庫,不過阿里Ant Design提供的web和app的標準組件庫,絕對是最強大,最好用的,傳送門在這里;
三是icon素材庫,分享一個阿里媽媽官方提供的iconfont,可按需下載PNG、AI、SVG格式的,只有你想不到的,沒有你在上面搜不到的,再來個傳送門。
有了組件庫,每次畫原型大部分東西只要拖拽出來稍微改改就能用;有了icon素材庫,需要什么圖標只要下載貼上去就好了,不用自己動手畫。大大提高了畫原型的效率。
為了每次新建原型都能自動加載自己的組件庫,建議將組件庫文件放在Axure的Libraries文件中,路徑如下圖,里面放了 Ant Design的web和app組件庫,以及筆者自己的組件庫MYlib。
筆者自己的組件庫包括4部分,web類、流程圖類、小程序類、app類。
每個組件分組中包含了一些常用的簡單控件,以及一些因為所做業務特征,在日常產品需求設計常用的完整頁面,比如權限頁面、小票樣式、個人中心等。
因為組件庫中有些內容涉及公司業務,所以就不分享給大家了,大家可以參考這個分類建立自己的組件庫。
原型分享
原型做好之后,要分享給技術、設計等團隊成員,一般可以生成HTML文件傳到團隊規定的共享服務器上,或者利用Axure官方免費提供的原型分享功能,將原型發布到axshare上。具體axshare怎么使用比較簡單,大家可以自行必應(好想黑某度&窮!買不起梯子google)。
上面阿里巴巴連連看的游戲就是上傳到axshare上,其實有點卡,但不影響正常瀏覽原型。如果你比較喜歡鉆研,可以自己買個域名和服務器,或者用樹莓派搭建一個服務器。
福利
阿里巴巴連連看游戲rp原型, 提取碼: suc4
規范原型參考,提取碼: i84y
原型庫1
原型庫2
這么多年,總算找機會把Axure總結了一下。
夏天要來了,該動起來運動和繼續寫文章了。
Captain Marvel,一個徒手撕宇宙戰艦的女人。