关闭

交互设计的工作流程是什么样的?具体负责哪些内容?(三)

交互设计的工作流程是什么样的?具体负责哪些内容?除了前面讲到的几项工作,还有画交互稿和做高保真原型,一起来看看吧!
交互设计的工作流程是什么样的?具体负责哪些内容?除了前面讲到的几项工作,还有画交互稿和做高保真原型,一起来看看吧!

4. 画交互稿

好,经过这么多的铺垫,终于可以进入画交互稿的阶段;很多人已经迫不及待了,但真正能体现价值的,却是上面所介绍的画交互稿之前的思考。

就算是画交互稿,也会经过草稿、初稿、成稿三个阶段。

草稿阶段就是,将界面的布局通过笔或者其它工具进行确定,笔者本人最喜欢用的还是笔和纸张;打好草稿之后,可以先和leader或者产品经理对一下,以免大方向出错,然后走了很多弯路。

比方说像这样:
交互设计工作流程还有像这样:
交互稿确定好了之后再进行初稿设计,初稿就可以上软件了;软件可以选择Sketch/Axure/Balsamiq Mockups/Visio等等,这就是大家讨论最多的工具部分。

大家会奇怪为什么不用Photoshop?Photoshop难道不好用吗?

Photoshop更适合运营设计师做各种图片的效果渲染,针对纯UI有点大材小用,功能不够简单、运行不够高效,但它的图片处理能力是其它软件无法替代的。

一般来看Sketch/Axure使用的最多,两者各有优势,Sketch插件多,软件运行快,可以直接与其它的动效软件进行制作高保真原型,这样就可以作为最小可行性产品(mvp);在正式开发前就进行用户调查、可用性测试,稍后再详细来说这一块。

Axure有最大的好处就是,立马能做页面的跳转关系,更多的是产品经理做原型图比较合适;现在市面上的趋势是,使用sketch的人越来越多。

等初稿出来之后,大概是这样。
交互设计工作内容初稿的标准是,用户在这个页面整条流程都跑得通,产品经理需要的元素,页面上都有。

但大家也会发现,初稿精细程度是不高的,还有很大的优化空间,比方说信息的强弱关系还没有表达出来,对于界面空间的利用度可以再变得再高一点。

来看看初稿和成稿的对比图:
交互设计稿交互设计工作流程交互稿画完了,接下来就是做高保真原型了,那么该如何做呢?下篇文章继续给大家详细讲讲。

以上就是“交互设计的工作流程是什么样的?具体负责哪些内容?(三)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表