线框图
我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。
1.分析梳理确认需求
如果不想沦为产品工具的话,首先你在接到需求时应该要做的是需求分析梳理确认。
第一步,了解项目背景。
去找这个产品业务的负责人聊一聊,这能让你快速的知道这个项目的背景,这个产品的规划,用户的基本资料,需求要解决的痛点;
第二步,分析需求的合理与否。
你要思考需求解决的痛点是不是用户在使用过程中真正的痛点?需求提出的功能是否能够解决这个痛点?有没有更好的方法去解决这个痛点?如果认为需求不合理,你应该去和项目负责人、项目成员去沟通交流,在沟通的时候如果你是新人的话请准备好数据,毕竟数据更具有说服力。
第三步,确认需求的细节。
比如信息模块内容、功能点、后台交互逻辑等,毕竟谁也不想在项目进行过程中,出现需求变更,信息模块内容呈现与产品需求有出入,前端的写好的页面样式后台不能使用等情况。
当需求确立后,我们下面要做的就是设计优化方案,是体验价值的时候了~
第一步,竞品分析。
当然在设计方案的时候如果有同类型的产品,我们还是要去看一看,分析一下他们的和我们有什么区别,他们做的有什么好的地方,有哪些是可以吸收和借鉴的,毕竟站在别人肩膀上看的更远~
第二步,信息模块的重要级别划分。
把信息的重要级别进行区分排序,那些是要突出的、那些是要弱化的、那些是要隐藏的,这样的话进行后期页面布局就会轻松很多。
第三步,任务流程。
梳理主要的任务流程,最好把他们画出来,分析那些环节是可以优化的,最终确认主要任务流程的优化方案。
第四步,页面流程。
根据主要任务流程,画出页面流程,每个页面的入口出口,页面之间的串联等,最好都要画出来,当你在做具体方案的时候就不会出现遗漏页面的情况了。
3.具体方案——低保真设计
当思路和优化方案已经确定好,下面要做的就是具体方案的设计~
第一步,页面低保真设计。
根据页面流程进行页面的低保真设计,信息模块的级别划分能让你在布局的时候有一个整体的考量,当然细节的布局设计也是考量设计功力的一个地方,所以做好每一个细节的设计来体验自己的价值吧……
第二步,根据任务流程进行全场景的设计。
各种反馈状态~异常状态~初始状态~文案~信息极限值~跳转~加载~无状态~网络异常~404~等
4.设计检查
当方案做完以后,接下来重要的一步就是要进行设计检查。
第一步,检查页面一致性。
Logo、头部、尾部、面包屑等是否和整站统一,按钮样式、反馈状态、报错等样式是否统一;是否有缺少的场景和状态,根据任务流程对场景和状态进行排查,保证设计的完整性
设计任务流程,进行设计走查,测试时选择普通用户,保证设计的可用性和易用性。
5.交互设计说明文档
设计方案是要给别人看的,而不是把方案丢给产品就可以了,视觉设计需要你的说明文档来设计所有的样式,前端需要你的说明文档去做交互样式、各种反馈、限制,开发需要你的文档梳理页面之间的逻辑关系,制作交互动效等,所以做好交互设计文档不只是对项目负责也是为了更好的方便其他同事的工作,毕竟大家好才是真的好~
到了这一步,下面就是跟进的工作了~确保视觉产出质量,前端的交互效果、还原度和兼容性~最后的最后吾日三省吾身——设计总结,总结才有收获,才能不断前行~
设计的流程大同小异,重要的是接到项目先去思考,然后再去做,这样真正到了画线框图的时候你才能一泻千里^_^
相关阅读
理解人眼的阅读习惯,才能做出更加合理有效的设计。要创造正确的视觉层次,你就要理解我们的眼睛如何处理信息,UXPin的Chris Bank说。
我前阵子在快手和抖音里分别开了两个属性不同的号,快手专门拍些上海的路边风景。先说蛤!这篇可不是快手的软文,只是使用心得而已。
网络营销计划通常由项目经理,然后是网络营销推广专员,然后根据这个计划执行各个步骤;一个优秀的网络营销计划会扩展到网站的核心吗?
编者按:这篇文章出自UXPin的首席执行官Marcin Treder。线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈。实际上
很多人才换了电信的手机卡却不知道怎么查询流量以及话费,不知道打什么电话号码以及发什么短信查话费。那电信怎么查话费和流量?电