UI Prototype (原形) 是设计中非常重要的一部分, 和其它行业中的原形设计一样,UI中的原形也是软件或信息系统的视觉化, 从原形中可以看出最后的系统会是怎样的,原形可以分成Low Fidelity(低程度)和High Fideltiy(高程度)。低程度的原形是用一写简单的日常工具实现的比如铅笔,纸,尺,象皮,Post-it等。低程度的原形视觉化了系统的基本功能,而不注重修饰的元素比如图片等。低程度的原形可以有交互性,可以在纸上进行一些基本的流程演示。在纸上画的原形被称为Paper Prototype,Paper Prototype的好处是可以随时修改。.Post-it(便贴)可以用于下拉菜单。使交互性跟突出。高程度的原形可以是电子化的显示在屏幕上的原形,比如可以用Microsoft Word,Microsoft Powerpoint,HTML, Visual Basic等实现。高程度的原形往往是最终系统的预览,它的交互性是最强的,可以使用高程度原形实现一个完整的工作流程,同时得到了与最终系统类似的交互体验(User Experience)。以下是原形的一些示例,包括低程度和高程度的原形。


下面的原形被称为Wireframe,因为只有线组成的结构。

All images above belong to Lu Heli. Copyright Lu Heli All Rights Reserved.
以上图形皆为Lu Heli版权所有。