原型设计学习笔记.doc

1、什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 在进行主要页面原型设计之前，交互设计师需要： 一份主要的任务流程图（此处指的不是“业务逻辑流程图”，而是根据“业务逻辑”产生的“任务流程”。任务流程可由产品或是交互出，根据各个公司或项目的具体情况而定。） 一份主要功能列表（一般由产品经理提供） 网站信息架构（信息架构在一些公司是需要交互设计师来完成的） 对于前期调研结果的理解用途： 主要的页面原型可以用于产品初期的讨论会、测试以及产品介绍会。 应注意几点： 不要加入视觉设计的元素。着眼于大局，不要纠结细枝末节 在制作原型的初期请把所有精力都放在流程的优化和布局设计上面吧，不要把时间浪费在视觉设计上，那样绝对是得不偿失。 因为我们的原型方案还没有最终通过，肯定要通过多次迭代才能确定方案，太多的视觉设计就是浪费时间； 再者，如果原型做的十分逼真，在产品讨论会上，视觉的元素会很快抓住大家的眼球，到时就会有领导来质疑你的界面是不是该换成蓝色，按钮是不是再精致一些这样的问题。没有人会专注于你的交互设计了。 最好在使用axure工具前，用纸和笔画一些纸面原型，整理一下思路。 这个过程应是快速的，迭代的。 在确定主要页面之后，我们可以开始细化页面流程了。页面流程图有利于向大家展示自己的想法，也有利于思路的整理。毕竟axure上面的交互点是散的，通过页面流程图，我们可以整理所有的页面上的交互行为，避免遗漏；在向他人展示的时候，也可以一目了然的看出需要的操作步骤是多少。用途 可以与他人沟通流程、整理思路细化流程。 应注意的几点 如果项目时间有限，页面流程可以画在纸上。但还是建议在交互设计保留这一步。 为了减少沟通成本，在绘制页面流程图时，最好有一定的规范和标准。 页面的主要页面和页面流程确定之后，就可以完善原型了。如何完善原型 按照页面流程中所考虑的交互过程，体现在原型上面。出错，提示等交互细节也应有体现。这时你可能会用到变量、层等高级axure技巧。 增加说明 选中某个控件，在右边区域可以为此控件增加说明。 为页面编号 当原型不再需要修改时，我们需要为原型页面编号，这样有利于与视觉设计师、前端沟通。 用途 测试、产品需求文档编写参考、视觉设计参考、前端设计参考等。 应注意的几点 不要过于追求技术表现 原型有些交互效果做出来会很花费时间，我建议不要过于追求技术表现效果，可以用些文字来说明交互效果。Axure软件的初衷是快速的设计原型，如果在一些技术方面交互设计师花费很多时间的话，就有些顾此失彼了。还是把真实的效果交给前端去实现吧。 为了减少沟通成本，在完善原型时，最好有一定的规范和标准。 总结 Axure其实只是一种交互工具而已，交互设计最重要的还是想法，工具只是来帮你表现想法的。不必过于追求技术，不必过于追求视觉表现。我们在把握好整个产品方向的同时，应专注于交互流程、页面内交互、布局结构的创新和优化。