首页 > 其他分享 >《简约至上 交互设计四策略》记录

《简约至上 交互设计四策略》记录

时间:2024-09-09 10:25:28浏览次数:4  
标签:功能 简约 用户 至上 搜索 简单 设计 交互 隐藏

  最近阅读了《简约至上 交互设计四策略 第2版》,特在此做记录。

  简单并不意味着欠缺或低劣,而是说装饰应该紧密贴近设计本身,任何无关的要素都应该予以剔除。也就是说,抛开极简主义,也能成就简单。每当纠结于某个设计时,想一想:“用户在这里真正想干的是什么?”答案就是简单设计的指南针。

  如果想给所有人设定一个愿景,那需要先到用户实际使用你产品的环境中做个调查。实地调查经常会转变你的设计思路。在家里、户外、公司,你的设计都要能适应各种干扰。把复杂性转移到正确的地方,让用户每时每刻都能感受到简单之美。简单的设计能够为用户留出足够的空间,用自己的生活来填充这些空间。

一、话说简单

1)三种用户

  用户可分为三种,其中主流用户占绝对的主体地位,所以主流用户才是你的目标用户。亨利福特之所以能彻底改变汽车行业,是因为他毫无动摇地把典型用户作为自己的目标。福特所有的创新都源自为主流用户制造一部简单实用的汽车愿景。

  1. 专家型:愿意探索你的产品和服务,并提出各种改进建议。
  2. 随意型:有兴趣使用更高级、更复杂的产品,却不愿意接触全新的东西。
  3. 主流型:使用产品的目的是完成某项任务,永远不会学会所有功能。

2)主流用户

  主流用户想要什么:

  1. 主流用户最感兴趣的是立即把工作做完,专家则喜欢首先设定自己的偏好。
  2. 主流用户认为容易操控最有价值,专家则在乎操控得是不是很精确。
  3. 主流用户想得到靠谱的结果,专家则希望看到完美的结果。
  4. 主流用户害怕弄坏什么,专家则有拆解一切刨根问底的冲动。
  5. 主流用户觉得只要合适就行了,专家则想着必须精确匹配。
  6. 主流用户想看到示例和故事,专家想看的则是原理。

  问“用户在这里真正想做的是什么”,意味着要发现用户的深层需求。通过讨论更深层次的、感情上的需求,Things 的开发人员理解了人们需要他们软件的真实原因,因而也促使他们把设计重心放在了满足隐性需求上面。

3)掌控

  首先,用户希望感觉是在掌控自己使用的技术。

  其次,用户希望感觉是在掌控自己的生活。

  用户需要感觉自己掌控着自己的生活——从这种需求出发,还应该更进一步问:“然后呢?”

  以 Things 应用为例,用户的全部需求就是要掌控局面。然后呢?对于使用任务管理程序来说,他们会写下所有的任务。然后呢?表中的任务太多会让他们感到局面失控。然后呢?他们不想同时看见那么多任务,而且眼前的任务都应该是最关心的。然后呢?必须找到一种组织任务列表的轻松方式。

  设计之所以会变复杂,通常是因为某些不重要的步骤挤占了核心特性,或者忽略了为设计提供上下文的步骤。如果想让主流用户感觉拍照简单,就要把拍照按钮做得显眼、好用。

二、简约四策略

  好的产品管理方式能在三类改变中有效地分配时间,无论短期的还是长期的。通过改变分类,可以认识到要做的不同工作,让改变有了可比性。正如聪明的投资者会控制自己的投资组合一样,好的设计团队也能在这三种改变中求得平衡。

  1. 速效方案,快速生效。
  2. 基础方案,会产生巨大影响或让其他改变更容易。
  3. 战略方案,让产品与公司战略及愿景统一起来。

  专业的运动队深知细节的重要性。戴夫 • 布雷斯福德在担任英国奥林匹克自行车队技术总监时很推崇一套理论,他称为“边际效用累加”。他说:“假如把骑行相关的一切都细分,然后每一项都提高一个百分点,那么汇总起来就是巨大的提升。”

  有很长一段时间,作者交给面试者的一个任务就是简化遥控器。几年来,见过很多为简化电视遥控器而设计的方案,大致可分为四大类。

  1. 删除——去掉所有不必要的按钮,直至减到不能再减。
  2. 组织——按照有意义的标准将按钮划分成组。
  3. 隐藏——把那些不是最重要的按钮安排在活动仓盖之下,避免分散用户注意力。
  4. 转移——只在遥控器上保留具备最基本功能的按钮,其他控制通过电视屏幕上的菜单、语音或手势来实现,从而将复杂性从遥控器转移到电视。

  以上就是简约四策略,简单地说就是:

  1. 删除不必要。
  2. 组织要提供。
  3. 隐藏非核心。
  4. 转移复杂性。

1)删除

  美国专门从事跟踪 IT 项目成功或失败的权威机构 Standish Group 在 2002 年发表了一份研究报告,称 64% 的软件功能“从未使用或极少使用”。

  是否最接近用户核心需求。在按照优先级对功能排序时,要记住关系到用户日常使用体验的功能很有价值,但不一定是最常用的功能。与新增功能相比,客户更关注基本功能的改进。

  保留消除用户挫折感的功能。这些功能同样也会受到欢迎,解决这些问题的功能的优先级次之。对于 DVR 来说,能够同时收看和录制几个电视节目确实是比较重要的。

  功能对用户是否真的需要。如果你发现自己(或别人)说:“假如用户需要......”那么只有一个答案:搞清楚这个功能对用户是否真的重要。问一问:“我的目标用户经常会遇到这个问题吗?”不要再“假如”了,还是去发现问题吧。

  聚焦于重要功能。对用户来说,真正重要的是什么?是你的设计能不能解决他的大问题。如果能,那么他就会顺从你,即使你的改变会让他不舒服。删除混乱的要素可以让用户聚焦于真正重要的功能。

  砍掉残缺、不必要、分散注意力、干扰用户的功能。某个功能残缺了,话只说一半,另一个地方还有个类似的功能,都会导致价值打折扣。功能多对于没有机会试用的消费者有吸引力。用户在纠正错误的时候,总会分散一部分注意力,而且感觉遇到了麻烦。

  

  减少选择降低用户负担和思考时间。去掉那些可有可无的选项、内容和分散人们注意力的玩意儿,可以减轻用户的负担,让用户专心去做自己想做的事。如果选择超过了一定的界限,特别是在很多选择都相似的情况下,选择反而变成了负担。

  避免复杂流程。如果在设计的时候只盯住流程,那么结果很可能会创造更多的功能去处理出现的各种异常情况、问题和细节。要想避免这些复杂性,退一步想,把注意力集中到客户的目的上,问自己:“还有其他的解决方式吗?”

  精简文字。多余的文字通常是浪费,用户不会一字不落地看完。他们用眼睛扫视整个页面,只拣其中有意思的词或句子看两眼就不错了。删除引见性文字,删除不必要的说明,删除烦琐的解释。把每一页中的文字删掉一半,然后把剩下的再删掉一半。

  

  不要因为客户需要就增加功能。功能多了之后,通常会导致在其他某些方面做出一些牺牲,而客户则不会考虑这方面的问题。增加功能不一定会让用户体验更简单,反而会导致更多的迷惑。要倾听用户的意见,但不能盲从。

  保存默认值智能预测。聪明的默认值指的是适合大多数人口味的选择。通过分析客户信息(如日志文件),可以找到很多选择默认值的依据。记住一点,当客户再次光顾网站或应用时,他通常愿意以上次离开的状态作为起点。

2)组织

  在重新组织界面时,你会发现有各种各样考虑问题的角度——尺寸、颜色、 位置、形状、层次。但是,从这些角度进行选择必须把握一个度。如果想通过组织的方式来简化设计,要点在于只强调一两个最重要的主题。随随便便地组织不会让用户的注意力集中,只会让他们眼花缭乱。

  分块建议把列表项数量控制在 7 加减 2。理论上讲,这个数字是人的大脑瞬间能够记住的最大数目。如果眼前有一个包含 10 项的列表,那么你可能前脚看完后脚就忘了。

  围绕行为进行组织。着手组织之前首先要理解用户的行为:他们想做什么,先做什么,后做什么。人们一般都希望按照某种特定的步骤做事。打乱这个步骤就会造成迷惑,令人沮丧。要悉心了解用户心中的操作步骤,然后尽全力让流程与各个步骤的顺序吻合。

  确定界限清晰的分类标准。所谓最简单的分类,通常指的是重复交叉最少的分类方法。太多的重叠会导致困惑,但有时候确实无法避免。西红柿是一种水果,不甜,但你会在超市里的蔬菜区找到它们,因此水果和蔬菜这两个类别中必须都包含西红柿。

  按照人们都熟悉的模式来组织信息。有些模式,比如数字序列,是人们早已习惯的,用户想不识别都不行。即便没有模式,用户也倾向于看到模式。通过词语、图片或声音来锚定用户的注意力和期望,是实现简单体验的重要方式。

  按时间和空间组织。对于那些持续时间相差不大的活动,按照时间排序是最合适的。一些实体对象,如酒店和国家之类的,全都可以按照空间来组织,只要用户对排列方式不感到陌生即可。

  聚合相似的元素。把类似的界面元素放在一起,能够有效减少视觉上的干扰因素(如色标、标签或边框),也不必解释它们之间的关系。这样也可以让用户更容易集中注意力。

  感知分层借助于颜色实现。每条地铁线路都用一种不同的颜色表示,让它看起来好像是位于独立的一层之上。尽管各条线路在地图上交叉纵横,但不同的颜色可以让读者每次只专注于其中一条。利用感知分层技术,我们可以把一些元素放在另一些元素上方,或者把两组元素并排放置。

  色标系统适合重复使用的设计。在确保人们会花很长时间学习,而且会重复使用你的设计时,色标系统非常适合,典型的如管理后台的设计模式。

  通过空白间距和网格线将表单对齐和分组。用户虽然看不见有网格,但视觉加上想象会告诉他们“接着请看这里”,根本用不着明亮的颜色或者动态图片。网格越是简单,效果就越明显。

  

  搜索比浏览困难得多。只有在网站没有提供有效导航的情况下,用户才会使用搜索。如果你想设计简单的用户体验,那么最好先对内容有效地组织,然后再考虑如何设计搜索。

  放大重要的元素。重要的元素要大一些,即便比例失调也可以考虑。不太重要的界面元素应该小一些。要想办法表现出不同的重要性,否则用户就会被搞迷糊。如果一个元素的重要性为 1/2,那就把它的大小做成 1/4。

3)隐藏

  隐藏比组织具有一个明显的优势:用户不会因不常用的功能分散注意力。无论隐藏什么功能,都意味着你在用户和功能之间设置了一道障碍。这个障碍可能是遥控器上的塑料仓门,也可能是网站上一连串的点击。为了避免给用户造成不必要的麻烦,必须仔细权衡要隐藏哪些功能。

  不常用但不能少的功能。如果你的网站或应用程序中缺少了这些功能或控件,就会变得太通用,无法满足用户的个性化需求。在寻找要隐藏的功能时,设置通常都是首选。

  不要把界面搞复杂和不好理解。有些程序会根据用户的行为自动显示或隐藏某些功能。自动定制不会让界面变得更简单,反而会把界面搞得很复杂,给用户带来极大不便。如果你每天晚上睡着之后,都会有人把你的衣柜搬到不同的地方,你会作何感想?

  隐藏为专家准备的扩展性的精确控制部件。谷歌的高级搜索功能包括关键字搜索、站内搜索、布尔搜索、仅对特定语言搜索、区域搜索、限定页面链接和文件类型的搜索,支持时间范围、版权限制、关键字优先次序、“安全”搜索和比较搜索。当然,主界面中能看到的只有关键字搜索,其他选项都隐藏起来了。

  随着用户深入界面而阶段展示。用户一开始可能只会使用简单的文本框来搜索,如果效果不好,他还会在结果界面上寻找筛选和排序选项。在流程中的每一步都符合用户心理预期的情况下,阶段展示的效果最好。

  在合适的时机和位置上显示隐藏的功能。过分强调隐藏的功能会导致混乱,就好像把电视遥控器上的按钮藏在玻璃仓盖底下一样。尽可能彻底地隐藏所有需要隐藏的功能,而只在合适的时机、合适的位置上显示相应的功能。

  

  将隐藏功能放在用户关注点区域。根据眼球追踪研究的结果,当用户打开一个新站点时,他会扫视整个屏幕,而当用户专注于一项任务时,他的关注点就会聚焦。研究表明,就算标签再大,如果把它放到了用户关注点之外,用户也看不到。

  应邀探索设计模式。调出高级工具的上下文,能够让用户清楚地知道高级工具与基本工具能够完成类似的任务。界面中包含的线索尽管细微,却能恰到好处地提示出隐藏功能的位置和功用。

  

4)转移

  简化电视遥控器的第四个策略其实是一种“骗术”。只要你能恰当地把握这个度,能把合适的功能(逻辑)转移到合适的设备(角色)上去,这个策略还是很有效的。设计简单体验的一个秘密,就是把正确的功能放到正确的平台或者正确的系统组件中去。

  不同设备的表现不同。RunKeeper 是一个服务,但在不同设备上的表现不同。根据设备的能力, RunKeeper 只提供最合适的功能。虽然同一款应用在不同设备上的功能不同,但整个服务却让人感觉简单。 其中的秘密是让重要的功能触手可得,同时转移那些过度复杂的东西。

  将不太可控的工作转移给用户管理。制定旅行规划的复杂之处在于对模棱两可情况的处理,但简单的界面把这项复杂的工作留给了用户,把复杂性转移到了每一位用户的头脑中。

  让系统完成数据的结构化工作。用户可以用任意格式和人类语言来写邮件。计算机负责发现邮件中是否有需要结构化或进行后续操作的数据。例如程序会在邮件中查找“1-800-654-3001”这样的字符串,然后将它们转换成一个可以点击的链接,在用户的手机上拨出相应的号码。

  人与计算机分工明确。计算机擅长精确地保存各种信息和各类计算,而人喜欢控制结果。用户指挥计算机操作,就会给人简单的感觉。

  将相似的功能捆绑到一起。虽然多合一的功能不一定能完美实现各种用途,但具有明显的优点:找一个功能总比在几个类似功能中选择容易,学习一个功能也比学习多个功能容易,且一个功能更 容易维护。在有些汽车中,给后 挡风玻璃加热的电阻丝,同时也是收音机天线。

 

标签:功能,简约,用户,至上,搜索,简单,设计,交互,隐藏
From: https://www.cnblogs.com/strick/p/18394177

相关文章

  • 【C#生态园】构建交互式界面利器:C#命令行解析库全方位评测
    C#命令行利器:选择最适合你的命令行解析器前言在现代软件开发中,命令行解析器库是不可或缺的工具,它们为开发人员提供了简单、高效地处理命令行参数和构建交互式命令行界面的方法。本文将介绍几个用于C#的优秀命令行解析器库,分别探讨它们的核心功能、使用场景、安装配置以及A......
  • 使用Vue 3和Axios进行API数据交互
    使用Vue3和Axios进行API数据交互在现代Web开发中,前端框架和库的使用越来越普遍,Vue.js便是其中一个受欢迎的选择。通过Vue3引入的CompositionAPI和setup语法糖,我们可以更灵活地组织代码,并提高代码的可读性和可维护性。与此同时,Axios作为一个基于Promise的HTTP客户端,能够......
  • 8章8节:绘制自定义的高质量动态图和交互式动态图
    在数据科学和数据可视化的领域,动态图和交互式图形越来越受到重视,因为它们可以帮助用户更好地理解数据并发现潜在的模式。R语言作为数据分析和可视化的强大工具,提供了丰富的功能来创建这些图形。一、认识动态图动态图,顾名思义,是一种可以随时间或某些变量的变化而动态呈现的......
  • 【Qt】Qt与Html网页进行数据交互
    前言:此项目使用达梦数据库,以Qt制作服务器,Html制作网页客户端界面,可以通过任意浏览器访问。1、Qt与网页进行数据交互1.1、第一步:准备qwebchannel.js文件直接在qt的安装路径里复制即可1.2、第二步:在Qt的.pro文件加载webchannel组件在.pro文件添加如下组件:QT+=c......
  • 短视频app源码,借助轮询优化交互体验
    业务背景在短视频app源码前后端数据交互场景下,使用最多的一种方式是客户端发起HTTP请求,等待服务端处理完成后响应给客户端结果。但在一些场景下,短视频app源码服务端对数据的处理需要较长的时间,比如提交一批数据,对这批数据进行数据分析,将最终分析结果返回给前端。如果采用一......
  • Android 开发避坑经验(2):深入理解Fragment与Activity交互
    在Android开发过程中,Fragment和Activity之间的交互是一个常见的难题,处理不当会引发UI更新问题、生命周期混乱、数据丢失等问题。这篇文章将深入探讨如何避免这些常见坑点,提供可靠的解决方案,并通过示例代码展示最佳实践。1.坑点:Fragment和Activity的生命周期差异......
  • FreeRTOS实现命令交互行的功能
    背景说明:   在实际工作中,有时候我们希望打印系统信息,但是太多信息会导致很乱看不清,或者我们希望设备一般情况下不要打印信息,所以我们的需求就是可以通过发送一条指令给设备,然后设备打印对应的信息。一.添加文件首先將ZNS文件夹中的上述文件复制到自己......
  • 一套简约的qt 蓝色qss方案
    一套简约的qt蓝色qss方案直接使用qss代码QMenu{background:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0rgba(255,255,255,240),stop:0.2rgba(255,255,255,200),stop:0.6rgba(255,255,255,160),stop:1rgba(255,255,255......
  • zTree树形菜单交互选项卡效果实现
    1、添加自定义属性page 2、为ztree每个树形节点,添加点击事件1<!DOCTYPEhtml>2<html>34<head>5<metacharset="UTF-8">6<title>ztree树形菜单的使用</title>7<!--导入jquery核心类库-->8......
  • Unity+QT, 如何把Unity打包出的exe嵌入QT程序中,并且使用Socket进行交互
    文章目录概要前期准备QT与Unity的Socket通信实际应用场景总结概要在VR开发中,常常需要桌面窗口和VR头盔使用者进行交互。通过将Unity制作的VR程序嵌入到QT应用程序窗口中,并使用Socket进行通信,可以实现这种交互。本文将介绍如何实现这一功能。前期准备Unity项目打......