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

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

相关推荐

  • 百度地图:智能化设计探索,让出行更简单

    出行一直是地图用户的核心诉求。随着移动互联科技的飞速发展,越来越多的出行服务参与到地图用户的生活中,同时也使得用户的出行场景变得复杂多变。但传统地图的出行功能无论从产品还是从用户体验上,大多只满足了用户规划路线、导航驾车等基础需求。所以,探索用户的潜在出行需求,设计贴心的出行服务,让用户的出行更有效率并提升出行体验,是地图设计团队的核心目标。

    2017-05-12
  • 浅谈如何从零学习成优秀的交互设计师

    浅谈如何从零学习成优秀的交互设计师 本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始…

    2014-12-23
  • [高级交互设计教程]如何创建一个信息构架?

    本文译自Donna Spencer所著《A Practical Guide to Information Architecture》,第18章。 本书主要对信息构架及其设计进行了一些入门的理论和实践介绍,其中包含了一些作者自己的方法,和业界采用较多的方法。无论…

    交互设计 2015-01-26
  • 从一次活动设计聊聊交互设计师的3个阶段

    我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

    2017-05-22
  • 交互设计师的60日计划第十七天

    #交互设计师的每日#20150815 雨天和大学最好的朋友的离别,最后一顿饭吃了王品台塑,果然一分价钱一分货。以用户体验为招牌的海底捞告诉我们要排队2小时等位…但是贵的王品台塑不仅立刻有位,服务也要比海底捞更胜一…

    2015-08-20
  • 总结|2017年的5个网页设计趋势

    几何图案与全屏背景图结合、灰色的高级用法、色彩叠加……这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

    2017-05-08
  • 扛住100亿次请求 如何做一个“有把握”的春晚红包系统?(腾讯官方内部技术PPT下载)

    羊年春晚摇一摇活动已经落下帷幕,现在回过头来看看这一全民参与的有趣的活动背后,有着怎样的后台系统?这个系统又是如何被设计与实现出来的?   作者:张文瑞 iotazhang  腾讯 WXG 技术架构部,本文提供PPT…

    2015-11-10
  • 人机交互的四次重大变革【UXRen译#166】

    作者:Frank Diana   |  翻译:Chen Jing,校审:Duke     早在2013年,随着智能手机的普及,我写了一篇文章《下一代用户体验Next Generation Experiences》。文章从动态变化的视角来审视用户体验,会发现忽略基础…

    交互专题 2017-08-07
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • UED沉思录

    Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

    2018-03-15