设计只在需要时 —— “暂停”按钮的消失又出现

  很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
  对于现实中的声音播放工具,大家应该不陌生吧。录音机、walkman、CD随身听,虽然这是上个世纪甚至上上世纪的名字,但是也不至于让现在沉溺于虚拟世界的人们彻底忘记(90后除外)。我们只是去回味这些古老工具的播放控制按钮,也是能够品味出优良的设计思想的。

  很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
  对于现实中的声音播放工具,大家应该不陌生吧。录音机、walkman、CD随身听,虽然这是上个世纪甚至上上世纪的名字,但是也不至于让现在沉溺于虚拟世界的人们彻底忘记(90后除外)。我们只是去回味这些古老工具的播放控制按钮,也是能够品味出优良的设计思想的。

“燕舞!燕舞!一曲歌来一片情!”

  不知道大家是否还记得1983年的这句广告词?这句曾经家喻户晓的广告词为我们带来了一个明星家用电器——燕舞牌收录机。

设计只在需要时 —— “暂停”按钮的消失又出现
图1:燕舞牌收录机

  虽说录音机的历史可以追述到19世纪末,但我们这一代中国人熟悉的,应该还是从“燕舞”开始吧。它是一款卡带式录音、放音设备。如何使用这个东东来录音我们不谈,这里需要留意的,是那一排控制按钮:

设计只在需要时 —— “暂停”按钮的消失又出现
图2:燕舞牌收录机控制按钮

  这是左侧主要负责录音及放置母带的卡槽下侧的控制按钮,从左向右依次是:录制、播放、快退、快进、出仓(停止)、暂停。
  当播放在进行时,播放按钮是处于被按下状态的;这时按下出仓按钮,播放按钮则弹起,再次按下出仓按钮,卡槽则打开。所以事实上出仓按钮起到了停止的作用。
  这时暂停按钮更像现在软件上使用的乒乓键,在录音的时候很有作用。可以想象,如果录音的时候没有了这个快捷的按钮,那可能得重复录音很多次,或者总是要彻底停止(要知道,由于物理原因,出仓按钮要比暂停按钮难按的多)。
  多说一句,录制按钮的图标应该是红色圆形,而这些图标至今仍被沿用。

Sony、aiwa随身听

  二十世纪九十年代初,各式卡带随身听在中国大行其道,sony、aiwa随身听更为风靡。

设计只在需要时 —— “暂停”按钮的消失又出现
图3:aiwa牌随身听

  这一类的随身听大多没有录音的功能,而仅仅作为卡带放音使用。从上图顶端的控制按钮可以隐约看出只有四个按钮而已,其实他们分别是:播放、快退、快进、出仓(停止)。而出仓(停止)按钮就是最前端那个大大的按钮了。
  确实,对于卡带放音机而言,“暂停”按钮似乎没有任何作用,而暂停的功能完全可以通过出仓(停止)按钮来搞定。

CD播放时代

  二十世纪末,中国似乎进入了短暂的CD随声听时代,虽然这似乎比sony D50(第一款CD随身听)的诞生晚了十几年。

设计只在需要时 —— “暂停”按钮的消失又出现
图4:sony牌CD随身听(1)

设计只在需要时 —— “暂停”按钮的消失又出现
图5:sony牌CD随身听(2)

  这是sony不同时代的两款CD随声听。
  对于音乐播放而言,暂停的功能始终是需要的。在卡带时期暂停的操作被出仓(停止)按钮所实现,而在CD时期,则必须要有个暂停按钮了。而可以发现,随着技术的进步,按钮的样式的变化使“播放”与“暂停”按钮一体式成为可能。
  顺带一句,可以发现,后一款的CD随身听已经没有了明显的停止按钮,停止的功能已经被“power”键、“出仓”键以及长按“播放”键来代替实现。这里定义的很明确,“停止”代表着彻底终止当前任务。

  其实所谓的“设计只在需要时”也是简洁设计的一部分,其宗旨是不给用户带来更多的认知负担,更方便用户的使用。这可不是指一味的减少按钮,“暂停”按钮的消失和又出现正说明了这一点。需求并没有变化,只是如何更好的表现,更方便用户,而这也正是我们的基本职责。

  • (本文出自Tencent CDC Blog,转载时请注明出处)

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20657/

(0)
CatherineCatherine
上一篇 2017-08-04 03:00
下一篇 2017-08-04 04:40

相关推荐

  • 交互设计延伸阅读:格式塔心理学5项法则的学习与思考

    格式塔心理学5项法则的学习与思考 最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非…

    交互设计WiKi 2015-08-27
  • 独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网版版平(m.toutou.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔手机注单...

    2018-03-15
  • [MUX翻译] Apple TV 人机界面指南

    作者:hexin 新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验。 1 概述 1.1 设计原则 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候…

    交互设计 2015-10-08
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 产品信息架构的思考

    这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了(链接阅读:怎么理解信息架构,什么是信息架构?)。 今天写一下产品信息架构的思考。 任何产品都有信息架构,或繁杂或简单。…

    2015-11-18
  • 十大真实Axure基础案例分享

    小编有话说:本文是我是UE网专栏作者 Wiki 跟大家分享的十个Axure基础案例,另外还赠送大家一个关于axure函数的文档,哈哈,希望对大家的交互设计学习有所帮助。 学习中如任何有问题,可在交互设计IxD学堂群(Q号:…

    交互设计WiKi 2015-05-27
  • 关于交互设计的一些图书网站推荐

    昨日有人在群里提问阿西站长说想读一些关于交互设计图书,阿西站长通过一晚上的搜索和不断的翻阅各种网站,并且结合自己做交互设计的经验给大家汇总了一下适和交互设计人员看的图书和网站。具体如下: 《交互设计之…

    交互设计 2014-11-18
  • 交互译文—清晰度,可读性和可理解性:让用户阅读你的文章

    所谓成本是指:阅读你的文字所带来的长时间、理解内容带来的困惑、混乱的排版所带来的负面情绪等。
    所谓收益是指:阅读你的文字能让我获得的信息内容和质量,以及获得的积极情绪。

    2017-05-31
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • 2018’IIDC信息与交互设计教学研修班开始报名了!

    点击信息与交互设计关注我们!资深教授的专业教学指导+行业专家的实际案例分享力求打造最有深度的课程培训5.10-5.12信息与交互设计专业委员会联合广州美术学院定于5月10日~12日在广州美术学院举办"信息与交互设计教学研修班"。本次研修班将特别邀请清华大学美术学院基础部主任、国家社科基金重大项目首席专家邱松教授就国家社科基金项目申报工作进行详细的解析与交流,同时邀请广州美术学院工业设计学院院长陈江教授;武汉理工大学艺术与设计学院副院长方...

    2018-04-20