当你画线框图时,你应该想些什么？.pdf

当你画线框图时，你应该想些什么？ 我们每个人在刚入行的时候，接到项目需求，最初更多的会沦为产品经理的画图工具，帮他画好线 框图、补全场景状态反馈等，这时候你可能会彷徨痛苦，感觉自己没有办法实现作为交互设计师的 价值，不用彷徨痛苦，你现在需要的只是一个完善的工作流程，下面我就抛砖引玉来讲一下当我在 画线框图时，我在想的 12345 ……，希望对刚入行的小伙伴能有所帮助。 1.分析梳理确认需求 如果不想沦为产品工具的话，首先你在接到需求时应该要做的是需求分析梳理确认。 第一步，了解项目背景。 去找这个产品业务的负责人聊一聊，这能让你快速的知道这个项目的背景，这个产品的规划，用户 的基本资料，需求要解决的痛点； 第二步，分析需求的合理与否。 你要思考需求解决的痛点是不是用户在使用过程中真正的痛点？需求提出的功能是否能够解决这个 痛点？有没有更好的方法去解决这个痛点？如果认为需求不合理，你应该去和项目负责人、项目成 员去沟通交流，在沟通的时候如果你是新人的话请准备好数据，毕竟数据更具有说服力。 第三步，确认需求的细节。 比如信息模块内容、功能点、后台交互逻辑等，毕竟谁也不想在项目进行过程中，出现需求变更， 信息模块内容呈现与产品需求有出入，前端的写好的页面样式后台不能使用等情况。 2. 思考分析确认优化方案 当需求确立后，我们下面要做的就是设计优化方案，是体验价值的时候了 ~ 第一步，竞品分析。 当然在设计方案的时候如果有同类型的产品，我们还是要去看一看，分析一下他们的和我们有什么 区别，他们做的有什么好的地方，有哪些是可以吸收和借鉴的，毕竟站在别人肩膀上看的更远 ~ 第二步，信息模块的重要级别划分。 把信息的重要级别进行区分排序，那些是要突出的、那些是要弱化的、那些是要隐藏的，这样的话 进行后期页面布局就会轻松很多。 第三步，任务流程。 梳理主要的任务流程，最好把他们画出来，分析那些环节是可以优化的，最终确认主要任务流程的 优化方案。 第四步，页面流程。 根据主要任务流程，画出页面流程，每个页面的入口出口，页面之间的串联等，最好都要画出来， 当你在做具体方案的时候就不会出现遗漏页面的情况了。 3. 具体方案 —— 低保真设计 当思路和优化方案已经确定好，下面要做的就是具体方案的设计 ~ 第一步，页面低保真设计。 根据页面流程进行页面的低保真设计，信息模块的级别划分能让你在布局的时候有一个整体的考量 ，当然细节的布局设计也是考量设计功力的一个地方，所以做好每一个细节的设计来体验自己的价 值吧 …… 第二步，根据任务流程进行全场景的设计。 各种反馈状态 ~异常状态 ~初始状态 ~ 文案 ~信息极限值 ~ 跳转 ~加载 ~无状态 ~ 网络异常 ~404~ 等 4. 设计检查 当方案做完以后，接下来重要的一步就是要进行设计检查。 第一步，检查页面一致性。 Logo 、头部、尾部、面包屑等是否和整站统一，按钮样式、反馈状态、报错等样式是否统一；是否 有缺少的场景和状态，根据任务流程对场景和状态进行排查，保证设计的完整性 第二步，确保方案的可用性和易用性。 设计任务流程，进行设计走查，测试时选择普通用户，保证设计的可用性和易用性。 5. 交互设计说明文档 设计方案是要给别人看的，而不是把方案丢给产品就可以了，视觉设计需要你的说明文档来设计所 有的样式，前端需要你的说明文档去做交互样式、各种反馈、限制，开发需要你的文档梳理页面之 间的逻辑关系，制作交互动效等，所以做好交互设计文档不只是对项目负责也是为了更好的方便其 他同事的工作，毕竟大家好才是真的好 ~ 到了这一步，下面就是跟进的工作了 ~确保视觉产出质量，前端的交互效果、还原度和兼容性 ~最后 的最后吾日三省吾身 —— 设计总结，总结才有收获，才能不断前行 ~ 设计的流程大同小异，重要的是接到项目先去思考，然后再去做，这样真正到了画线框图的时候你 才能一泻千里 ^_^ 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台