文档章节

原型设计的一些事

stefainezhou
 stefainezhou
发布于 2014/04/15 11:28
字数 1262
阅读 132
收藏 10



关于什么是原型

为了讨论方便,有必要先做一个简单的定义。

这里的原型指的是对最终产品各页面上内容的简单呈现,通常不会设置颜色和

字体,也不含图片。这里的原型,也通常被称作线框图、示意图、蓝图。在一

些极端的情况下,原型图往往可以先被抽象成一个个的模块组合,然后再去细

化每个模块中的内容极其展示形式。

原型的主要作用是为了沟通最初的产品设想。原型图展示的是内容和结构及粗

线条的布局,而不是视觉设计。

一定程度上,原型图是为了说明用户将如何与产品进行交互,其主要受众是团

队里的工程师与设计师。原型图一定要体现出用户在每个页面上期望看到的内

容,以及这些内容在页面上的相对优先级。通常情况下,原型图在纸上呈现,

也可以使用一些特定的软件进行制作,常见的包括 Axure、Visio 等。

所以,根据这个定义和解释。我们接下来讨论的问题,主要是围绕着 Web 网站

和 APP 的原型设计进行的。
关于原型的精细程度

业界普遍的认知是,原型做相对中保真即可。中保真的原则是,对照原型,团

队的设计师和工程师能够明白我们要做的是一件什么事情及这件事的重点就可

以了。

当然,还存在另外一个观点,原型,必须是要高保真的。对于这个观点,个人

持保留意见。高保真的原型需要花费更多的精力,同时,不够敏捷。
关于原型绘制工具

在程序员的世界里,终极问题是,什么是最好的语言?在前端工程师的世界里

,终极问题是,什么是最好的浏览器?在产品经理和交互设计师的世界里,终

极问题是,什么是最好的原型工具?

基本上,不存在绝对好用的工具,完全取决与自己的爱好与使用是否顺手。关

于原型绘制工具,网络上有很多人总结了很多不同的工具,你可自行选择。我

个人使用的比较顺手的是 Axure。

哦,对了,实际上最好用的原型设计工具,最后,我发现,是纸和笔。在快捷

酒店管家的实际项目运作中,我们更多的是运用白板来绘制原型,然后将经过

讨论通过的原型用手机拍下来做记录存档。
关于 Axure 的使用

1、千万不要去学习复杂的交互动作!

首先,在 Axure 里使用复杂的交互会上瘾,这将大大的浪费你的时间;其次,

设计师和工程师都不会看你的复杂交互动作的,他们只觉得这是个图形而已;

第三,如果你真想学,为什么不去学 DIV+CSS 呢?

2、如果你确实需要表达一个复杂的交互,可以考虑将这个交互拆解了表述

典型的比如一个输入框的不同状态。可以拆解为,获得焦点激活输入框 – 正

在输入中 – 输入完成激活提交按钮 – 点击提交按钮完成提交。

这种拆解的方式,虽然看上去会占篇幅,但是却实在是最容易被理解的,连流

程图都能省略了。

3、可以考虑将需求文档与Axure原型结合起来

只是说可以,没说一定要这么做。这是我一直在使用的一种方式,我自己觉得

效果还不错,详细的可以参考“基于 Axure 的 PRD 协作”,不再赘述。

4、一定要有一套属于自己的控件库

控件库,简单理解就是将产品拆解成很多的小零件,当你需要的时候,将这些

零件进行组装即可。这可以大大的提高你的原型制作效率。

关于原型控件,每个原型工具都有,你可以自己网上搜索。在实际运用的过程

中,你可以根据自己的需要对这些控件做修改,之后可以再次使用。

5、原型的版本存档同样重要

原型,跟实际产品一样,是会迭代和不断被修改的,所以,一定要记得存档。

即使是在同一个原型上做修改,也一定要做记录,这对后续回顾很重要。
最后,原型设计,是每个交互设计师和产品经理最最最基本的技能,也是一个

梳理思路很好的方式。
有关Axure的课程,请前往:http://www.elsyy.com/course/5065
《Axure RP7.0从入门到精通》

© 著作权归作者所有

stefainezhou
粉丝 1
博文 12
码字总数 18516
作品 0
广州
私信 提问
吐槽下公司的WEB前端

1、不需要懂数据库,业务逻辑什么的,不想事! 给我的页面,各种逻辑错误,完全不正确,漏洞百出,突然蹦出来给编辑页,入口在哪都没有。 各种HTML标签不一样,导致根本无法循环数据,搞笑。...

开源中国首席段子手
2016/05/01
1K
2
新手看MockPlus

如今是一个快节奏的社会,每一天都会有无数的软件发布,每一款软件的制作过程不可避免的需要使用原型设计工具。而MockPlus就是一款原型设计软件,可以用于移动端,PC端以及WEB的原型设计。它...

jongde
2016/12/20
37
1
你知道比程序员最讨厌的四件事,更严重的问题是什么吗?

导语:一个成功的人的标志是什么?是坚持。一个非常成功的人的标志是什么?是面对自己最讨厌的事也能够一如既往的坚持,并且坚持到底,直至成功。 我这个 尼古拉斯·涩郎·非著名程序员的心灵...

非著名程序员
2017/09/26
0
0
移动UX课程 :阻止你的app像瓦萨号一样沉没

原文出处:leanmobileux 译文出处:@平行煎饼 做一个app很容易,做出来用户下载了,打开了用了/快速浏览了一次就不会再打开了。作者针对这种情况,讲述了几点在创业团队/项目中应该做的和应该...

leanmobileux
2015/10/07
0
0
10个实用的UX设计作品推销小窍门

以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 众所周知,产品用户体验很重要,即使是Google也知道这一点。但是,当真正涉及到UX 设计销售时...

jongde
2018/03/26
6
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 我,小小编辑,食人族酋长

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享娃娃的单曲《飘洋过海来看你》: #今日歌曲推荐# 《飘洋过海来看你》- 娃娃 手机党少年们想听歌,请使劲儿戳(这里) @宇辰OSC...

小小编辑
今天
484
10
MongoDB系列-- SpringBoot 中对 MongoDB 的 基本操作

SpringBoot 中对 MongoDB 的 基本操作 Database 库的创建 首先 在MongoDB 操作客户端 Robo 3T 中 创建数据库: 增加用户User: 创建 Collections 集合(类似mysql 中的 表): 后面我们大部分都...

TcWong
今天
20
0
spring cloud

一、从面试题入手 1.1、什么事微服务 1.2、微服务之间如何独立通讯的 1.3、springCloud和Dubbo有哪些区别 1.通信机制:DUbbo基于RPC远程过程调用;微服务cloud基于http restFUL API 1.4、spr...

榴莲黑芝麻糊
今天
10
0
Executor线程池原理与源码解读

线程池为线程生命周期的开销和资源不足问题提供了解决方 案。通过对多个任务重用线程,线程创建的开销被分摊到了多个任务上。 线程实现方式 Thread、Runnable、Callable //实现Runnable接口的...

小强的进阶之路
昨天
31
0
maven 环境隔离

解决问题 即 在 resource 文件夹下面 ,新增对应的资源配置文件夹,对应 开发,测试,生产的不同的配置内容 <resources> <resource> <directory>src/main/resources.${deplo......

之渊
昨天
29
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部