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

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

相关推荐

  • 交互设计那点事儿

      作者:Wiki 当今互联网时代,我们经常会看到视觉效果各种酷炫但却很难用的APP软件或网站。用户看到的部份,虽无可挑剔,但实际体验并不是很好。 用户体验部分,可以从几个角度去阐释: 1、不知道这个是干什…

    2015-03-23
  • 澳洲留学 | 交互设计专业硕士大解析

    📢:1⃣️条信息,足以改变你的未来!欢迎关注本平台交互设计在中国是一个新兴的产业,但是随着中国电子系统对人们生活影响的逐渐扩大,中国交互设计师将面临一个很大的缺口。什么是交互设计专业?1.words 语言语言是互动的最基础部分。人与人之间的互动是通过语言来进行基本交流。人也通过语言与机器进行交流。这里的语言可以是文字形式、语音形式、或动作形式等。在美国,一个好的交互设计师,也是一个很好地copy writer,需要具备良好的语言沟通和文...

    2018-04-06
  • 【交互】做上进的设计师,交互设计大趋势!

    一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。|…

    2017-08-01
  • APPLE WATCH 中文手册:WatchKit使用iOS语言

    WatchKit应用扩展可以使用绝大多数iOS技术。由于应用扩展和应用还是有一些不同,因此某些技术的使用可能会受到限制,或者不受到推荐。下面是决定是否使用特定技术的准则: · 避免使用需要用户权限的技术,比如Core …

    2015-06-15
  • 杜蕾斯158张经典海报设计,你眼中的污都是它的精华液!

    90集PS视频教程,点击下面二维码获取:来源:  LOGO大师(ID:logods)引言:转眼间2017年已经走过了一半,今天大大君扒一下老司机杜蕾斯经过半年“辛苦耕耘”究竟污了多少次。废话不多说,快坐稳,要发车了!杜蕾斯的官博一直以来的形象都是“有点坏、有点情趣,有点流氓”的性情中人。他用轻松诙谐的手法传播普及性知识,特别是每次结合热点的海报作品,都能引发大家无尽的遐想。- 国际特别“日”篇 -#全球OK日# 无论大小,都OK!#世界...

    2018-03-07
  • 界面设计,视觉设计,交互设计之间区别

     设计师 交互设计师  UE是用户体验,UI是视觉设计,IxD是交互设计。  交互设计最开始不是服务于互联网的,是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式,不局限于互联网,好…

    2017-08-02
  • 交互设计师的60日计划第十四天

    精神状态不好,效率略低。 20150812 门槛越高,交互设计师越难被替代 to b的产品相对to c的产品来说,门槛会高很多。做to b产品的交互设计师要了解许多复杂的背景知识,了解完全不熟悉的用户群体,才能开始着手做设…

    交互专题 2015-08-20
  • 交互设计 | 做设计你怎能不了解心理学?

    以用户为中心的设计7个原则:(1)应用存储于外部世界和头脑中的知识(2)简化任务的结构(3)注重可视性,消除执行阶段和评估阶段的鸿沟(4)建立正确的匹配关系(5)利用自然和人为限制性因素(6)考虑可能出现的人为差错(7)最后选择,采用标准化今天分享的【主题】什么是无形的设计?【Giver】IHan,自由设计师有形的通常是指硬体的设计,所以像是越来越小的晶片或者你可以做曲面的屏幕之类,那无形的话通常是指它的一些背后的一些科技的发展,或者是...

    2018-05-02
  • 交互干货必收 | App界面交互设计规范

    在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧!

    2017-06-04
  • 干货推荐|40款独特的移动导航用户界面

    越是简易,你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。

    2017-05-20