一、原型图的定义
网站原型图设计是【需求可视化】的一个过程,是让网站的初步构思有一个可视化的展示。
原型设计是为了让用户更直观的评估产品设计,避免将错误带到最终的产品中去。
归纳可分为三种:分别为原型草图(需求版)、低保真原型(标注版)、高保真原型(交互版)。
二、原型图的作用
1. 探索与实验
2. 理解与验证
3. 交付与对接
三、规范
视觉层:清晰
在整个系统中,文字清晰可读,图标表意明确,装饰精巧,减少用户学习成本,避免过度设计
设计要点:颜色
保证色彩在任何情况下都可以辨识。如果文字是白色,那就要保证文字在背景上清晰可见,设计要点就是背景的明度要稍微暗一点。
交互层:遵从
让用户知道从哪来,到哪去。让用户始终知道自己当前所处位置。遵守现在的使用习惯。
功能上做加法,设计上做减法。
四、设计流程
-
明确原型目的:原型的目的是确定方向,找到方案,还是验证问题?
-
了解用户或听众:绘制的原型面向用户和团队内部沟通对象是谁?
-
选择原型类型:采用低保真、中保真,还是高保真原型?
-
制作原型:采用什么工具、软件或者直接编码制作产品原型?
-
呈现/验证:原型的展示和交付,验证原型的目的
-
反馈和改进:根据用户或听众反馈,持续的优化和改进原型
不管是低保真还是高保真,最核心的都是需求和逻辑,需求正确、逻辑正确都能为后续工作提供有力支持。通过对原型不断的验证和反馈,满足用户需求。