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

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

相关推荐

  • 无限加载的最佳实践-交互&动效

        无限加载允许用户不断的通过滚动浏览大量的内容。它的实现原理就是当你在界面上滚动到离页底一定距离的时候,就会触发加载,在页底加载出新的内容。 这种形式让用户在浏览中不会被打断——当用户浏览到页底时,新…

    2016-06-21
  • 移动界面动效设计的全方位科普指南

    读了这篇文章,你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等,特别全面,强烈推荐收藏学习。

    2017-05-13
  • 交互说明标注工具合集

    最近很多同学在问交互原型里里的标注怎么做的? 其实很多原型工具可以做到例如Axure、justinmind,但是做起来比较慢且不美观。有没有专业的工具呢?这不我们介绍几款常见的产品。   Specctr 首先是由 Onpixel …

    2016-04-06
  • 2017年交互设计的10大趋势

    UI 设计的趋势是变化非常快的,有的时候我们的脚步总是可能慢了一拍。 随着 2016 年接近尾声,Lin. 为大家整理了外网大牛 Jamie Leeson 总结的 2017 年 UI 设计的 10 个重要的趋势。01. 沉浸式的全屏视频Campos Cof…

    2017-08-02
  • APP设计当中不容忽视的20个小细节

    APP设计当中不容忽视的20个小细节如下: 1、一致,一致,还是一致 你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应…

    2015-04-14
  • 坚持梦想选择学UED设计,斩获13K月薪

    达内UI设计,中国UID课程标准制定者当你选择一家餐馆吃饭,你有没有想过是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员够不够勤快体贴?你是否还想去这家餐馆吃?......这一系列发生在你生活中,你留意或不留意的问题, 就是一个完整的用户体验,这种用户体验设计也称作UED。小王是达内UED学员,经过四个月培训,成功成为一名UED设计师,月薪13k。四个月,她如何实现成功?我毕业后一直在一家公司做产品工作,由于一个偶...

    2018-01-31
  • 让用户“看见”,是一种心机行为哦

    让用户“看见”的手段很多,但没有一种是永远成立的。找到和用户习惯或目标匹配的场景和交互行为,才能获得最好且最有效的体验。

    2017-04-29
  • 这些设计灵感,或许可以改变我们阅读新闻的方式

    在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。

    2017-05-14
  • APP界面设计规范编写指南

    在创作阶段设计页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致出现控件不一致,增加返工率,这时候我们需要界面制定设计规范。

    2017-05-05
  • 不要做椅子上的设计师

    事件一:某巨头公司L开会,产品的老大C带头发言:“我觉得吧,用户不会喜欢这个设计、他们……”。相信在各位设计师的工作历程种这种发言都不是第一次听。

    2017-05-28