http://www.damogu.com/
rss
email
twitter
facebook
  • 关于【大蘑菇】

现实和网络的火花——闲聊暂停和播放按钮的设计

no comments
Posted on 七 9 2009 by 大蘑菇

1. 很多现实中的实体产品设计,对于软件和网络设计都有很大的启发。


2.
虽然已经很不错,但我们试试来点新鲜的…

我们看一下网络视频和2款软件播放器的设计,只关注一个细节,那就是暂停播放——其实大家都差不多好因为copy别人的方案是安全保险的办法——二合一按钮。


3.这里的按钮,代表了2种含义,a,告诉用户,快来点我,我可以直接点击哦,b,提示用户,现在是在暂停状态还是播放。问题,就出在了第二点。按钮是可以点击,但是可以代表不同状态吗?

当用户在“电脑死机”“网速极慢”“电脑边的主人更换”的时候,如果这时候是暂停状态,ta看到的将会是:

第一个,pps显示给大家播放按钮(嗯,点击我吧,点击就播放了!),旁边有提示文字“已暂停”(很不错的提示方法,清晰地告诉大家,我现在暂停哦。不幸的是几秒之后就消失了,变成了广告文字)。

第二个,优酷则给你视频左下范围的闪烁暂停按钮和下排操作栏的播放按钮。

设计者希望闪烁的暂停按钮告诉大家:现在是暂停时间哦,可以嘘嘘去了。但是问题是,这个表示状态的闪烁按钮,居然可以点击滴。嗯,我知道,你设计的很巧妙,鼠标移上去,暂停按钮就变成了播放按钮。。。但是,我点击了一个暂停按钮,然后视频就自动播放了,介个嘛。。。。。

第三个,ku6就很老实,给你放置了一个大的播放按钮在视频框内,还有一个小的播放按钮在操作栏。

嗯,这样的话,现在是什么状态呢?暂停还是播放?很显然,设计者认为,当视频栏内出现播放按钮的时候,是可以播放的。。。那么就是暂停状态。。。稍微有点绕,熟悉了就好了。

第四个,qq影音其实和ku6类似,播放按钮,意味着现在暂停的状态。

4.我们看下现实中的产品如何设计“表达不同状态的按键”的吧!

随身听:在播放状态情况下,播放的按钮按下,在暂停状态,暂停按钮被按下

。

做产品,有时候挺好玩。像画画,必须观察生活中的每个细节;像侦探,需要分析每个角色的心理动机;像广告文案,文字要能够直达人心。

观察生活,乐在其中。

ps:同样,既表示操作又表示状态,一样让用户产生困惑的还有类似的下拉箭头和+、-、>等。


Leave a Reply

点击这里取消回复




大蘑菇的产品知识文库

www.damogu.com/wiki, 这里是一些可能用得着的经典文章,产品人士可以补充完善的知识百科,猛击这里进入>>>

欢迎采摘各色蘑菇

新鲜大蘑菇,请辅以思考下锅,避免生食,以防毒害。

蘑菇出品日期

最新鲜的大蘑菇

  • 今天不讲冷笑话
  • 灵活的大象
  • 你能删去韩寒原文,你能删去我们的记忆吗
  • 世界更黑暗,我们却更渴望光明
  • zt小孩子告诉你什么是真爱

RSS 大蘑菇的分享

  • 地球人,你就自卑吧!
  • ADIDAS薄棉夹克 L 190   包邮
  • 对比菲律宾警察,看以色列人是怎么营救人质的!
  • 如果“国学天才”只是一个神话
  • 苹果,细节
  • 别为大公司拼命(译文)
  • 图形计算器诞生记
  • 网易UED,连个Banner都做的这么专业
  • 从团购网站看中国人的创新精神
  • 周鸿袆讲座:互联网软件的微创新和用户体验【上】

各色大蘑菇

  • 未分类 (144)

标签

采蘑菇感言

  • bbs.hz.city166.com 在 今天不讲冷笑话 上的评论
  • 内蒙古旅游 在 zt小孩子告诉你什么是真爱 上的评论
  • 赤峰人才网 在 zt小孩子告诉你什么是真爱 上的评论

微博sina

大蘑菇的友情链接

  • 5班通信录 密码是班主任全拼
  • damogu的sina微博
  • 熊猫孔
  • 看小说有李
  • 青涩高中五班

大蘑菇自己的产品知识文库

  • 大蘑菇的产品文章库

蘑菇之门

  • 登录
  • 文章 RSS
  • RSS 评论
  • WordPress.org

  • 关于【大蘑菇】
Powered by Wordpress  |  Designed by WebTreats