叶祖辉

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

如果想表现产品的业务流程,那么我建议使用Visio来绘制流程图。
如果想表现产品的页面图文布局和页面的跳转关系,我建议使用axure。
如果想表现产品的信息架构,我建议使用Mindmanager或Xmind。
如果想表现产品的视觉层,包括圆角+投影+布尔运算画icon,我建议使用Photoshop或Sketch来作图。

 

思维导图做内容,流程图做整体流程规划,Axure做整合成雏形。
(1)思维导图:在对需求有一定的理解,但思路混乱的时候,会用来捋清思路或者做一些总结和网站内容的整理,辅助需求的分析及功能的确定;
(2)在需求及功能确定后,需要把它们拆分为各个小的任务目标,做好信息架构与任务流程的设计。这个时候需要Visio的帮忙,当然啦,Visio还是可以做一些项目管理的图表的;
(3)当把这些工作完成之后,页面有了,流程有了,内容有了,就需要把所有之前所做的工作进行结合,形成我们最终的结晶-产品雏形,Axure这个时候就帮上忙了。(Axure也是也可以画流程图滴)。

 

例子:

某电商平台的详情页,这个页面对平台来说重要程度不言而喻。那么它是怎么设计出来的呢(如果我来设计)?

总结一下:

页面的终极目标为:说服!

1. 展示产品信息(性价比很OK哦,亲!);

2. 用户自评价信息(还很多人买了哦,亲!);

3. 支付安全信息(支付很安全哦,亲!)

 

导图献上:

流程的设计,可以参考线下业务流程。

逛街(这里逛逛,那里逛逛。看到一家耐克!两人手挽手)—>进入商店(这里逛逛,那里逛逛。看到一件很不错的商品!一件耐克很好看)–>熟悉(质感不错,颜色我喜欢,试穿挺合身的,看看价标368CNY)—>询问服务员(有折扣吗?服务员说”这是我们的新品,没有的亲。您看的这件衣服是我们这销量最好的。“—>支付(挺喜欢的,买了)–>带走–>评价(回去一看质量不行,退货)—>…是不是瞬间就有思路了!打开Visio,展现我完美的软件技能。(省略泳道图)

Visio献上:

所有的工作完成下来,才用得上日夜追求的Axure登上舞台。不多说,看图:

 

posted on 2017-05-08 11:16  赵大海  阅读(9206)  评论(0编辑  收藏  举报
友情链接:回力鞋官网 | 中老年女装 | 武汉托福培训 | 武汉英语培训机构 | 雅思培训一般多少钱