《简约至上—交互式设计四策略》读书笔记

《简约至上—交互式设计四策略》-20151031

简评:

简约的四个策略是:删除、组织、隐藏,转移。
删除不必要的,组织要展示的,隐藏非核心的,设计要转移的。

A-删除的目的就是聚焦,找到焦点,删除不必要的,达成主流用户目标的核心体验。
B-组织的精髓就是只聚焦一、两个重要的功能,因为多了就不聚焦了,用户就凌乱了,而且重点不突出。体现在:内容组织、布局组织、分层。
C-隐藏的目的就是减少不重要功能对主流用户的干扰。隐藏的关键就是:隐藏不常用但不能少的功能、不对主流用户而是对专家永华提供自定义功能、不关注时看不到,需要时可快速找到。
D-不同平台、不同设备以及用户和计算机之间功能的协作规划, 把正确的功能放到正确的平台或系统组件中 。

————读书笔记————

首先讲删除,删除的目的就是聚焦,找到焦点,删除不必要的,那么什么是焦点呢?达成主流用户目标的核心体验。这里包括了两个要素:一个是用户,我们做产品要区分目标客户,关注主流用户,而不是专家用户;另一个是高优先级的、高需求的目标功能,这是核心,因此繁琐的流程不是核心、不必要的功能不是核心、残缺不全的不理想功能不是核心,更不要说视觉上的干扰更不是核心了。

该删除的干扰用户的减速带总结如下:

减少选择项,降低用户的决策负担
l 选择合适的默认值
l 删除不必要的选项
l 简化选项设计,消除会产生错误的设计

删减文字
l 删除引见性文字,开门见山
l 删除不必要的说明,突出主要内容
l 删除繁琐的解释:描述要精简,减少冗余的描述说明
l 使用描述性链接,如标题本身作为链接比在标题下添加描述性文字链接要清爽。
l 精简句子:文字需要简洁、清晰、有说服力

精简界面设计
l 简化布局,分清主次
l 去掉重复的链接
l 精简按钮和链接的样式,让人容易区分哪些能点哪些不能点
l 减少广告位和广告数量,避免干扰用户

减少视觉混乱
l 使用空白或轻微的背景色来划分页面,而不要使用线条,因为线条在前景上,相对背景来说,前景会更多的吸引人的注意力
l 尽可能少使用强调,不必又加粗、又放大、又变色
l 别使用粗黑线,匀称、浅色的线更好
l 控制信息的层次:如果页面中的信息层次超过了2-3个层次,就会导致用户迷惑。比如说,少用大字体、数字或粗字体,总共不超过3个层次:标题、子标题和正文
l 减少元素大小的变化
l 减少元素开头的变化

这些都可以作为日常设计中的参考。可是删除也不是什么都删,删到让用户无所适从,那就太过了,还有一些不可避免的条款之类的,是不能乱删的。

然后是组织,我们在一开始设计界面的时候,其实常常会碰到这个问题,应该如何组织布局、元素。精髓就是只聚焦一、两个重要的功能,因为多了就不聚焦了,用户就凌乱了,而且重点不突出。总结如下几个点:

内容组织
l 分块:尽可能简单。把项组织到7加减1个块中,这是大脑瞬间能够记住的最大数目
l 分类:界限需要是非分明,使重复交叉最少
ü 按用户分类,根据用户的行为进行组织
ü 按照时间来组织活动
ü 对一些实体对象,用户对于排列方式不会陌生的情况,可按照空间分类进行组织
l 期望路径:不要被自己规划图中清晰的线条和整洁的布局所迷惑;不断重复使用软件的流程,看看哪个地方总是抓住你的眼球。简单的组织,意味着在使用软件时会对什么感觉不错,而不是在规划中看到了什么逻辑。

布局组织
l 利用不可见的网格来对齐界面元素,是吸引用户注意力的有效方式,而不需要明亮的颜色或者动态图片。
l 在不必要的情况下添加颜色来区分标记会导致困惑
l 重要的元素要大,不重要的应该小
l 相似的元素放在一起
l 重要的链接与内容一起放在中间位置
l 应用的导航按钮放在底部,触摸时不会遮挡住屏幕

分层:利用感知分层,将一些元素放在另一些上方或并排起来——地铁线路图
l 借助于颜色,或灰色阴影、大小缩放、形状变化来实现
l 尽可能使用较少的层,层越多越复杂
l 将某些基本元素放在常规背景层,因为一个元素很难放在两层
l 两层之间的差别最大化,选择颜色时不要忘记色弱的用户
l 相对重要的类别使用明亮、高饱和度的颜色来突出
l 同等重要的元素使用相同的亮度和大小,只是色调有所区别

第三个策略是隐藏,我们经常在高级功能、扩展功能的操作上会碰到这一策略的实施,虽然作者不推荐“高级”这个说法,实际上隐藏的目的就是减少不重要功能对主流用户的干扰。隐藏的关键就是:隐藏什么、如何隐藏、如果提示线索。

隐藏哪些功能
不常用但不能少的功能。与用户的目标没有直接关系,主流用户很少使用,但缺少又会无法满足用户的个性化需求,比如“设置”功能。具体如下
l 事关细节
l 选项和偏好
l 特定于地区的信息

实现隐藏的方式
l 不要对主流用户使用自定义的功能,但是可以为专家提供这个选项
ü 用户不会花时间去做这件事情,除非它很简单,或者是功能本身就是一个定制化的产品
ü 自动定制:想要根据用户的习惯来自动定制,隐藏一部分功能,企图改善用户的操作,实际上如果算法不好,目的很难达到,只会让用户的操作更加复杂
l 渐进展示:核心功能+扩展功能结合的模式,对于主流用户显示核心功能,对于专家用户通过提示显示扩展功能的操作
l 阶段展示:随着用户逐步深入界面再展示相应的功能

隐藏与线索:
l 彻底的隐藏所有需要隐藏的功能,只在合适的时机、合适的位置上提示/显示相应的功能
l 将标签放在用户的关注点上,标签的位置比大小更重要
也就是说,隐藏就是让用户不关注的时候看不到,需要的时候能很快找到。

最后讲转移,这就涉及到不同平台、不同设备以及用户和计算机之间功能的协作规划, 把正确的功能放到正确的平台或系统组件中 。不同平台有不同的特点:

移动平台与桌面平台
ü 移动平台适合记录用户的所闻所见和路线
ü 桌面平台适合大量文字操作

用户与计算机:
ü PC擅长精确的保存与计算
ü 用户擅长控制、制定目标和计划

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

推荐阅读更多精彩内容