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


    组织

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

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

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

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

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

    起头总是最难的环节。

    分块

    组织成一小块一小块的。

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

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

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

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

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

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

    围绕行为进行组织

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

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

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

    是非分明

    好的分类是非分明。

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

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

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

    字母表与格式

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

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

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

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

    搜索

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

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

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

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

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

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

    时间和空间

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

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

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

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

    网格

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

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

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

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

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

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

    大小和位置

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

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

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

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

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

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

    分层

    感知分层的技术。

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

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

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

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

    色标

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

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

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

    期望路径

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    郁闷的出纳员 平衡二叉树(SBT)
    POJ 3225 Help with Intervals (线段树,区间成段更新)
    HDU 3038 How Many Answers Are Wrong (并查集)
    POJ 1733 Parity game (HASH+并查集)
    POJ 1417 True Liars(并查集+DP)
    POJ 2912 Rochambeau(枚举+并查集)
    UILabel添加发光效果
    TinyMCE integration with phpBB3
    快速重传与快速恢复算法
    TCP的超时与重传
  • 原文地址:https://www.cnblogs.com/a311300/p/2822268.html
Copyright © 2020-2023  润新知