为用户任务的设计 为产品结构的设计

  我们先来看两个实际案例:

  在QQ中,将聊天记录中的图片存为表情的设计:右键图片,“添加到表情”。


  第二个例子… 不是360的。

  在RTX中,将聊天记录中的图片存为表情的设计:先收藏图片,再在表情面板中点“添加自定义表情”打开表情管理的界面,选中收藏好的图片添加为自定义表情。


  RTX的设计,保证产品的结构是很清晰的:

  1. 表情列表有添、改、删功能,添加的来源是本地文件夹。

  2. 任何一张图片都可以另存为本地图片。

  这些功能是很完备的,同时也保证了将聊天记录中的一张图片存为表情的操作是可以实现的。是可以实现的,但是却不那么容易。不容易用—点击次数多;不容易记—要添加为表情,需要记住,在图片的右键菜单中选“收藏图片”。

  而QQ的设计,考虑了产品结构的清晰,上面提到的功能都具备,同时又兼顾了使用的情景:在聊天记录中看到一张图片的时候,要将这张图片存为表情。为使用用户任务而设计是:你要把它添加为表情?我就给你设计个功能,叫做“添加为表情”。

  在《设计原则VS完成任务》中也提到过类似的问题:在相册列表页该不该提供“上传照片”按钮。最后的结论是:要“上传照片”按钮,那是用户要做的一个事情,要为用户的任务服务,而不是以产品的逻辑结构为标准。

  这次借用QQ和RTX中“添加为表情”的设计,是希望能进一步得出结论,在设计过程中,应该如何把握“为产品结构的设计”和“为用户任务的设计”。

  我们所做的确保产品逻辑结构清晰、准确的设计,主要的是为了保证产品的可学习性。产品结构清晰、准确,你第一次见到的时候可能不会用,但是容易学会。我们经常会说:“不能这么设计,这不对!”这对与不对就经常是以产品的结构是否清晰、准确、合逻辑为标准的判断。

  保证产品结构清晰、准确、合逻辑是需要,是对的。但还不足够。因为产品的可用性高不只包含可学习性强,还有使用效率高。

  严格来说,可学习性实际上也是提高使用效率的,是间接的。比较容易学,学的快,这肯定比弄半天也弄不明白效率要高。上面说的使用效率是特指那些直接影响使用效率的因素—点击次数、是否易得…

  在上面的例子中,如果只保证产品结构的清晰、准确、合逻辑,那就不需要在图片的右键菜单中设计“添加为表情”功能。用户在聊天的时候,经常会需要把聊天记录中的一张图片添加为表情,为了这个用户任务而设计了“添加为表情”功能,提高了使用效率。

  为用户任务而做的设计,主要的是为了提高产品的使用效率。

  上面的两行加粗文字就概括了“产品结构设计”和“为用户任务设计”各自的特征。

  可以用这样一个图示来表明两者的关系:


  为保证产品结构清晰、准确、合逻辑的设计确保了所有人在任何情况下最终都能找到自己需要的。为用户任务的设计是在原有产品结构基础上设计出的一个个“行为流”,一个个快速通道。

  当然,用户任务不是指所有可能出现的用户操作,是指那些大多数用户,经常会出现的操作。不然,要穷举所有的使用情景,排列组合所有的可能性,那不知道要画出快速通道了,自然也就谈不上快速了。

  保证产品结构清晰、准确是必要的;为用户任务的设计是在清晰的产品结构基础上的补充。如果一个产品中缺少了一条应有的快速通道,那不要命,通过 清晰、准确、合逻辑的产品结构用户最终也能找到需要的功能。(但愿他真的愿意多花那些时间去找。)如果对产品的结构的表达出了问题,那就要命了,可能会怎 么也找不到了,怎么也弄不明白了,也许是这次通过快速通道稀里糊涂的完成了操作,下次换了个情景又糊涂了。

  通过这样的设计,最终达到的效果是:如果一位用户要做的事情是常见的,那么这个操作按钮正好摆在他眼前,因为为这个用户任务设计啦;如果是一个 很少会出现的操作,那么,没有快速通道,要通过学习,用户自己找到。对“产品结构”和“用户任务”这样的理解与规划正是 “突出常用操作,隐藏不常用”设计原则的实现方式。(这句话写下后,我隐约想起政治课本上的措辞,幼年的不良教育流毒之深,可见一斑。)

  分清了两者的特征,各自的地位如何权衡,仍旧还留下一些问题:

  问题一。上面提到了,用户任务是指那些主要用户的主要操作,而不是全部。画太少了不够用,画太多了就失去了快速的价值。那么,画多少个快速通道出来才是合理的?这需要根据具体的产品人为的把握。

  问题二。为什么要分为两个层次来设计?“为产品结构的设计”和“为用户任务的设计”为什么不能合二为一?这当然是更好的,只是我还没想到办法。 如果简单的说:“在保证清晰的产品结构基础上注重用户实际的使用情景。”这似乎是合二为一了,但实际没解决问题,变成一句口号了,不是一个可操作的方法。 在我看来这正是设计的难度所在。

  文章来源:chouyu.com.cn 转载请注明出处链接。

时间: 2024-11-01 01:07:13

为用户任务的设计 为产品结构的设计的相关文章

如何把握为产品结构的设计和为用户任务的设计

网页制作Webjx文章简介:产品结构与用户任务的设计. 我们先来看两个实际案例:在QQ中,将聊天记录中的图片存为表情的设计:右键图片,"添加到表情". 第二个例子- 不是360的.在RTX中,将聊天记录中的图片存为表情的设计:先收藏图片,再在表情面板中点"添加自定义表情"打开表情管理的界面,选中收藏好的图片添加为自定义表情. RTX的设计,保证产品的结构是很清晰的:1. 表情列表有添.改.删功能,添加的来源是本地文件夹.2. 任何一张图片都可以另存为本地图片.这些功

为产品结构的设计,为用户任务的设计

我们先来看两个实际案例:在QQ中,将http://www.aliyun.com/zixun/aggregation/24036.html">聊天记录中的图片存为表情的设计:右键图片,"添加到表情". 第二个例子- 不是360的.在RTX中,将聊天记录中的图片存为表情的设计:先收藏图片,再在表情面板中点"添加自定义表情"打开表情管理的界面,选中收藏好的图片添加为自定义表情. RTX的设计,保证产品的结构是很清晰的:1. 表情列表有添.改.删功能,添加的

交互设计任务分析:层次任务分析设计方法

文章描述:交互设计任务分析:层次任务分析设计方法. 要做好以用户为中心的设计,便要求我们需要更好地了解用户.理解用户.作为交互设计师,在动手画交互稿之前,我们需要理清用户(User).目标(Goal).任务(Task). 今天主要探讨任务分析.目前,常用的任务分析方法主要有:层次任务分析(Hierarchical Task Analysis)与认知任务分析(Cognitive Task Analysis).这里将主要阐述任务分析中的层次任务分析. 什么是层次任务分析? 层次任务分析是一种结构化的

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

互联网产品设计的用户体验设计来自平凡生活

文章描述:来自平凡生活的用户体验设计启示. 用户体验设计,来源自用户关怀,目的是产品和用户双赢. 用户,则是广大真实存在的人们,那么来源自生活的用户体验启发,对于虚拟产品的用户体验设计,具有极大的借鉴意义. 以下就是笔者在现实生活中发现的故事,并总结出了许多用户体验设计的原则. 1 坦途与上下楼 自从搬了新的办公区,倒咖啡就成了一件麻烦的事. 我们的办公区身处二楼,在二楼的另外一边有一个咖啡机,而在一楼正下方也有一个咖啡机. 最初不熟悉的时候,常常要在两个之间抉择,究竟去哪儿倒咖啡. 一楼的位置

网易美女设计主管!交互设计菜鸟如何入门?

  大多数新手初次自学设计时有两大难关要过:我适合干这行吗?我该如何入门?带着这两种疑问上路,学习效果很难保证.今天特地分享一篇来自网易美女设计主管的好文,用亲身经历以及多年设计经验,为你解答这两大难题! @刘津legene (网易UED主管):首先是一个自学的同学都会有过的问题-- 我适合干这行吗? "我不是学艺术类专业的,我适合做UE/UI吗?" "我是学艺术类专业的,我想转行做UE/UI,需要学习什么呢?" "做交互设计师,必须要手绘吗?需要学习编程

什么是Responsive设计?制作Responsive设计

文章简介:什么是Responsive设计?有的同学认为Responsive设计是自适应布局,也有的同学认为Responsive是网格布局.其实这些想法都不正确. Responsive Design对于我来说一点都不陌生,从他在这个互联网出现的时候,就一直在观注他的成长,而且在w3cplus站上也分享了很多这方面的教程和资源.由于组织了YY活动在线上和大家分享Responsive的设计,为了能让大家更好的理解,我自己也有必要好好的做一下功课,今天这个就是功课,想和大家一起分享一下Responsiv

用户界面设计——用好的设计替代不好的

原文: User Interface Design – Taking the Good with the Bad 成功的婚姻之关键在于折衷.当事情沿着你不希望的方向发展,在最后,形成的争论却可以为你带来极大的好处.这条定理同样适用于用户界面设计.毕竟,如果婚姻不是形式和仪式又是什么呢? 设计用户界面的过程从根本上就是折衷的训练.这个训练并非指设计者和项目赌注者之间的折衷(可用性从来没被办公室政治利用过),而是指设计方案的倒退和前进之间的折衷.每一个有关用户界面的决定,从一像素的精确定位到整个网站

WEB设计经验 -来自微软设计主管

web|设计|微软 从头衔上,您可能认为我主要关心的是 microsoft.com Web 站点几千个网页的版面设计.的确,这些确实是我所关注的.视觉上的吸引力是重要的,但是这仅仅是工作的一小部分.而最终的目的是确保整个站点运转正常. 我的意思是,人们通常在访问 microsoft.com 时,并未将它当作艺术作品来赞赏.而是为了获得有关产品的信息,或者有一些技术问题需要咨询,或是阅读有关开发商的期刊.所以网站的设计应该尽量清楚和有条理,以便他们能够容易地找到所需信息. 设计站点 在进行 Web