如果想表現產品的業務流程,那么我建議使用Visio來繪制流程圖。
如果想表現產品的頁面圖文布局和頁面的跳轉關系,我建議使用axure。
如果想表現產品的信息架構,我建議使用Mindmanager或Xmind。
如果想表現產品的視覺層,包括圓角+投影+布爾運算畫icon,我建議使用Photoshop或Sketch來作圖。
思維導圖做內容,流程圖做整體流程規划,Axure做整合成雛形。
(1)思維導圖:在對需求有一定的理解,但思路混亂的時候,會用來捋清思路或者做一些總結和網站內容的整理,輔助需求的分析及功能的確定;
(2)在需求及功能確定后,需要把它們拆分為各個小的任務目標,做好信息架構與任務流程的設計。這個時候需要Visio的幫忙,當然啦,Visio還是可以做一些項目管理的圖表的;
(3)當把這些工作完成之后,頁面有了,流程有了,內容有了,就需要把所有之前所做的工作進行結合,形成我們最終的結晶-產品雛形,Axure這個時候就幫上忙了。(Axure也是也可以畫流程圖滴)。
例子:
某電商平台的詳情頁,這個頁面對平台來說重要程度不言而喻。那么它是怎么設計出來的呢(如果我來設計)?
總結一下:
頁面的終極目標為:說服!
1. 展示產品信息(性價比很OK哦,親!);
2. 用戶自評價信息(還很多人買了哦,親!);
3. 支付安全信息(支付很安全哦,親!)
導圖獻上:
流程的設計,可以參考線下業務流程。
逛街(這里逛逛,那里逛逛。看到一家耐克!兩人手挽手)—>進入商店(這里逛逛,那里逛逛。看到一件很不錯的商品!一件耐克很好看)–>熟悉(質感不錯,顏色我喜歡,試穿挺合身的,看看價標368CNY)—>詢問服務員(有折扣嗎?服務員說”這是我們的新品,沒有的親。您看的這件衣服是我們這銷量最好的。“—>支付(挺喜歡的,買了)–>帶走–>評價(回去一看質量不行,退貨)—>…是不是瞬間就有思路了!打開Visio,展現我完美的軟件技能。(省略泳道圖)
Visio獻上:
所有的工作完成下來,才用得上日夜追求的Axure登上舞台。不多說,看圖: