产品设计:《简约至上-交互式设计四策略》下

第五章 组织

组织是简洁化设计的另一个重要措施,是简洁化设计的最快捷的方式。

组织最重要的一点是只强调一两个最重要的主题。随随便便的组织不会让用户注意力集中,只能让他们眼花缭乱,最好的设计是只突出起点和最常用的按钮。

1.分块

把遥控器按钮组织起来、方便操作的有效方式。

分块的经典建议是把项组织到“7加减2“个块中,理论上讲这个数字是人的大脑瞬间能记住的大数目,超过则用户容易忘记,分块越少,选择越少,用户负担越轻。

2.围绕行为进行组织

着手组织之前需要先列用户行为:他们想做什么、先做什么后做什么。

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

3.是非分明

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

简单的组织模式具有清晰地界限-是非分明,这样用户才能明确知道到哪里去找自己想要的东西。因此,多找一些用户,询问他们的分类标准。如果众口不一或难以回答,那么,你就麻烦了。

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

4.字母表与格式

排序的方式有按照字母或格式(文字、图片、视频)排序,字母排序实现不了常考虑格式(例:不知道商品名称叫什么)。

5.搜索

搜索比浏览更容易的说法是错误的,在一次操作中,没有一个人始终会把搜索作为第一个选择。

设计搜索功能比组织内容链接更容易,然而设计简单的搜索界面更困难,搜索界面的排列方式都是经过了复杂处理的,每个搜索结果都与搜索关键词得到了最大程度的匹配。

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

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

6.时间和空间

按照时间来组织活动是一种简单又通用的方式。对于一些持续时间相差不大的活动,按照时间排序是最合适的。某些实体对象则采用按照空间来组织。

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

7.网格

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

利用不可见的网格来对齐界面元素,是吸引用户注意力的一种有效方式。网格越简单,效果越明显。哪怕少数的几个元素没放到位,都会破坏网格布局的引导效果。

网格布局也会让人感觉局促和受压抑,解决这个问题的方式为设计不对称布局。

8.大小和位置

在利用网格来布局界面时,请参考如下关于大小和位置的提示:

1)重要的元素要大一些,即便比例失衡也可以考虑;

2)把相似的元素放在一起;

3)重要的链接与内容一起放在中间位置;

4)触摸界面问题更复杂一些,应用的导航按钮放在屏幕底部,而大屏触摸屏上,导航放在左侧/右侧,具体根据用户常用左手/右手定。

9.分层

防止信息混乱不清的一种方式是感知分层技术。(例如:地铁线路图。)

l利用感知分层技术,可以把一些元素放在另一些元素上方,或者元素并排放置,在感知分层情况下,不一定要把界面严格分割成几个区域。

感知分层实现的方式:颜色、灰色阴影、大小缩放、形状变化。

提示:

1)尽可能使用较少的层。内容越复杂,所使用的分层反而越少;

2)考虑把某些放在常规背景层;

3)尽量让任意两层之间的差别最大化;

4)对于相对重要的类别,使用明亮、高饱和度的颜色,可以让他们在页面上更加突出;

5)对于同等重要的类别,利用感知分层技术,使用相同亮度和大小,但色调要有所区别。

要想知道设计是否成功,可以眯起眼睛来观察屏幕,看是否能区分出不同层。

10.色标

分成信息中的颜色使用了人们的记忆原理,因此给人造成的负担很轻。但是,使用颜色来标记信息的代价却很明显:

1)用户需要花心思来学习、记忆这些标记;

2)临时的访客也许没有时间来学习和记忆这些,使用的颜色越多,学习的时间就越长;

3)将某个环境中众所周知的标记系统借用到本系统,要确保用户能理解,场景不冲突;

4)能确保人们会花时间学习,且重复使用你的设计时,色标系统非常合适。

11.期望路径

不断重复使用软件的流程,看看那个地方总是抓住你的眼球,用眼光瞟你的屏幕布局/仔细观察做同样事情的其他人。(案例:公园总出现不是你设计好的道路出现)

第六章 隐藏

隐藏比组织所拥有的的一个明显优势:用户不会因不常用的功能分散注意力。

无论隐藏什么功能,都意味着你在用户和功能之间设置一道障碍,为了不给用户造成不必要麻烦,必须仔细权衡要隐藏哪些功能。

隐藏部分是一种低成本方案,但是,到底该隐藏哪些?

1.不常用但不能少

那些主流用户很少使用,但自身需要更新的功能,通常适合隐藏的功能。

在寻找要隐藏的功能时,设置通常是首选。

个性化设置不会经常改变,因此非常适合隐藏。

2.自定义

通常不赞成让用户根据自己的需求来自定义界面,对我而言,这样会显得设计人员慵懒,没有主见 。

如果用于自定义的工具很简单,用户只需添加几项即可完成自定义,那么,自定义还是很有价值的。

不应该让用户去自定义他们的软件,文字处理程序的任务就是输入文字,筛选功能决定显隐哪些功能,都是专家级用户的事情。

3.自动定制

有学程序会根据用户的行为自动显隐某些功能。自动定制不会让界面变得更简单,反而会把界面高的很复杂:

1)很难保证默认菜单的准确性;

2)缩短菜单后,用户需要把每个功能看两遍才能确定,延长时间/多余的点击,只会增加用户的反感;

3)用户不知道去哪里找自己想用的命令,因为这些命令的位置可能会变。

4)除非算法很完美(但完美是不存在的),否则通过把自己的界面变得复杂和不好理解而损害用户自信,是错误的做法。

4.渐进展示

一项功能会包含少数核心的供主流用户使用的控制部件,另有一些为专家级用户准备的扩展性的精准控制部件,隐藏掉这些精准控制部件是保持设计简单的不错选择。

对于用户期望的功能,要在正确的环境下给出明确的提示。

5.阶段展示

除了在软件中的某个部分隐藏功能,还可以随着用户逐步深入界面而展示相应的功能。如果所有的用户都会随着搜索的深入而寻找较为复杂的功能,那么就可以使用阶段展示。

登记表单通常使用阶段展示,但需要遵循几条规则:

1)设定一种场景;

2)讲故事;

3)说用户的语言;

4)把信息分成小块展示(颗粒度不能太大/太小)。

向导是一种阶段展示的形式,但却经常违反上述所有规则:不会讲故事、使用术语不给出解释、重点不突出、缺乏场景感、信息块不是大就是小。一旦搞错,用户的感觉就像被推下了滑梯。

在流程中的每一步都符合用户心理预期情况下,阶段展示效果最好。

6.适时出现

尽可能彻底隐藏所有需要隐藏的功能,只有在合适的时机、合适的位置上显示相应的功能。(例:《纽约时报》提供的字典功能在选择单词之后才会显示。)

7.提示与线索

隐藏处理得好的界面会给人一种优雅的感觉:界面中包含的线索尽管细微,却能恰到好处的提示出隐藏功能的位置和作用。

8.让功能容易找到

把标签放在哪里,比把标签做多大要重要的多。研究表明,用户会叮嘱屏幕中的一两个区域,或做出判断后,再开始阅读正文内容,在遇到问题的时候,他们会关注屏幕上的问题区域,所以,就算标签设计的再大,如果未放到用户关注区域,用户也是看不到。(例:《纽约时报》提供的字典功能显示,就算隐藏的再深,但是出现的时候在用户关注的地方。)

保证用户在前进的过程中能够遇到提示,但,不要挡住他们的去路。

9.隐藏的要求

使用隐藏策略必须做到以下几点:

1)隐藏一次性设计和选项;

2)隐藏精准控制选项(例:专家使用的功能);

3)不可过于强迫或寄希望于主流用户只用自定义功能,可以给专家提供这个选项;

4)巧妙的隐藏(先彻底隐藏,再适时出现)。

只要不让人找太久,隐藏就是有效的。

总结前期的讲解:删除不必要的、组织要提供的、隐藏非核心的。

第七章 转移

策略“转移”又叫“骗术”。

如何把产品设计的简单、易用,是一个挑战,不过只要你恰当的把握这个度,这个策略很有效果。设计简单体验的一个秘密,就是把正确的功能放在正确的平台或正确的系统组件中去。

1.在设备之间转移

有些功能在有的平台上简单,而在其他平台上就会变得复杂。

2.移动平台与桌面平台

随着技术的不断进步,移动设备的某些限制也会发生变化,不过,任何设备都有自己的长处和不足。有时候,把某项任务的某些部分转移到不同平台上可能是一种更好的选择。

3.用户转移

制定旅行规划的复杂之处在于对模棱两可情况的处理。但简单的界面把这项复杂的工作留给了用户。

4.用户最擅长做什么

基本型旅行规划程序之所以让人觉得简单,是因为它让用户和计算机各自去做最擅长的事。

让用户感觉简单的一个重要前提,先搞清楚把什么工作交给计算机,什么工作留给用户。

用户指挥,计算机操作,就会给人简单的感觉。

5.创造开放式体验

聪明的设计就是让一个组件具有多种用途。把相似的功能绑定在一起,是一种非常巧妙的简化方式。多合一的功能不一定能完美实现各种用途,但却有明显的优点:找一个功能总比在几个类似功能中选择容易,学习一个功能也比学习几个功能容易,并且维护也更容易。

6.菜刀和钢琴

简单界面的最高境界为专家和主流用户都会感觉非常好用。

开放界面的秘诀在于:尽量减少仅适合中级用户的便捷特性。

7.非结构化数据

让计算机负责完成数据结构化工作,用户体验就会简单多了。

8.信任

如果想把一项任务转移到另一个设备上,必须确保该设备有能力完成。

简单的体验需要信任,计算机之所以搞的用户不舒服,就是因为它们总是控制和指挥用户。

第八章 最后的叮嘱

1.顽固的复杂性

到了设计简单用户体验的最后,不是问“怎样才能把这个功能设计得更简单”,而是问“到底应该把这个复杂性放在哪里”?

这个任务应该是自动化还是由用户控制?

界面中应该包含很多功能特定按钮还是只放通用按钮?

这些任务应该一次完成还是分时间段完成?

这些任务应该让用户有意处理还是无意完成?

2.简单发生在用户头脑中

让软件具有可用性,就是绝对不能超出用户能力范围,简单的体验应该为用户留出足够的空间,让他们能够想象到当前正在做的事情同样也是自己生活的一部分。

不要让你的设计干扰用户的思绪。简单的设计能够为用户留出足够的空间,他们会用自己的生活来填充这些空间,从而创造出更丰富、更有意义的体验。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容