[ 项癿 ] 雅虎音乐盒播放器! [ Time:2006-11-07 13:42:00 ]  
就来到Yahoo一年所做的项目来说,这个音乐盒是最符合我口味的。从构想、试验、合作都是比较完整的。与zkj这䠷的高手合作也是一种享受,当然不是噠为兠段js程序,而是那种面对灵感时创作的激情,面对技术困难的那种溠视与高傲⾿/div>
我是对音乐盒的UI进行设计,我把它设计成为了金色和暗色的䠷子,并取了一个比较另类的名字:Yellow Mask.
视觉上ソ/div>
我尽量保持了主要显示空间与主要的控制按钮用黄色,暗色配合作为空间的分割,尽量突出主控按钮。让用户一目了然的看清自己可以干什么,该干什么。至于那些视觉上的修饰,都是photoshop的玩闹,不用放在这里赘轿/div>
功能上:
Contral Bar:
整个的功能设想很全面,从提取MP3文件中的图片信息,到抓取kps与hz,为主要显示。配合音乐进行,右边将会有一段3d动画,当然比较简单,易于下载。之后中间是控制区域,分别为播放器的主要功能,左边是音量设置,右边为播放形式:顺序、乱须、单一歌晿/div>
Playlist:
这是本播放器比较出彩的地方。当时我们面对一个困难:就是歌词与播放列表不能同时让用户浏览到,从而减少了这个浏览器的实用性。如果采用TAB切换的办法,必然会影响其易用性。于是我们采用中间隔段拖拽的办法,分别可以显示歌词与播放列表。这䠷既降低了用户的实用门槛,又直观的高速用户本产品的实用方法。在歌曲的播放顺序上,我们采用直接拖拽的办法来控制播放列表的歌曲顺序,直观而有效,尽可能的减轻用户的点击次数。而右边的歌词则采用自动滚动外删配合上下按键的办法⾿/div>
总体来说,UI设计相对简单,其实真正难得在于前端展现程序的架构与互相配合,以及整体性能的考验。。。⾿/div>
不管怎么说,这个Yellow mask是我们对产品易用性的一次思考,如何才能真正减轻用户的实用门槛,这是个问题,不是挂在嘴上说说的。我们还有很长的路要走。我与zkj非常希望音乐盒能成功,毕竟这是我们在“百万个需求”中力挺得项目,以至于zkj都说,如果音乐合失败的话,他都要携带此产品另投他乡了。。。⾿/div>
如果仠想尝试一下,可以点这鈿http://mybox.cn.yahoo.com/player.html?t=2&id=2|
返回 
 Author : Dooky.x     |     Category : My Projects     |     TrackBack : 0      |     Views : 47595      |     Comments : 31
QY - 2010-06-01 04:46:00
怎么才能放到自己的雅虎里面,有点晕!!
起乃的 - 2009-07-10 16:11:00
yellow - 2009-06-27 14:45:00
怎样添加歌曲啊 没找到那个JS啊
空键 - 2009-05-21 20:02:00
谁能告诉我咋安装
音乐盒怎么了 - 2009-02-13 11:37:00
我找了快一个小时了 好久不上网了想听听自己喜欢的音乐,鼓捣了半天也没有找的我原来的音乐盒,网站升级没有错,但是怎样改进也得方便大家,不能越改越烦琐是不是
hanyks - 2009-01-02 23:42:00
我也特喜欢。。
规范化 - 2008-11-06 09:33:00
言过其实了,满眼的黄色让人视觉及其不舒服,你是给你自己设计的吗》我是不喜欢。
我爱你 - 2008-06-21 20:13:00
活出个性 才够精彩
&^海豚湾恋^& - 2008-06-15 14:39:00
&^海豚湾恋^&
&^海豚湾恋^& - 2008-06-15 14:39:00
我喜欢
|< 1 2 3 4 > >|  
添加评论:
Name:
figure:
Content:
 
  返回