按钮的去与留

qvod

在产品设计的过程中,更多的考虑往往并不是还需要新增什么功能。在开发的过程中,总能想到各种各样的新功能,新的想法也不断涌现,偶尔也会遇到一些想当出色的想法。但对于一个产品而言,太多的功能或许并不是一件好事,尤其是那些用户几乎用不到的超前功能,盲目的加上去只会令人产生困扰。这个时候,我们更需要的就是对产品做减法,去掉那些不必要的功能。但是减法,往往更是一个令人头痛的问题。

其实个人一直觉得,“简单”和“简洁”是两个不同的概念。简洁更多的是一种可以被看到的,更倾向于界面的设计风格方面;而简单,则是一种难以被直接看到的,贯穿了整个产品设计中的思想。

按钮

从新版本的快播4.0开始,我们在界面上作出了巨大的努力,使用了与以前截然不同的设计风格。第一眼看过去,不得不承认,新的UI在视觉方面做的极其出色,连我都已经很难挑剔什么了。可是,为什么总觉得好像这个界面里,缺了点什么东西呢?是的,那就是“上一个/下一个”的按钮。

pn

对于几乎所有的播放器来说,上一个和下一个按钮的两个箭头,几乎都是必不可少的标准配置。尽管根据做出的调查来看,并不是所有用户都会用到这个按钮。

于是,考虑到界面整体的平衡,或者准确的说,出于视觉设计方面的一些原因,在当前版本中,这两个按钮就从默认界面中消失了。

 

一款拨号程序

在继续之前,先让我们去看一下另外一款软件:友录通讯录。

aisaiban734

图片为网上找到的塞班s60版截图

</

友录是一个著名的第三方拨号程序,有许多出色的设计,是我比较喜欢的拨号软件。这个软件有许多独特的设计,包括对联系人名单的补完、快速搜索拨号记录等功能,比系统自带的那个要强出许多。但是看上面这张拨号时的截图,是不是少了些什么?是的,那就是最常见的”*”和”#”字键。

从使用的角度来说,*字键和#字键,在拨号的时候确实没有什么使用到的机会,毕竟几乎没有什么电话是需要用到这两个键的,而在通话中需要用到这两个键的时候,也会有一个独立的“拨号键盘”出现。这样看来,对于普通用户而言,完全没有什么机会用到”*”和”#”这两个键。相反,重新改造的拨号界面,会更有效的利用原有的按钮,创造更强的功能。这应该是一件利大于弊的事情。

但是对于Android来说,情况有些不同。”*#*#4636*#*#”对于安卓用户而言,已经是再熟悉不过的代码了,只有在拨号的时候拨这个,才能够进入系统的一些隐藏的高级设置。好在对于一个还在更新的软件而言,这并不是什么困难。只要再新增的按钮中,根据系统的不同,添加一些常用的功能性拨号,就可以圆满的解决这些问题。

一切看起来都很完美。但是经过不断的更新,他在不知不觉中又变了回来。

ss-0-320-480-160-3-45d4c0b04e7d73babdcb449b7eaacd1b7614fafe

新版本中,他又将”*”和”#”字键,重新加了回来。看似很出色的设计,既没有破坏界面整体的风格与平衡,也有效的增强了程序的功能,为何要改过来?究其原因,无外乎一点:给用户带来了不必要的困惑

对于普通用户而已,带有”*”字键和”#”字键的标准拨号键盘布局,已经非常熟悉,甚至可以说完全能背下来。对于这样的一套已经是唯一标准的布局,任何的改动,都会增加用户的学习成本。面对这样一个新的界面布局,用户需要花费时间去思考,”*”和”#”这两个键去了哪里?尽管从行为模式上来说,他们现在根本不会用到这两个键。

 

简洁的界面,其根本目的是为了降低用户的学习成本。而这种创新的设计,平白的为用户增加了不必要的学习成本, 与设计的初衷已经背道而驰。

 

Don’t Make Me Think

buch-dont-make-me-think

《Don’t Make Me Think》,标题来自于那本著名的网页设计圣经,可以被直译为《别让我思考》。这本书里提到了许多非常有意义的内容,很值得一看。

让我们回到一开始的话题,关于播放器的“上一个/下一个”按钮。

这个按钮的意义,和之前所提到的”#”和”*”字键,何曾相似。他们都在无意间,平白给用户带来了困扰。唯一不同的是,根据我所作出的调查,“上一个/下一个”功能,还是会经常被用户所使用到的。

 

这就是“简单”与“简洁”的区别。为了保持简洁的风格,去掉一些不常用的按钮,确实是有意义的;但是从用户的角度而言,是否能够保持简单,才是更重要的事情。

按钮的去与留》上有69条评论

  1. 辛德瑞拉

    1、究其原因,无外乎一点:给用户带来了不必要的困惑。

    no,不仅是这个,试想,系统语音(充值、10086等)电话时怎么办?这是额BUG!

    2、新版本的QVOD“下一个”按键处理我能接受,这里的处理并不是去掉,而是弱化了而已

    TT Explorer 4.0 TT Explorer 4.0 Windows 7 Windows 7
    回复
    1. wettuy 文章作者

      :20: 抱歉,看来是我在文章中表述的不够清楚。因为对于Android系统来说,在电话接通后,会有另外一个不同于“拨号程序”的“拨号键盘”,这两个的键位是可以互相独立的

      Firefox 4.2a1pre Firefox 4.2a1pre Windows 7 x64 Edition Windows 7 x64 Edition
      回复
  2. Bleachlei

    Don’t Make Me Think 这本书我很喜欢,给学生们讲课都推荐这本,But 我还没看完。 唉本人设计美术功底太差,设计能力一般 :07: 。

    Google Chrome 12.0.725.0 Google Chrome 12.0.725.0 Windows 7 Windows 7
    回复
    1. wettuy 文章作者

      :04: 这书确实给力……唉,咱的美术也是不堪入目啊,所以只能做可用性了

      Firefox 4.2a1pre Firefox 4.2a1pre Windows 7 x64 Edition Windows 7 x64 Edition
      回复
  3. EmiNarcissus

    就像前台美工和后台功能实现,有再靓的功能使用者不会用或者不习惯还是白搭呢…~ :16:

    Mozilla Compatible Mozilla Compatible Mac OS X  10.6.5 Mac OS X 10.6.5
    回复
  4. 张不写

    保留用户习惯,用户使用习惯是长久的时间和产品培养起来的,特意的改变要慎重。

    Google Chrome 11.0.696.16 Google Chrome 11.0.696.16 Windows XP Windows XP
    回复
    1. wettuy 文章作者

      :20: 说的是啊,所以每次在用户使用习惯方面的修改都十分谨慎

      Firefox 4.2a1pre Firefox 4.2a1pre Windows 7 x64 Edition Windows 7 x64 Edition
      回复
  5. 小邪

    恩,用户经常很难理解设计者的想法,所以设计者只能尽最大努力配合用户。 :07:

    Google Chrome 12.0.725.0 Google Chrome 12.0.725.0 Windows 7 x64 Edition Windows 7 x64 Edition
    回复
  6. 小明猪

    首先,太多的功能明显不是好事啦,主体与附属还是得分清一些的。

    PS:上一个/下一个,我还是很常用到的.. :20:

    Firefox 3.6.16 Firefox 3.6.16 Windows 7 Windows 7
    回复
  7. sungoku

    *号#号在用一些诸如电话银行之类的场合还是用得上的,之前用全键盘的黑莓,数字输入在非拨号状态下需要同时按切换键才能完成,完全没法用电话银行,杯具的很……

    Google Chrome 9.0.597.107 Google Chrome 9.0.597.107 Windows 7 Windows 7
    回复
    1. wettuy 文章作者

      :07: 抱歉……具体原因可以参见上面的回帖,电话接通后的拨号键盘,和外面看到的是独立的

      Firefox 4.2a1pre Firefox 4.2a1pre Windows 7 x64 Edition Windows 7 x64 Edition
      回复
  8. 8thmouse

    “Don’t make me think ” doesn’t mean “Stay where you are”.

    Opera IBIS 11.01 Opera IBIS 11.01 Windows 7 Windows 7
    回复
  9. 某懒风

    写得很不错,最近正在写一款程序(自娱自乐而已⋯⋯),看了之后收获良多 :21:

    Google Chrome 10.0.648.205 Google Chrome 10.0.648.205 Mac OS X  10.6.6 Mac OS X 10.6.6
    回复
  10. Pingback引用通告: 按钮的去与留 | 安卓眼.AndroidEye

发表评论

电子邮件地址不会被公开。 必填项已用*标注