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

  很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
  对于现实中的声音播放工具,大家应该不陌生吧。录音机、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

相关推荐

  • 瑞昌2018年3.31-4.6一周企业招聘信息及待遇......

    【招聘信息】客服招聘企业:精彩网络科技详细地址:江西省瑞昌市摩恩大厦8楼801岗位要求:女性/中专/技校/1-3年工作经验 /30岁以下职位要求:会办公软件,联系人:范联系电话:18079284619【招聘信息】美容师,学徒招聘企业:汉娜尚妃美容中心详细地址:阳光国际,大唐岗位要求:女性/学历不限/经验不限 /35岁以下职位要求:汉娜尚妃美容中心高薪招聘一、店长2名,底薪2000+提成+业绩+奖金,总工资5000一7000左右二、美容师...

    2018-04-08
  • Axure网页Banner大集合、Banner模板、京东Banner...完整版rp源文件下载

    网页Banner大集合,banner模板、天猫banner、拉勾banner、严选banner...已发布在产品大牛http://www.pmdaniu.com/rp/detail/54529只需完成以下2个任务,即可免费拿到完整版RP源文件:1、打开上方链接地址:在该页面中点赞、下载、转存、好评;2、长按下方二维码,并关注“亮亮原型”微信公众号;最后:将完成的任务截图,发送至QQ邮箱:653390398@qq.com邮件标题请使用“网...

    2018-04-02
  • 用户研究:中国人网购的7个真相-信息图

    在需求和消费之间,永远存在着不对称性。 电商已经改变了中国人生活的方面,而且还将继续扩大自己的影响力。 中国已连续三年成为全球规模最大的电商消费市场。国家统计局公布数据显示,2015年中国人在消费品零售中…

    2016-05-26
  • 做好用户体验,掌握这些要素就够(一)

    我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。

    2017-05-19
  • 用Axure水平菜单做导航菜单原型

    哈喽,"梯子"们好,这么多天都没有更新过Axure的教程了,理由如果是"沉迷吃鸡,无心做教程"未免也太勉强了,额......这个理由好像并不勉强啊,其实就是休息了一段时间。 好了,下面就来介绍一下这几天收集的比较多的"A技",额......Axure的技巧在浏览网页的时候,我们会经常性的点击或者鼠标悬停在"总有一款适合你"的顶部选项,这个就是顶部导航菜单。有的"梯子"就直接从元件库中拖拽一个"矩形"或者"文本标签"直接使用,如下图:其实...

    2018-03-16
  • 卡片式设计,并不能支撑所有的设计需求

    卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前,但是它同样有无法满足用户需求的时候,今天的文章我们就在实战中聊聊这件事。

    2017-05-13
  • 一对一提问!设计师应该如何切入产品设计工作?

    呆呆:经常会收到一些小伙伴提的问题,大部分也都不怎么去回复,除了个别比较值得讨论的我会仔细解答一下。所以就想把那些好问题拿出来,不是对一个人解答,而是与大家一起做一个讨论。

    2017-08-29
  • Hybrid APP 会吃掉微信等应用?

    先看一则新闻:Facebook今天推出了依托在Messenger上的虚拟助手M。这款虚拟助手借助AI+人工的方式为用户提供服务,M背后的人工运营者被称为M trainers,是Facebook公司里的合同工,而非正式员工。除了提供服务,他…

    2015-08-28
  • 从第三代锁屏,看移动端交互设计的未来趋势

    每年的梅花网传播业大展都是传播业界的一大盛事,我们不仅能看到过去一年整个市场和行业的进步与创新;也会看到互联网、移动互联网催生的一系列产品,它们共同预示着未来的发展方向。今年的梅花网传播业大展上,我…

    2017-08-01
  • Mate S、S6 edge+用户交互设计对比体验

    每年竞争激烈的手机市场中都会带给我们消费者惊喜。在配置性能等硬实力愈发相近的情况下,各厂商在外观,材质,以及操作系统包括界面优化,交互设计等方面都下足了功夫,来为消费者提供具有各具特色的使用体验,以…

    2015-11-10