在软件中体悟人生 在人生中感悟软件

专注Web项目设计、实现和管理
  博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

【读书笔记】简约至上--交互设计四策略--第5章 组织

Posted on 2012-12-17 21:23  王景  阅读(396)  评论(0编辑  收藏  举报

组织

组织往往是简化设计的最快捷方式。

组织是简化设计的另一个重要策略。

各种各样考虑问题的角度----尺寸、颜色、位置、形状、层次。从这些角度进行选择必须把握一个度。

要记住最重要的一点是只强调一两个最重要的主题。随随便便地组织不会让用户的注意集中,只能让他们眼花缭乱。

最好的DVD遥控器设计只突出起点(开/关按钮)和最常用的按钮(播放、暂停和停止)。

起头总是最难的环节。

 

分块

组织成一小块一小块的。

用户界面设计离不开分块。

有关分块的经典建议是把项组织到“7加减1”个块中。理论上讲,这个数字是人的大脑瞬间能够记住的最大数目。

如果眼前有一个包含10项的列表,很可能会前脚看完后脚就忘了。

人类的瞬间存储空间其实更小----大约只有4项。

让主流用户感觉更简单----分块越少,选择越少,用户负担越轻。

如果用户不是在连续的索引或刻度上查找项,而是要评估一些可能性,那么分块还是最有效的方式。

 

围绕行为进行组织

画出用户的行为有助于理解如何组织你的软件产品。

用户会提出的第一个问题是:“我可以用它来做什么呢?”因此,着手组织之前首先要理解用户的行为:他们想做什么,先做什么后做什么。

人们一般都希望按照某种特定的步骤做事。打乱这个步骤就会造成迷惑,令人沮丧。此时最大的障碍是注册流程和有效性检查。

 

是非分明

好的分类是非分明。

在对一组性质相同的产品进行分类时,确定清晰的分类标准对用户非常重要。

简单的组织模式具有清晰的界限----是非分明。

最简单的分类,通常指的是重复交叉最少的分类方法。

 

字母表与格式

字母表经常会把事情搞乱。

按照字母表顺序排列,其实会把顺序搞乱。

对于专有名词,按照字母表顺序建立索引是没有问题的,因为有一个“准确无误”的词在描述某个概念,否则就应该寻找更好的替代方案。

最简单的方式莫过于按照时间顺序了。

 

搜索

无论是设计还是使用,搜索都比浏览困难得多。

只有在网站没有提供有效导航的情况下,用户才会使用搜索。

浏览的一个不太为人所知的好处在于,当人们看到站点中的主链接,或者界面中的主控件时,他们能够理解当前程序可以做什么。

搜索功能要比组织内容链接更容易。

搜索结果的排列方式都是经过了复杂处理的,每个搜索结果都与搜索关键词得到了最大程度的匹配。

如果你想设计简单的用户体验,那么最好先对内容有效地组织,然后再考虑如何设计搜索。

 

时间和空间

时间线是组织活动的通用方式。

按照时间来组织活动是一种简单又通用的方式。对于那些持续时间相差不大的活动,按照时间顺序是最合适的。

只要用户对排列方式不感到陌生即可。

能够形象地反映密集程度的变化很重要,例如,上下班高峰期的公共交通会非常繁忙。

 

网格

布局是否清晰明了,对于设计能否让用户感觉简单实在是太重要了。

从对齐字段的假想的水平网络格着手,来简化这个表单,同时去掉了标识不同字段块的背景颜色,通过空白间距和想象中的网格线对它们进行对齐和分组。

利用不可见的网格来对齐界面元素,是吸引用户注意力的一种有效方式。

用户虽然看不见有网格,但视觉加上想象会告诉他们“接着请看这里”,根本用不着明亮的颜色或者动态图片。网格越是简单,效果就越明显。

哪怕少数几个元素没有放到位,都会破坏这种网格布局的引导效果。

网格布局也会让人感觉局促和受压制。要解决这个问题,可以设计一个不对称的布局。例如,包含奇数列,或者,可以将少量元素设计成跨在两列甚至三列上。

 

大小和位置

改变球的大小可以表明每项运动都同等重要。

重要的元素要大一些,即便比例失调也可以考虑。

不太重要的界面元素应该小一些。要想办法表现出不同的重要性,否则用户就会被搞迷糊。

把相似的元素放在一起。这一条听起来理所当然,但效果却极为明显。

真正应该担心的问题,是用户能不能轻易地找到想找的按钮。

把应用的导航按钮放在屏幕底部,用户触摸它们时就不会遮挡住屏幕。

 

分层

感知分层的技术。

每条地铁线路都用一种不同的颜色表示,让它看起来好像是位于独立的一层之上。人们在无意的状态下,只会感知到自己关心的那条线路的颜色,将其他的线路排除在意识之外。尽管各条线路在地图上交叉纵横,但不同的颜色可以让读者每次只专注于其中一条。

利用感知分层技术,我们可以把一些元素放在另一些元素上方,或者把两组元素并排起来。

感知分层借助于颜色很容易实现。除了颜色之外,使用灰色阴影、大小缩放,甚至形状变化,都可以实现感知分层。

  • 尽可能使用较少的层。内容越复杂,所需的分层反而能少些。
  • 考虑把某些基本元素放在常规背景层,因为一个元素很难放在两层里。
  • 尽量让任意两层之间的差别最大化。
  • 对于相对重要的类别,使用明亮、高饱和度的颜色,可以让它们在页面上更加突出。
  • 对于同等重要的类别,利用感知分层技术,使用相同的亮度和大小,只是色调要有所区别。

 

色标

要吃很多寿司才能记住每种颜色的含义。

使用色标是一条简化设计的捷径。但是,使用颜色分层与使用颜色标记信息仍然有细微的差别。

分层信息中的颜色利用了人们的记忆原理,因此给人造成的负担很轻。而使用颜色来标记信息的代价却很明显:与任何标记系统一样,需要人们花时间来学习和理解这些标记,因此需要用户花费更多的心思。

 

期望路径

人们并不总是走你为他们铺好的路。

这些不起眼的“期望路径”通常都与铺好的路不一样。

如果你在描述用户使用软件的路径,千万不要被自己规划图中清晰的线条和整洁的布局所迷惑。

不断重复使用软件的流程,看看哪个地方总是抓住你的眼球。用眼光瞟你的屏幕布局!仔细观察做同样事情的其他人。

简单的组织,意味着你在使用软件时会对什么感觉不错,而不是你在规划中看到了什么逻辑。

--------------------------------------------------------------------------------------------------------------------

    【读书笔记】简约至上--交互设计四策略--第1章 话说简单

    【读书笔记】简约至上--交互设计四策略--第2章 明确认识

    【读书笔记】简约至上--交互设计四策略--第3章 简约四策略

    【读书笔记】简约至上--交互设计四策略--第4章 删除

    【读书笔记】简约至上--交互设计四策略--第5章 组织

    【读书笔记】简约至上--交互设计四策略--第6章 隐藏

    【读书笔记】简约至上--交互设计四策略--第7章 转移

    【读书笔记】简约至上--交互设计四策略--第8章 最后的叮嘱