现实和网络的火花——闲聊暂停和播放按钮的设计
1. 很多现实中的实体产品设计,对于软件和网络设计都有很大的启发。
2. 虽然已经很不错,但我们试试来点新鲜的…
我们看一下网络视频和2款软件播放器的设计,只关注一个细节,那就是暂停播放——其实大家都差不多好因为copy别人的方案是安全保险的办法——二合一按钮。
3.这里的按钮,代表了2种含义,a,告诉用户,快来点我,我可以直接点击哦,b,提示用户,现在是在暂停状态还是播放。问题,就出在了第二点。按钮是可以点击,但是可以代表不同状态吗?
当用户在“电脑死机”“网速极慢”“电脑边的主人更换”的时候,如果这时候是暂停状态,ta看到的将会是:
第一个,pps显示给大家播放按钮(嗯,点击我吧,点击就播放了!),旁边有提示文字“已暂停”(很不错的提示方法,清晰地告诉大家,我现在暂停哦。不幸的是几秒之后就消失了,变成了广告文字)。
第二个,优酷则给你视频左下范围的闪烁暂停按钮和下排操作栏的播放按钮。
设计者希望闪烁的暂停按钮告诉大家:现在是暂停时间哦,可以嘘嘘去了。但是问题是,这个表示状态的闪烁按钮,居然可以点击滴。嗯,我知道,你设计的很巧妙,鼠标移上去,暂停按钮就变成了播放按钮。。。但是,我点击了一个暂停按钮,然后视频就自动播放了,介个嘛。。。。。
第三个,ku6就很老实,给你放置了一个大的播放按钮在视频框内,还有一个小的播放按钮在操作栏。
嗯,这样的话,现在是什么状态呢?暂停还是播放?很显然,设计者认为,当视频栏内出现播放按钮的时候,是可以播放的。。。那么就是暂停状态。。。稍微有点绕,熟悉了就好了。
第四个,qq影音其实和ku6类似,播放按钮,意味着现在暂停的状态。
4.我们看下现实中的产品如何设计“表达不同状态的按键”的吧!
随身听:在播放状态情况下,播放的按钮按下,在暂停状态,暂停按钮被按下
做产品,有时候挺好玩。像画画,必须观察生活中的每个细节;像侦探,需要分析每个角色的心理动机;像广告文案,文字要能够直达人心。
观察生活,乐在其中。
ps:同样,既表示操作又表示状态,一样让用户产生困惑的还有类似的下拉箭头和+、-、>等。








