求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
 
读交互设计使用指南系列
 

2010-06-03 作者:人月神话 来源:人月神话的blog

 

一直在关注淘宝用户体验团队博客的《交互设计实用指南》系列文章,在这里做一个简单的学习总结。

1.操作入口明确:

“操作入口明确”,就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;“明确”指的是入口的视觉感是清晰的、可识别的;“合理”是指入口的出现是符合用户操作逻辑的,适时的。

对于该观点最大的反例就是现在诸多的软件和工具下载软件,各种鱼目混杂的下载链接,让用户找不到入口,让下载到各种浏览器或视频播放类无用软件。这个虽可能是网站本身有意设计如此,也正好作为交互设计的反例。对于入口明确,结合文章的内容,需要考虑如下几点:

  • 强化最核心的入口,弱化其它所有非关键链接或入口
  • 尽量做到不隐藏入口(如右键下拉菜单,双击等),存在隐藏的时候要有明确提示
  • 入口应该醒目,容易识别(增加相应的人机工程测试和界面热点测试)
  • 入口的层次性和向导性(基本不应该增加任何记忆负担),入口应该充分考虑业务操作连贯性

2.有效性和可及性

在交互设计实用指南中,“可及”是一个狭义的概念,是放在有效性下面的,具体解释为“色盲、肢体残疾等特殊人士可以完成基本操作”。更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人。

3.适时帮助

适时帮助,是指在用户使用流程中,在需要的时候能及时地得到帮助;反之,在不需要帮助的时候,不要出现信息干扰。不及时的帮助会造成用户使用进程中断,或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰,影响用户完成任务。

对于该点的重点仍然是要考虑用户的分群和用户的角色,如对于新用户和老用户,对于有IT背景用户和新接触电脑用户,需要的帮助是不同的。所以仍然需要知道的是产品的定位和用户群的划分。因此适时帮助关注重点反而是如何避免信息干扰的问题。对于这点,理解如下:

  • 增加免干扰的各种功能设计(如下次不再提醒checkbox等设计方法)
  • 及时帮助 - 如输入用户名后及时检查是否可用
  • 帮助的热响应 - 只要需要,随时都能够呼出相应的有针对性的帮助功能

4.简洁易懂

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要。在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂。这样用户才能够有效的获取这些信息,并迅速作出决定。

  • 少即是多,提倡使用最少的元素来表达最多的信息。
  • 自然易懂:使用用户语言,少使用专业术语。
  • 简洁、清楚的表达,文字较多要适当断句,尽量避免左右滚屏,折行。
  • 考虑布局,屏幕切分,色彩搭配,行距等多种设置对简洁性的影响。

5.突出重点

在突出重点里面讲到关键的一点即是为扫描而设计,而不是为阅读而设计。在网页信息量日益增大的情况很多时候更应该注意到很多时候都是先扫描,找到重点后才可能做进一步的深阅读。其次为了突出重点,一方面是加大或加色重点内容,一方面是隐藏非重点内容。最后,突出重点是关注用户的主要任务流,即用户快速找到重点后需要进入到下一步的业务操作。

我们所追求的界面或者功能做得简单,不是粗制滥造,而是需要把下在创造更多无用的功能的功夫转变到现有功能的细节上。做出来东西容易,但是把东西做好做精难啊!

6.避免迷路

在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降、任务不能完成,用户流失等。我们可以通过良好的导航系统来避免这个情况发生。好的导航系统可以帮助人们找到在网站中的位置,并帮助他们制定更好的查询策略,增进对内容的理解。在制定解决方案前,先了解他们为什么会迷路:

  • 人们在查询过程中迷失,不知道下一步该做什么
  • 人们可能会在网站中失去方向感,无法回到以前的页面,甚至是首页
  • 人们在在信息系统中偏离了方向,分散了注意力。
  • 人们因众多的、喧宾夺主的信息而偏离了主要任务。

在这一篇里面主要是讲Web信息架构中的导航系统,而要意识到导航的本质仍然是用户行为和业务场景驱动的,导航不能脱离了对业务本身和用户操作行为的研究。而整个导航系统的设计随时都要能够回答我现在在哪里?我从哪里来?我准备去哪里?有了这三点即不可能造成迷路。

7.深广度平衡

其实“深广度”本身并不是一个单一的概念。在网站的信息架构中,有一种组织结构叫做树形结构:网站首页视为链接层级中第一级,与其有从属关系的页面视为链接层级中的第二级,一般称其为二级页面。通过二级页面又可以继续得到第三级页面,依此类推可以得到一个完整的树形链接结构。这样一个完整的链接结构,我们称它为树形结构。

在整个树形结构中,链接的层数被称为网页链接的【深度】(depth)。而在树形结构里,最底层页面包含的页面总数被称为网页链接的【广度】(breadth)。

一个网站的链接深度和广度最好有一个合适的均衡关系,深度过大的网站不利于用户快速获取信息,广度过大的网站则容易让用户在无数并列的超链接面前不知所措。对于深度和广度的平衡,正是和金字塔原理中的金字塔结构的构建思路类似,目的仍然是减少记忆负担,快速定位。

8.一次点击

交互设计一个很重要的目地就是让用户方便快捷的执行任务和完成工作。在互联网产品的交互设计中,尽可能的消除每一个附加工作,做到尽可能一次操作而完成任务。一次操作是个概念,并不是完成任务只能点击一次,而是减少用户操作次数。使之提高工作效率。对于一次点击,结合文章里面的内容,简单再做一个总结:

  • 不用轻易打断用户的操作流(如多层跳窗,多次页面切换等)
  • 多替用户着想,能够少点一次就少点一次(类似radiobutton和checkbox的一些设计思路)
  • 将系统能够自动处理的批量行为留给系统,而不是用户
  • 更好的利用导航将保证用户的任务操作,明晰导航里将详细讲述。

9.别让我思考

当我们访问Web的时候,每个问号(让用户不明白的地方)都会加重我们的认知负担,把我们的注意力从要完成的任务上拉开。这种干扰也许很轻微,但它们会累积起来,有时候这样的干扰不用太多,就足以让我们抓狂。

别让我思考的重点则是真正从用户的心智模式出发去设计产品。在文字,图形,导航,操作,一致性,信息等各个方面改进和提升,减少用户的思考。但是别让我思考也同时要注意适时帮助,不能为了不思考而增加了过载的帮助信息。

对于一些商业类管理软件可以看到,很多时候系统功能是为了效率设计,是存在一定的学习成本的。如何任何功能都为了减少记忆负担而设计,也必定为降低操作的效率。

10.减少记忆负担

一般的短时记忆只能保持二十秒左右,最长不超过一分钟。在这么短的时间内我们能储存多少信息呢?答案是7±2即5~9个项目,平均为7 个项目。根据一般人的短时记忆存储规律,我们把产品给用户带来的记忆挑战或困难叫作记忆负担。这里分为两种负担:产品给与用户的记忆负担,包括产品的内容信息,操作功能等。用户自己的记忆负担,包括自己的个人信息,安全问题答案,输入内容,上次操作行为,操作流程等。为了减少记忆负担,需要考虑的是:

  • 使用常用交互方式和文案,力求简洁(突出重点,简洁,符合习惯)
  • 保持正确的对应关系(通过对应降低记忆)
  • 控制信息量(神奇的数字—7,多数情况,用户记忆信息在7加减2个左右)
  • 帮助用户记忆(默认值,自动记录,历史轨迹,常用功能等)

11.避免出错

让用户知道在一个流程之中,自己已经完成了什么,将要做什么,还有什么没有做和应该怎样做,才能使任务成功,是避免用户出错的很积极的一个应对方式。

让我们摒弃作为设计师的中高级用户视角,深入挖掘用户行为习惯和心智模型,真正从用户的角度去分析使用上可能会出现问题,通过系统的设计去尽量避免错误的发生——“把简单留给用户、把复杂留给自己”。About face3.0 第25章“错误、警告和确认”中讲到一条重要的设计原则:让错误成为不可能。很美好。以此与各位设计同仁共勉之。



从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   


以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计


北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...