广东快3>WIKI库>学习产品设计>交互设计流程实战

交互设计流程实战

 

本节将通过实战的案例微信重新设计Redesign来了解一下交互设计流程。



微信的核心功能


深入了解产品我们可以发现微信的核心功能主要是以下两点:聊天、语音以及查看朋友圈。在这里依据通过“增、删、查、改”来进行一些用户需求的更改,在实战中即对于好的需求点、一些值得优化的用户体验点可以增加,一些不好、多余的需求点可以适当的减去,同时把自己理解为用户去思考一些问题,更正自己产品的一些细节即交互。



良好沟通,创建主要页面的原型


以这个图片为例,这个图片需要展示微信的logo以及搜索的功能,这个界面把Tab移到了顶部,tab主要功能有会话、发现、联系人。


gradation1.png



核心用户访谈与核心流程检测


找到一批忠实的种子用户,与用户进行沟通,倾听用户对于微信改版和设计风格改变的体验和感受。这里要注意,微信是基于大用户群的,年龄从8岁到60岁均有分布,所以对于视觉设计的功底有较高的要求。


核心流程的检测就是检验产品需求,是否真正便捷的快速方法,并与其它竞品进行检测,分析优缺点。



交互设计师进行构思交互


主要利用以下三款软件,微信设计团队也主要应用这三款软件进行设计。



gradation2.png


下面通过一个案例介绍一下“可交互动效”。


比如我们通过可交互设计了一个动效,可交互的意思就是我们可以设计一个出发的手势,如“左滑、右滑”,那么通过左滑、右滑,动效就开始展开了。像这种先设计一个demo,再设计一个可交互的前提动作手势,就是可交互。


gradation2.png




构建草图,优化流程


在这里不仅仅构造草图,更重要的就是优化流程。因为一次迭代仅仅是做视觉优化,而不做一些流程的优化,是比较失败的。如做微信优化时,进行了阅读的优化。


gradation4.png



好的团队,好的交接方式


好的交接方式主要介绍以下三点:


1.扫描遗漏


应用于微信重新设计时,检查一下重新设计过的优化的稿件,有没有遗漏之前的一些重点。比如优化了一下语音的显示图标,但可能优化的同时弱化了发送图片的一些功能,这样的设计稿肯定不太正确。


2.收拢想法


设计师在做迭代需求的时候可以适当的天马行空、开下脑洞,如果全部按照产品经理的原型来做就有点“美工”了,没有自己的想法肯定不行。但到最后的实施阶段一定要收拢回来,有放有失,这时核心设计师也要做好界面的落实工作。


3.对项目进行排期


这时开发团队也要对微信重新设计的原型稿进行排期,一边做稿件设计,一边进行排期。



产品的流程及界面


这一步主要是交互设计师的产品,完成所有的产品图是交互设计师的工作。如图所示比如这时设计了一个微信Redesign的原型图,大家一定要对原型图中的一些关键性的内容自断、状态、交互做一些详细的说明,以免出现交接时候的不顺畅。


gradation5.png



需求宣讲会


个人觉得15至30分钟的开会交流是提高了工作效率的。在微信宣讲会的时候主要召集三个部门,就是产品、技术、设计来一起对微信Redesign优化稿件,设计师在这样的会议中也要主导说明一下重新设计中的改进更新、优化点。


gradation6.png



视觉设计界面以及图标类的设计工作


这时主要利用这两款插件,十分便捷。第一款就是Cuterman,它导出十分方便,可以导出苹果类切图、安卓某些类切图以及web类切图,这是万能类的插件。标注的时候,我们主要用markman这款插件,大家可以百度去实践体验一下。


gradation8.png



整体设计中的待论证点


以微信的Redesign为例,一个版本走下来可能有很多的问题,那么如何整理这些问题,从本公司项目经营为例,大家可以把筛选好的一些问题整理给产品组。大家可以提前设立一个产品组例行维护的邮件组,邮件组收到这类筛选的问题后,必须对此类问题进行评估,而且必须UI定在三个工作日内进行反馈。这样也能促使组内人员积极地提意见,同心协力的做好这个产品。



为后期迭代的版本提供有力的数据支持


微信产品的产品经理主要跟踪以下数据:下载量、激活量、新增的用户量、活跃用户额分布、用户留存(次日的、三日的、周日的、月用户的、季度用户的)、用户每次打开的次数、地地域的分布、内容的转换率和一些留存量。内容的转换率主要是微信公众号的一些内容转换率。



设计规范


设计规范主要是以下几点:标准色、标准字、图标、按钮、模块、布局。微信的设计迭代一般不会对页面进行较大的调整,即微信不会对每个版本的视觉都进行较大的改动。



进入开发,跟进细节


如何跟进细节?微信Redesign跟进细节的一个方法:将设计稿测试机的一些截图进行重合,对较大偏差的地方进行一些适当的调整。何时跟进?微信一般是在提测的前一周进行跟进,还原页面的一些细节。



项目总结


微信的设计部门一般是2至3 个版本进行一次总结,由于微信是小版本的更新速度,也就是一个月进行一次总结,主要总结一些优化点、建议点和迭代的一些技术难题。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录