当你画线框图时,你应该想些什么?

2 评论 22041 浏览 192 收藏 7 分钟

我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

1.分析梳理确认需求

如果不想沦为产品工具的话,首先你在接到需求时应该要做的是需求分析梳理确认。

peitu02

第一步,了解项目背景。

去找这个产品业务的负责人聊一聊,这能让你快速的知道这个项目的背景,这个产品的规划,用户的基本资料,需求要解决的痛点;

第二步,分析需求的合理与否。

你要思考需求解决的痛点是不是用户在使用过程中真正的痛点?需求提出的功能是否能够解决这个痛点?有没有更好的方法去解决这个痛点?如果认为需求不合理,你应该去和项目负责人、项目成员去沟通交流,在沟通的时候如果你是新人的话请准备好数据,毕竟数据更具有说服力。

第三步,确认需求的细节。

比如信息模块内容、功能点、后台交互逻辑等,毕竟谁也不想在项目进行过程中,出现需求变更,信息模块内容呈现与产品需求有出入,前端的写好的页面样式后台不能使用等情况。

2.思考分析确认优化方案

当需求确立后,我们下面要做的就是设计优化方案,是体验价值的时候了~

peitu03

第一步,竞品分析。

当然在设计方案的时候如果有同类型的产品,我们还是要去看一看,分析一下他们的和我们有什么区别,他们做的有什么好的地方,有哪些是可以吸收和借鉴的,毕竟站在别人肩膀上看的更远~

第二步,信息模块的重要级别划分。

把信息的重要级别进行区分排序,那些是要突出的、那些是要弱化的、那些是要隐藏的,这样的话进行后期页面布局就会轻松很多。

第三步,任务流程。

梳理主要的任务流程,最好把他们画出来,分析那些环节是可以优化的,最终确认主要任务流程的优化方案。

第四步,页面流程。

根据主要任务流程,画出页面流程,每个页面的入口出口,页面之间的串联等,最好都要画出来,当你在做具体方案的时候就不会出现遗漏页面的情况了。

3.具体方案——低保真设计

当思路和优化方案已经确定好,下面要做的就是具体方案的设计~

peitu05

第一步,页面低保真设计。

根据页面流程进行页面的低保真设计,信息模块的级别划分能让你在布局的时候有一个整体的考量,当然细节的布局设计也是考量设计功力的一个地方,所以做好每一个细节的设计来体验自己的价值吧……

第二步,根据任务流程进行全场景的设计。

各种反馈状态~异常状态~初始状态~文案~信息极限值~跳转~加载~无状态~网络异常~404~等

4.设计检查

当方案做完以后,接下来重要的一步就是要进行设计检查。

peitu04

第一步,检查页面一致性。

Logo、头部、尾部、面包屑等是否和整站统一,按钮样式、反馈状态、报错等样式是否统一;是否有缺少的场景和状态,根据任务流程对场景和状态进行排查,保证设计的完整性

第二步,确保方案的可用性和易用性。

设计任务流程,进行设计走查,测试时选择普通用户,保证设计的可用性和易用性。

5.交互设计说明文档

peitu06

设计方案是要给别人看的,而不是把方案丢给产品就可以了,视觉设计需要你的说明文档来设计所有的样式,前端需要你的说明文档去做交互样式、各种反馈、限制,开发需要你的文档梳理页面之间的逻辑关系,制作交互动效等,所以做好交互设计文档不只是对项目负责也是为了更好的方便其他同事的工作,毕竟大家好才是真的好~

到了这一步,下面就是跟进的工作了~确保视觉产出质量,前端的交互效果、还原度和兼容性~最后的最后吾日三省吾身——设计总结,总结才有收获,才能不断前行~

设计的流程大同小异,重要的是接到项目先去思考,然后再去做,这样真正到了画线框图的时候你才能一泻千里^_^

 

本文由 @Ruby007 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 可以的,挺在理

    回复
    1. 嗯嗯

      回复