目标导向的交互设计:About face 3 -- The essentials of interaction design 读书分享

近段读完并分享了Allan copper的 About face3 : The essentials of interaction design,推荐没看过的程序员朋友可以抽时间看看。感觉上这本书对交互设计讲得比较透彻,首先拿出了方法--目标导向的交互设计,再介绍了交互设计的过程框架,最后介绍交互设计的细节。比较易读,不仅有大量的细节规则,还会让读者对交互设计的方法和框架有一些认识。

第一部分:目标导向的交互设计

1. 设计的定义:了解用户的需求和期望,了解商业,了解技术限制,设计出可行,满足用户,满足商业要求的产品。简单说设计是用户,技术和商业三个要素的折中。看下图,Novell, Apple, Microsoft分别擅长技术,用户,商业,但都只是设计的一个方面。

2.  设计,一般不是解决可用性(Usability)的问题,而是要满足设计的目标。设计的目标包括很多维,包括商业目标(产品干什么),用户个人目标(用户的感觉),用户的人生目标(用户的荣耀和财富)。产品功能,任务往往是不稳定的,而用户目标是稳定的,甚至会稳定几百年。比如从北京到江南,快速舒适就是用户的目标,几百年前的产品是京杭运河的高档楼船或马车,现在是高铁,都能满足当时的用户目标。

3.   产品设计要倾向满足用户的精神感知模型。比如现在各路电视盒子的UI就比老式的电视控制界面更接近感知模型。不要暴露布尔逻辑给用户,那不是感知模型。

4.   除了用户目标,还要了解用户角色。用户一般很忙碌,却很聪明。设计最好针对的80%的中间用户,不要太偏向专家或新手。开发者容易偏向高级用户,喜欢开发一些命令行工具,那是给专家的(Linux :))。销售一般偏向菜鸟,巴不得你多开发一点用户向导之类的东西,那玩意减少他们支持的工作量。

5.   综合目标导向的设计方法,过程可见下图,关键是用户目标和用户的角色。设计的过程是非常具体的,不像代码容易抽象和重复使用。

第二部分:目标导向设计的模式和框架

6.   软件产品的模式,注意你的产品类型,注意不同类型交互的特点:平台型的软件,例如Word, Visual studio, 需要足够的可视空间,工具栏,不要太拥挤,需要丰富的信息反馈。 临时型软件,希望用户尽可能快地脱离主界面,干该干的事情。例如QQ, Skype, Winamp, 游戏模拟器等。守护型软件,类似守护进程,简单地窗口方便用户随时管理。例如虚拟光驱类的软件。

7.   用户喜欢的状态:流,这是用户在使用产品的时候进入的一种温和的沉醉状态。诀窍是不要过多用提示打扰用户,把工具放在用户的手边,不要让用户等待太久。例如0.1秒的等待,用户会认为是同步的。用户会认为1秒也是可以的。10秒的等待,用户期望有进度条。更长的等待需要有异步,后台进程或线程。

8.   替用户消除额外工作。额外工作是对用户完成目标无关的工作。技巧有,设置不要太多,太复杂,界面复杂的话控件应该放在其他的Tab页里。保存用户的输入状态。不要问用户太多问题,让用户去做,让用户去Undo。

第三部分:交互设计的细节规范

9.   关于磁盘文档:管理磁盘文件不是用户的目标。传统的文件模型强化了实现模型:一份文件在硬盘,另一份数据在内存。应该简化,用“文档”的概念去操作数据。文档应该自动保存。苹果的软件在这方面相当不错,例如itunes。

10. 对话框。对话框的缺陷是无法表现对话框之间的联系。现代对话框设计要尽量避免过多的对话框和难以管理的对话框关系。Mac程序一般在这方面不错,很多软件的第一观感是单窗口的。MDI和SDI,MDI也是比较老式的表达方式,优点是可以方便得在多个文档视图里操作数据,缺点是不同的菜单和过多的对话框,不够直观。来看一个糟糕的例子:

11.  菜单。相比工具栏,菜单有完全的文本按钮名,适合新手用户。由于用户不能非常快地用鼠标操作菜单,最常用的功能最好不要放在菜单里。注意实现的时候菜单的Enable/Disable状态要同步好。

12.  工具栏。工具栏应该持有图标按钮,适合熟练用户快速操作,工具栏不应该用文本按钮,而用Tooltip描述文本。由于菜单和工具栏的不同特性,微软的解决方案是合并两者的长处创建了"Ribbon"这种复杂菜单,而苹果的风格是尽量简化菜单,全局菜单动态加载为当前软件的菜单:

13.  简单控件。普通的动作控件主要包括Button, 菜单项,工具栏图标,HTML超链接。选择控件包括Check Box(复选框),Radio Box(单选按钮),Combo Box(下拉选择项),动态按钮(在同一个位置动态变化的按钮,例如播放器的播放和暂停键)。各有利弊:复选框,单选按钮会占用不少的屏幕空间,下拉选择占用空间少,主流。动态按钮占用控件少,但需要用户花时间熟悉。

14.  列表控件。一些好的交互经验:在每个条目前面加上图标;如果需要多选条目,卷动的时候会乱掉,最好在每个条目前加上复选框;如果条目很多,分页;尽量能让每个条目可编辑。

15.  树形控件。一般树形结构复杂且难以理解。如果不是确定的典型树结构,最好不用这种展示。(iOS用列表,展开项到另一页,不会去在一个页面上绘制复杂的树)

16.  文本控件。一些好的交互经验:不要让文本输入控件在水平方向卷动;在输出的地方允许输入;校验用户输入(可以给一个timer, 在每次输入后检查一下);考虑一些新颖的输入方式,例如需要输入1.0-7.5范围内的浮点值,可以考虑做仪表盘控件滑块。

17.   错误,警告,确认信息。告诉用户错误不是一件好事,更好的做法是深入考虑,在实现阶段让错误无法发生。别太严格,别打断用户的任务,可以给一些声音反馈。普通消费类软件可以考虑用非模式的泡泡提示错误,如果要用错误对话框,那么要礼貌说明错误,有何选择,缺省选择,哪些数据会丢失:

18. 拖放操作。 拖放时画出源对象;目标对象也要绘制一些特殊的状态,支持对拖放位置的鼠标卷动。

19.   鼠标选择和操作。一些好的或规范的用户体验:在对象上单击鼠标为选中;按下鼠标为准备动作,松开鼠标键开始执行;不要让用户在粗略鼠标操作和精细鼠标操作中来回切换,例如点选和卷动混在一起,可以用手势;只使用基本的鼠标键;选择对象可以用一个容限值,3-5个pixel比较合适。

20.   其他细节规范:查询和检索可以使用标签(tag); Undo/Redo非常重要,这个功能可以让用户放心得使用功能而不必担心编辑错误和状态丢失。

这20条基本是这本书浓缩的东西。本文没有展开讨论用户角色和访谈的相关章节,有兴趣的朋友可以关注用户角色的相关部分。

时间: 2024-11-05 05:47:12

目标导向的交互设计:About face 3 -- The essentials of interaction design 读书分享的相关文章

交互设计和新媒体设计的区别

好些人搞混了交互设计和新媒体设计之间的区别.甚至于把交互设计和新媒体设计混为一谈.但是交互设计和新媒体设计其实是两个概念.交互设计和新媒体设计在艺术留学专业划分上,都被纳入新媒体动画设计方向,好多人竟然还把这两个和视觉传达混在一起,视觉传达算是平面设计方向的.打个比方,新媒体动画是A公司,平面设计是B公司,交互和新媒体都是A公司旗下的艺人,视觉传达是B公司的,所以,压根不是一回事,不要混为一谈. 接下来了解交互设计和新媒体设计有什么区别? 交互设计,小名互动设计,英文Interaction De

游戏交互设计入门

下面是学习的一点笔记. 游戏交互设计需要考虑的三个问题 - 可用性,易用性,用户体验. 交互设计应当是在理解用户基础上以目标为导向的设计方法. 界面主要有两种功能:提供信息:允许用户做某事. 关于游戏UI设计师 定义:通过设计界面让游戏系统和玩家之间能够互动娱乐的人. 要求 1.了解游戏,至少得是半个策划: 2.懂交互,让玩家界面操作无挫折感: 3.对细节有追求,一像素偏差也要调: 4.要娱乐,让最生硬的东西也能跳舞. 贴个招聘UI设计师的要求 职责描述: 1. 根据项目的策划案以及相关制作规范

产品交互设计之用户场景

在产品交互设计中,具体进入功能设计或用户使用产品的交互行为设计之前,应该分析用户使用产品的场景. 场景剧本 以某个用户角色通过一个故事描述其理想的体验,并由此开始设计.在某某时间,某某地点,周围出现了某些事物时,特定类型的用户萌发了某种欲望,会想到通过某种手段来满足欲望. 1.vs用例 如银行客户上网站,会查询.取款.转账等操作.这是一个站在用户角度的功能图.场景剧本与用例的区别是:场景的分析更加接地气,比较传统行业的用例图,使用的方式以程序为导向.这种方式的弊端是:往往研究竞争对手的产品,从专

交互设计的职能:交互设计师具体做什么

Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的.交互设计师通过设计用户的行为,让用户更方便更有效率的通过产品去完成自己的业务目标,获得愉快的用户体验. Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点: 职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力.如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没有实际意义.所以交互设计需要做的足够好,才能将这份工作做的有意义. Ⅲ.交互

Web交互设计优化的简易check list

Web交互设计优化的简易check list 00 | 时间: 2011-02-11 | 28,842 Views 交互设计, 用户研究 “优化已有产品的体验”,这是用户体验相关岗位职责中常见的描述.我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废. 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入“重要不紧急”甚至是“不重要不紧急”的象限,变成了东一棒子西

开发辅助 | 前端开发工程师对 UI设计、交互设计的认知

1.UI 用户界面 UI:User Interfase 用户界面 UID:User Interfase Designer 用户界面设计师,多指移动 app 的界面设计: 2.一个合格的 UI 设计师,至少应该具备什么? (1)审美: 一个好的设计师,应具备基本的艺术审美,识别不同的艺术表现形式,区分作品的好坏,感受下: 图1:  图2:   (2)想象力.脑洞 比如:克里斯托弗·诺兰导演的电影<盗梦空间>. 宫崎骏的<千与千寻> (3)基本的工具使用: 常用且基本的工具:PS 拓展

运营平台——效率型后台管理类产品交互设计心得

此文已由作者姚依旻授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 无论是光鲜亮丽界面可人的C类产品,还是稳重大气商务气质的B类产品,若某产品存在运营行为,则必存在一个给团队自己人用的后台,也就是运营平台.人们容易都把目光 focus 在大众用户的体验上,自己人的使用体验则优先级被放低了一些.我与运营平台朝夕相伴了一年整载,终于从一无所知到若有所悟,同时感慨时光飞速竟不察. 笔者在自己在写文章之前,也怕自己资历尚浅观点偏颇,故查阅了一些资料,得知各类运营后台的产品与交互设

【闲聊产品】之二:交互设计还得自己来

移动互联网行业发展到今天,单从技术的地位上来看,核心的软件技术还是被Google.Apple.微软这些巨头掌握着,比如windows.iOS源码,始终会作为一个操作系统的门槛不会被公开,而这些系统平台下衍生的SDK和开发工具却是这些巨头们极力推广的对象. 所以对于大部分不是以技术作为核心竞争力的互联网公司来说,他们其实是在这些巨头们订下的技术标准和自己公司业务做一个整合从而实现成长,因此单从技术的角度来讲,技术固然重要,但已经不是最大的瓶颈了. 如今只要一个技术人员愿意花时间钻研,可供你进步的资

APP开发设计应以人为本!浅谈APP交互设计原则

为什么APP开发设计需要原则?设计原则其实就是对一些设计过程中基于人类的认知规律对设计做出的一些指导性原则,并且对已经成为行业共识的设计经验做个总结,用来指导设计师界定问题.提高效率. 先就APP开发设计 http://www.czwew.com 常州紫竹云科技产品经理分享交互设计的时候最为大家所认可的几条设计原则:可学习性.一致性.简洁性.流畅性.及时反馈.除了这么六个?还有其他的吗?你放心,如果需要还有更多. 一.经常用的设计原则有哪些? 1.可学习性   目标用户在已有的知识和经验基础上,