关于原型设计的一些事

标签: 设计思想 | 发表时间:2013-05-20 15:28 | 作者:kent.zhu
分享到:
出处:http://www.blogread.cn/it/

标签:   axure   原型设计

    关于什么是原型

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

   这里的原型指的是对最终产品各页面上内容的简单呈现,通常不会设置颜色和字体,也不含图片。这里的原型,也通常被称作线框图、示意图、蓝图。在一些极端的情况下,原型图往往可以先被抽象成一个个的模块组合,然后再去细化每个模块中的内容极其展示形式。

   原型的主要作用是为了沟通最初的产品设想。原型图展示的是内容和结构及粗线条的布局,而不是视觉设计。

   一定程度上,原型图是为了说明用户将如何与产品进行交互,其主要受众是团队里的工程师与设计师。原型图一定要体现出用户在每个页面上期望看到的内容,以及这些内容在页面上的相对优先级。通常情况下,原型图在纸上呈现,也可以使用一些特定的软件进行制作,常见的包括axure、viso等。

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

    关于原型的精细程度

   业界普遍的认知是,原型做相对中保真即可。中保真的原则是,对照原型,团队的设计师和工程师能够明白我们要做的是一件什么事情及这件事的重点就可以了。

   当然,还存在另外一个观点,原型,必须是要高保真的。对于这个观点,个人持保留意见。高保真的原型需要花费更多的精力,同时,不够敏捷。

    关于原型绘制工具

   在程序员的世界里,终极问题是,什么是最好的语言?在前端工程师的世界里,终极问题是,什么是最好的浏览器?在产品经理和交互设计师的世界里,终极问题是,什么是最好的原型工具?….

   基本上,不存在绝对好用的工具,完全取决与自己的爱好与使用是否顺手。关于原型绘制工具,网络上有很多人总结了很多不同的工具,你可自行选择。我个人使用的比较顺手的是axure。

   哦,对了,实际上最好用的原型设计工具,最后,我发现,是纸和笔。在快捷酒店管家的实际项目运作中,我们更多的是运用白板来绘制原型,然后将经过讨论通过的原型用手机拍下来做记录存档。

    关于axure的使用

   (不使用该工具的同学,读到这里可以关掉页面了,谢谢。)

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

   首先,在axure里使用复杂的交互会上瘾,这将大大的浪费你的时间;其次,设计师和工程师都不会看你的复杂交互动作的,他们只觉得这是个图形而已;第三,如果你真想学,为什么不去学div+css呢?

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

   典型的比如一个输入框的不同状态。可以拆解为,获得焦点激活输入框 - 正在输入中 - 输入完成激活提交按钮 - 点击提交按钮完成提交。

   这种拆解的方式,虽然看上去会占篇幅,但是却实在是最容易被理解的,连流程图都能省略了。

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

   只是说可以,没说一定要这么做。这是我一直在使用的一种方式,我自己觉得效果还不错,详细的可以参考“ 基于axure的PRD协作”,不再赘述。

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

   控件库,简单理解就是将产品拆解成很多的小零件,当你需要的时候,将这些零件进行组装即可。这可以大大的提高你的原型制作效率。

   关于原型控件,每个原型工具都有,你可以自己网上搜索。在实际运用的过程中,你可以根据自己的需要对这些控件做修改,之后可以再次使用。

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

   原型,跟实际产品一样,是会迭代和不断被修改的,所以,一定要记得存档。即使是在同一个原型上做修改,也一定要做记录,这对后续回顾很重要。

1362540338

(快捷酒店管家首页的早期原型)

   最后,

   原型设计,是每个交互设计师和产品经理最最最基本的技能。这也是一个梳理思路很好的方式。

——   微信添加 iamkentzhu 为好友,有更多精彩等着你

   


您可能还对下面的文章感兴趣:

  1. AXURE 原型设计教程2――变量控制不同场景的交互演示 [2011-02-08 23:46:51]
  2. AXURE在原型设计中的应用 [2010-09-01 10:26:05]
  3. 手机原型设计工具 [2010-08-12 09:15:17]
  4. 介绍几款iPhone手机原型设计的工具 [2010-05-20 13:24:23]

相关 [原型 设计] 推荐:

加速原型设计

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
在实际使用过程中,由于项目具体阶段、平台特性以及输出物展示对象的不同,并没有哪个工具受到设计师们一致认可,每个都有其各自的优势和缺陷,按照个人经验对比了一下常见的几款. 下面,详细介绍一下每一类软件的优劣. Photoshop 作为设计师的看家技能,理论上可以通过它做出任何图形,但对于交互原型来说制作和改动成本略高,图层和组件的处理上比较死板,软件自身性能和模板库也很受挑战,容易过快进入细节讨论而忘记初衷,并非交互稿首选,当然也有设计师一开始就是朝着高保真 Demo 方向做的,用它最直观.

AXURE在原型设计中的应用

- 超群 - 互联网的那点事
产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动. 就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure. 今天给大家介绍一些我在工作中使用axure的经验.

关于原型设计的一些事

- - IT技术博客大学习
标签:   axure   原型设计.    为了讨论方便,有必要先做一个简单的定义.    这里的原型指的是对最终产品各页面上内容的简单呈现,通常不会设置颜色和字体,也不含图片. 这里的原型,也通常被称作线框图、示意图、蓝图. 在一些极端的情况下,原型图往往可以先被抽象成一个个的模块组合,然后再去细化每个模块中的内容极其展示形式.

原型设计:八大指导原则

- - 人人都是产品经理
原型设计没有你想象的那么难. 而且就像其他事情一样,熟能生巧. 但这其中也有陷阱——搞砸原型设计也很容易. 我自己碰到、看到或者听到的大部分错误并不是因为选择了错误的工具或者方法. 对错误的东西进行原型设计. 有效原型设计就是找到平衡并设定期望. 本文会揭示我们开发的有效原型设计八条指导原则. 无论使用什么方式或者工具,这些原则都适用.

移动用户体验设计中的原型应用

- 超 - UED TEAM,用户体验设计,web前端开发
一把好的椅子,是否需要我们通过阅读使用手册才能知道如何使用它吗. 一把好的椅子,是在我们看到它时,我们很自然的就知道它能够干什么,我们该如何使用它. 也就是说:“椅子”这个概念已经深入人心,是个被高度认可的原型(Archetype). 现有的移动领域里,我们也在探索如何将“原型”的概念揉入到我们的设计中去.

产品经理和原型设计不得不说的故事

- - 酷勤网-挖经验 [expanded by feedex.net]
 来源:腾讯大讲堂   2012-01-26. 作为产品经理,一直认为原型设计应该不仅仅是设计师们的工作,也应该是产品经理的工作——尤其是在前期需求讨论阶段. 一个产品的骨架与灵魂,是由产品经理赋予的;血与肉,是由研发工程师赋予的;五官、四肢是由设计师们赋予的. 然而,在还没有血肉之前,如何为团队成员勾勒出一幅完整的“骨架”,就是产品经理必修的功课了.

用AxureRP做实例原型设计的步骤

- - 最新文章 - UCD大社区
一般来说都是先有实例再组合成整体,但是我们的设计过程都需要先从整体的布局考虑,再来细化每个功能点. 因此实例的原型设计在一些中高保真度要求的原型里面就尤为重要,再者一般学习AxureRP都是从模仿别人的做的实例开始的,因而学会实例原型设计,对自己使用AxureRP的技能的提高也是很有帮助的. 这里对实例原型的定义主要是指两个方面,一是单独的功能点或功能页面,如输入框的鼠标单击可修改功能点,注册登录功能页等;二是独立的交互效果,可单独部署的,如幻灯片效果,微博效果等.

产品原型设计的8大黄金定律

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  [导读]:原型设计,困扰很多新手级产品经理的老大难. 其实原型设计没有想象的那么难,熟能生巧,掌握8大黄金定律即可.   我自己碰到、看到或者听到的大部分错误并不是因为选择了错误的工具或者方法.   有效原型设计就是找到平衡并设定期望. 本文会揭示我们开发的有效原型设计八条指导原则,无论使用什么方式或者工具,这些原则都适用.

快速产品原型设计软件:Axure RP Pro 6汉化绿色版

- Keen - 精品绿色便携软件
Axure RP Pro是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等. Axure RP Pro是专为Rapid Prototype Design而生,它可以辅助产品经理快速设计完整的产品原型,并结合批注、说明以及流程图、框架图等元素将产品完整地表述给各方面设计人员,如UI、UE等等,并在讨论中不断完善.

网页设计师的新宠,可以触摸的网页原型工具

- 蕗 - 互联网的那点事
电子书再好,还是有很多人喜欢纸质的书本,喜欢那份书香和质感. 很多设计师也一样,他们喜欢可以触摸得到的设计工具. 譬如下面这款用于网页原型设计的草稿本:. 它如同那些可视化的原型设计软件一样,常用元素都给你准备好了,信手拈来,任你摆放. 不同的是,这可是真正的信手拈来. 搭起一个实体的感觉,是对着屏幕画个界面所难以比拟的,这就是所谓的存在感吧.