交互设计的简约之道与实际应用

  随着信息过载越来越严重,人们的负担也越来越严重。手机、PC、平板甚至各种穿戴式设备等传递着各种消息,微信、微博等不断蚕食着我们的时间。事实上,很多时候我们已经不堪重负,每天早上当我醒来打开微信的时候,都有着十几条的信息。

  信息的泛滥,在很大程度造成了人们的注意力的分散。现在的移动应用,如果不能在10秒钟内吸引用户,也许再也没有机会了。应用趋向于简单、易上手。风靡世界的愤怒的小鸟、切水果、会说话的汤姆猫,交互方式都简单而且创新,或者手指滑动屏幕,或者只需对着屏幕说话。

  互联网的用户通常可以分为如下三类:主流用户、随意型用户、专家型用户。不同的地点(办公室、家、户外)、不同的场景干扰因素不同,产品的着力点也不一样。但由于我们平时接触较多的热心用户,更多的是属于专家型用户,这也是做产品时常犯的一种错误:为那些专家型用户设计。


  《简约至上》中作者就提出了四条策略来阐述如何让设计更简单:

  删除—去掉所有不必要的按钮,直至减到不能再减

  组织—按照有意义的标准将按钮划分成组

  隐藏—把那些不是最重要的按钮安排在不明显的地方,避免分散用户注意力

  转移—只保留具备最基本功能的按钮,将其他不常用的转移到其他设备


  如上图是DVD遥控器,作者运用这四条策略分别简化后的效果:


  简约策略的实际应用

  删除

  删除策略的核心是,干掉那些分散注意力的因素,聚焦于项目。在确定什么功能该保留、什么功能该删除的时候,遵循如下原则:

  删除—去掉所有不必要的按钮,直至减到不能再减:iPhone和iPad就简化到只有一个Home按键。

  应对用户在使用产品过程中常见的干扰源也是关注核心的一部分:

  看电视时来电话了这是个很常见的干扰,这时候就可以用静音按钮来解决。因此设计遥控器的时候就要通过按钮大小、位置、颜色使得静音按钮明显。

  玩手机游戏的时候来电话了,当你接电话的时候游戏都会自动暂停,当重新开始后又会有几秒钟时间提醒你开始玩。

  360浏览器、谷歌浏览器异常关闭了,下一次打开时就会询问是否重新打开上一次关闭的页面。

  当客户再次光顾网站/应用,它通常愿意以前次离开的状态作为起点:

  福昕阅读器每次打开同一个PDF文件,显示的都是第1页,与此形成对比的是手机QQ阅读浏览器则每次打开的都是上次阅读的页码。

  Chrome、猎豹等浏览器支持启动时继续浏览上次关闭浏览器时在看的网页

  去除干扰源,不让用户分心

  印象笔记出了一款chrome插件—悦读,用来去除与阅读无关的内容。不少网友都有看有小说被各种弹出广告、浮动广告干扰的经历,当选中文字进入“悦读”模式可以屏蔽所有的广告,同时提供了夜间模式,避免夜晚的时候屏幕过强的光线刺激用户眼睛不能专心阅读。

  组织


  分块越少,选择越少,用户负担越轻。

  按照有意义的标准将按钮划分成组:

  Word上作为一款文字处理应用程序功能很强大,但也由此带来了非常多的功能,但通过分块地方式很好地将类似的功能组合在一起。页面上方提供“页面布局”、“引用”、“审阅”、“视图”等菜单,每个菜单根据子项分块组合。当我需要需要插入页眉时,会想到点击“插入”菜单,发现“页眉和页脚”分块下 “页眉”、“页脚”、“页码”三项。不需要毫无头绪地从众多功能中逐个查找了。

  关于分块组合最常见的例子是iOS上的应用,iOS的Table控件本来就有一种是Group风格的。

  微信底部朋友们、设置两个标签都采用了分块的方式来组织信息,将搜索号码、扫描二维码、从QQ好友列表、从手机通讯录查找好友等添加好友的各种方式组织在一起。

  隐藏

  渐进展示:核心功能+扩展功能的模式

  隐藏策略我最喜欢的一个案例是植物大战僵尸(保卫萝卜也采取了这种方式)。植物大战僵尸的引导页面做的非常棒,一开始只提供最简单的道具(隐藏高级的道具),每完成一个关卡就会奖励一个道具,并在下一关卡让你使用。这种渐进式的展示,既通过奖励道具激励用户,又让用户熟悉了道具的特点、用法。

  需要时才显示

  Path在手指上下滑动时会显示好友的头像和信息发布的时间,但一旦停留在某张图片上时(这通常意味着你对这张照片感兴趣),会将头像和时间隐藏起来,让用户聚焦于感兴趣的地方。


  转移

  转移策略的核心转移复杂性,是让每个组件/平台发挥自己的优势:

  iPad和iPhone只有一个Home键,将设置转移到界面内

  在如今的PC和移动应用上大有用武之地。比如手机输入远不如PC便利,微信网页版就允许用户在PC上登录。

  最近豌豆荚新增了“零流量下载”:用户选择想要下载的电影,手机连接PC后PC上的豌豆荚会自动下载。因为手机网络速度慢且资费昂贵,但这对PC而言根本不是问题,所以就很自然地把这类问题转移到PC端。

时间: 2024-09-21 07:51:00

交互设计的简约之道与实际应用的相关文章

交互设计的渐进展开:使产品简约,操作逻辑清晰

文章描述:交互细节中那些变形金刚. 网页中常见一些页面其复杂程度是递进的,类似变形金刚日常保持汽车人形态,遇到战斗场面他们会伸展出四肢抡起武器为自由而战! 在交互设计中我们称这种类似"变形"的情形为"渐进展开".该策略用来应对展现复杂的信息,即只有在用户需要的情况下,才显示信息.适当地使用此设计原则,可使产品简约,操作逻辑清晰.以下举几枚栗子,请大家品尝. 实现"渐进展开"的操作类型基本为四种:分级式分层展现,点击触发,鼠标滑过+点击触发,鼠标滑

交互设计实用指南系列(1) :操作入口明确

"操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口;"明确"指的是入口的视觉感是清晰的.可识别的;"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑.对于产品本身而言,必须有相对应的操作提示

网易美女设计主管!交互设计菜鸟如何入门?

  大多数新手初次自学设计时有两大难关要过:我适合干这行吗?我该如何入门?带着这两种疑问上路,学习效果很难保证.今天特地分享一篇来自网易美女设计主管的好文,用亲身经历以及多年设计经验,为你解答这两大难题! @刘津legene (网易UED主管):首先是一个自学的同学都会有过的问题-- 我适合干这行吗? "我不是学艺术类专业的,我适合做UE/UI吗?" "我是学艺术类专业的,我想转行做UE/UI,需要学习什么呢?" "做交互设计师,必须要手绘吗?需要学习编程

交互设计分析:交互设计是思维过程

文章描述:交互设计是一种思维过程. 最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件? 我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法"说一不二".工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注. 不过,我以为然设计师要少些"匠气",多思考"为什么","怎么做",也就是从"术"

移动应用交互设计趋势:潮流元素的创新设计

文章描述:移动应用交互设计趋势:潮流元素的创新设计. 这两个月在忙产品2012的交互设计,很是感触.记得IM组大家在为2012忙得焦头烂额的时候,产品总监说过一句话:"你看每年的时装发布会,衣服都很夸张,但用到市场时,只会看到发布会上的一两个时尚的小元素--"交互设计也是这个样子吧,每年优秀应用所带来的新的流行趋势,总能把交互设计提升到一个新的高度,站在巨人的肩膀上看得更高望得更远--囧,这里说的并不是贬义的"微创新.纳米级微创新.像素级copy--" 虽然自己能力

好交互设计的标准:将产品方向价值最大化

文章描述:今天参加了UXday9的活动,倾听了百度商业UED的交互设计师Henry的精彩分享.很多生活中的实际案例,告诉我们怎样的交互是个好交互.讨论环节溜号了,跟几位设计师外面聊了两个小时. 今天参加了UXday9的活动,倾听了百度商业UED的交互设计师Henry的精彩分享.很多生活中的实际案例,告诉我们怎样的交互是个好交互.讨论环节溜号了,跟几位设计师外面聊了两个小时. 特别想对主题讨论的问题发发言,写在这里,与大家共同探讨. 问题一:交互设计是视觉设计的进阶吗? Blueui:答案是否定的

互联网产品交互设计:出色的操作入口设计

文章描述:交互设计实用指南系列(1) – 操作入口明确. "操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口:"明确"指的是入口的视觉感是清晰的.可识别的:"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是

优雅的交互设计要有简洁的完整

文章描述:创造优雅的交互设计. 字典上把优雅同时定义为"形式上的优美和婉约",以及"科学上的精确和简洁 "我们相信优雅的设计,至少在交互设计结合了这两种完美. 行云流水般的的交互体验和以简驭繁的设计形式,带给用户的是每个的瞬间的完美体验,能让你感受到整个交互的极致优雅. 优雅的交互设计要有简洁的完整,内在的和谐以及顺应的情感认知.哪怕是出错 ,也要友善并且优雅的表达. ·简洁的完整 著名的野外探险家,野外服饰公司Patagonie的创始人Yvon Chounard

交互设计经验:设计过程中存在太多的矛盾

文章描述:交互设计经验:设计过程中存在太多的矛盾. 在产品团队中经常听到有人表态:"我们要做简洁的用户界面",同时又有另外一种声音传来:"我们要做功能强大的产品".乍一听,简洁意味着用户界面控件精炼,然而少数的交互方式如何表达各类强大的功能?反之,强大意味着功能丰富强劲,必然拥有错综复杂的联系,如何让其界面保持简洁?两者似乎无法共存,这让我突然想到自相矛盾的故事,楚国商人夸耀自己的矛锐利万分,同时自己的盾又坚固无比, "以子之矛,陷子之盾,何如?"