• 找新知
  • 找服务/产品
  • 找课程
  • 找LIVE
  • 找活动
  • 找达人
搜服务 搜商家
新知一下
海量新知
2 2 4 2 6 6 3

重温经典 | 如何设计简约优雅的产品?(下)

84号设计馆 | 设计觉醒与设计沉淀 2019/11/29 15:24

▲ 图片来源 Uplash @ Roman Bozhko

重读《简约至上-交互式设计四策略》写下一点心得。上篇聊聊「简约之道」,下篇讲简化体验的四个交互策略。

| 本文预计阅读时长 9 分钟

删除不必要的,组织需要提供的,隐藏非核心的,转移放错位的。

用一个简单经典的测试来诠释这四种交互策略。如果你可以重设计这个遥控器,你会怎样去 做?

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

▲ 图片内容来源《简约之上》

思考后画出你的答案,再点击空白区域:

点击下方空白区域查看隐藏内容

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

删除不是一件易事,总有人会告诉你:“小孩子才做选择,我们全都要!”以至于 多数设计师的日常工作中,妥协和让步或已是一种常态。

但产品想要简约,一定要懂得取舍。 所以,在使用删除这个策略的时,往往需要对功能点的优先级有清晰的排序,再加上 胆识和创新去判断取舍 。而这个取舍的艺术贯穿于整个设计流程:

| 需求分析及目标制定阶段

01  从客户声音中取舍

对用户提出的要求做逆向工程,由表及里搞清楚用户的真实问题,再斟酌这些问题是否能够由系统来解决。

02  从功能分析中取舍

拒绝简单功能的叠加,避免产品沦为毫无特色的平庸货。 简单易用和功能强大往往是两个相悖的命题,不应以功能多寡来判定产品价值,而要看产品能否满足用户最高优先级的目标。

比起一味的迭代优化,是否可以尝试改进当前版本的核心体验呢?或是停下来,以一个清奇的思路反观自己产品:为何要留着这些功能?

大胆砍功能 ,这时 一定会有人说:「删除了这些功能或内容会导致已付出的时间和努力白费。」

但根据经济学“沉没成本误区”视角来看,已创建的成本无法收回,因此判定其价值的唯一方式是它还能发挥多少作用,是否会增加额外成本。

03 从设计方案和元素上取舍

审视方案, 而不是单一流程。 设计上的小变化会导致复杂的流程,应退一步寻找更好的解决方案。不要拘泥于界面上的元素或控件,或单纯看某一流程,着眼整个方案,保证所交付的是那些真正有价值的内容。

去掉可有可无,分散注意力的东西。 不要猜测用户的行为,就像一个要远行的人,没有那么多“假如”。太多选择会让用户无所适从,我们要的是让用户 保持注意力 集中 ,完成要做的任务。

| 设计阶段

提供默认值、 消除错误来源 是简化体验的重要思路,确定哪些地方需要错误提示,或检查错误日志找出常见的错误源。

消除视觉混乱,让界面变得干净,没有杂乱的元素。 设计师Edward Tufte 提出的“数据墨水率”的概念,即像素不应该浪费在那些不是内容或者重复的内容上。比如 删除 表格中网格线,只剩下坐标和折线,目的是让用户专注数据和图中的折线。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

▲ 图片来源: https://www.winwire.com/data-visualization/

删减文字

· 删除引导性文字

· 删除不必要的说明

· 删除烦琐的解释

⚠️ 注意: 无需过于担心你砍掉了功能是否会激怒用户, 用户对功能的依赖性是易消除的。 重要的是你的设计能否解决他的大问题。可以的话他就会选择顺从,即使某些改变让他不舒服。

删除得过多会让用户失去控制感,而完全不控制又会引起焦虑。所以, 删除的度是要让用户保有对结果的控制感。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

组织是简化设计的常见方式,无需过大投入,也无需面临像删除那样艰难的抉择。可以说是最快捷的一项策略。常见的组织方式:

| 架构层

01 分块组织

分块 可以将繁琐功能通过分块组织为清晰的层次。心理学7±2人类短期记忆可存储的最大数目。分块越少,选择越少,负担越轻。

02 依照顺序进行组织

但如果内容有一定的顺序(刻度或连续的索引),分块就不是必须。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

▲ 比如通讯录,以人名首字母顺序排序

03 分类组织

好的分类是非分明

· 依据行业标准来做分类

· 重复交叉最少的分类

| 西红柿是蔬菜还是水果?

04 围绕用户行为进行组织

如果有典型用户群,或是目标群体有重叠或类似的目的,就应该按用户行为进行组织。 常会借助用户体验地图,分析出用户期望路径,便是软件的组织逻辑。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

▲ 图片来源:Pinterest

05 其他组织形式

搜索与浏览。 浏览功能在设计和使用起来都要比搜索 功能 简单轻松,但是如果系统没有设定合理的导航或是类似项过多(如音乐类查找曲目),这种情况更推荐搜索。 如果想要简单的体验,先对内容进行有效的组织,再考虑设计搜索。

时间相差不大的事件按时间组织; 地图、酒店、国家,按照空间组织, 有些情况需配以图表反映空间上某些内容的疏密情况。

| 展示层

除了从逻辑架构层面进行信息组织外,在信息的展示层面,可从 尺寸、颜色、位置、形状、层次 入手组织。需把握一个原则: 只强调一两个重要的主题。

01 通过大小和位置组织

大小比例原则: 如果一个元素的重要性为1/2,那就把它的大小做成1/4。

相似性原则: 将相似元素放在一起。在重要位置上突出核心功能操作,并要注意触屏的一些禁忌,比如左右手问题,覆盖住屏幕的问题等。

02 通过网格组织

利用不可见的网格保持界面布局的清晰。 但同时网格布局会让人感到局促、死板和受压制,解决这个问题可以设计不对称布局。

03 通过感知分层进行组织

感知分层是借助颜色、形状、大小缩放、投影来产生感知分层。 如地铁图——人关注的路线在视觉的最高层。

04 使用通用类颜色标示组织 ,用户几乎无学习成本。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

隐藏的优势:省空间、简化、用户更专注。而劣势是要多一层,麻烦。所以常常要去权衡到底该隐藏哪些功能。这和前面 删除」策略的 处理思路是一致的 ,你要决定哪些内容要做隐藏。 唯一的差别在于隐藏的内容仍保留,只是纵向加深了层级。

常见情况: 不常用但不能少;比如产品信息(更新信息/版本号/帮助等)/选项和偏好(设置/语言或单位切换)/特定地区信息

| 常见的隐藏处理手法

01 阶段展示

信息切块。 如表单太长就会过于复杂,切的太细碎又显得麻烦。 当每个块必须完整且自成一体,就可以进行阶段展示。

如何 凸显 阶段展示的效果?我们可以 在每个阶段中利用讲故事的手法、强调场景感、突出重点、使用用户语言,以保证流程中的每一步都符合用户心理预期。

02 渐进展示

包含少数核心的、供主流用户使用的控件,另有一些扩展性控件留给专家用户。对用户期望的功能,需在正确的环境下给出明确的提示。

| 如下图知网的搜索与高级搜索

成功的隐藏是彻底隐藏,然后在合适时机和位置显示。

| 彻底隐藏,适时出现

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

▲ 图片来源:中国知网官网截图

03 提供提示与线索, 如苹果官网主要以图片和重要新闻为主,技术规格隐藏在链接中。

⚠️ 注意:不好的设计是不懂得取舍的平铺,而隐藏处理得好会给人一种优雅的感觉:界面包含的线索尽管细微,却能恰到好处地提示隐藏功能的位置和功用。

删除不必要的,组织需要提供的,隐藏非核心的。 只要不找太久,隐藏就是有效的。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

简单体验的秘密就是把正确的功能放在正确的平台或正确的系统组件中去。

| 设备间转移

计算机擅长存储与计算,人做规划和决策。 产品做太满会喘不过气,太少又不完整。决定权交给人自己。分清楚什么样的任务适合交给机器处理,什么类型的任务可以转移给用户。

比如有些手机/可穿戴设备用于记录与监控数据,电脑端用来浏览数据。所有设备都有长短处,我们应该思考不同设备最基础的优劣,看复杂性是不是放错了位置。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

非结构化数据自动处理。 表单是典型的结构化数据,为了保持某种格式以让程序处理起来更方便。

但物理世界中,人的交互方式往往是非结构化的,所以,计算机应该自动发现所展示的内容是否可结构化或在结构化后提供后续操作。 力图做到开放、人性化。

| 向用户转移

创造开放式体验及多用途产品 (相似功能绑定)。让用户自己定义成功,让其发挥想象力,实现目标,产品提供的是工具和技术辅助。

“我们那常常把用户当作孩子。但在保护用户不受错误干扰下,或说应该让他们自己找出解决方案的时候,我们习惯剥夺他们自己的决定权。”

构筑信任,维系关系。让用户专注于选择和指挥。让计算机专注存储和计算。

新知图谱, 重温经典 | 如何设计简约优雅的产品?(下)

关于复杂性

处理复杂就像是打地鼠。 顽固复杂性原则(Larry Tesler):任何应用程序都会有一些无法消除的复杂性。关键问题在于:谁会面对这些复杂性(用户/开发人员/设计人员)有时候不是问怎样设计更简单,而是问到底把这个复杂性放在哪里。懂得将复杂性转移到正确的地方。

关于细节

缺少细节可能是灾难性的。 很多人或许质问:花费半天时间解决下拉菜单问题为用户节省几秒时间,有必要么?用户不止一个,而是数以千计,甚至百万。每个用户几秒或许累计起来就是几年。花上半天重新设计一个解决方案,看似微不足道,也许可以把千万次愤怒的用户投诉消弥于无形。

关于简单

软件的可用性就是绝对不能超过用户的能力范围。 但人总是想拥有更多的信息 、更多的选择、更多的功能,这是人的本性。所以我们追求最大化,然后在快要给用户带来麻烦时戛然而止。不要干扰用户思绪。简单设计应该留出足够空间,他们会用自己的生活来填充这些空间,从而创作更丰富更有意义的体验。

更多“设计产品”相关内容

更多“设计产品”相关内容

新知精选

更多新知精选