百度空间 | 百度首页 
 
查看文章
 
Metacafe Pro产品设计分析
2007-05-10 15:01

Metacafe Pro产品设计分析
大智-2007-5-10

这是去年秋天做的一个文档,雪藏一年了,一直没敢拿出来,心理上有点顾虑,把别人的产品从里到外扒拉个遍,想干什么啊?万一人家急了咋办?其实,想干什么理由很简单,向高手学习,向旗帜看齐。好东西就要大家齐分享,不要怕被人看。再说了,一篇看后笔记,仅仅是个人理解和一家之言,也不存在泄密的问题。顺便给Metacafe做做广告,让广大中国网民也来尝尝老美的视频大餐,于人于己都有利。另外,看看人家老美做的事,多牛!也好让我这个学生知耻而后勇。

http://www.metacafe.com/
这是他的网站首页,这里有客户端程序下载。以下是程序界面截图。

Metacafe是美国一家著名的视频服务的网站,他的口号是“serving the world's best videos-提供世界上最好的视频服务”我要介绍的不是它的网站,而是它的非常好用的客户端程序-Metacafe Pro。

Metacafe Pro可以自动从网站下载最新的视频资源到用户的电脑上,这些行为通常都是在后台进行的,丝毫不影响用户桌面的正常工作。当新资源被下载下来后,在桌面通知区域会有很得体的提示。

这仅仅是一个例子。在使用Metacafe Pro的过程中,获得的非常满意的操作体验是最值得称道的,它的信息架构、操作引导设计得很简单,但很直观、实用而且有效,最令人爱不释手的是很多体验设计上的小技巧,真正的挖掘了用户需求,做得很完善又得体。做产品设计要关注全局,但也不能忽视细节,决定产品的成败往往在细节上。

不仅如此,Metacafe Pro在时间序列上的业务流程设计,屏幕引导、窗口空间定位、对话框设计、输入输出模式等等,所能想到的设计层面的内容,他都做得很完善,不得不佩服人家的敬业精神和设计水平,一个小东西可以做得这么完美。

我不禁想起一个现象,现在很多local公司做产品,总是喜欢去参考、甚至是抄国外的成熟产品,几乎成了公开的秘密。国人很聪明,模仿的本领很强,中国创造不行,中国制造还是可以的,在机器工业领域的模仿水平到了炉火纯青的地步,要不哪来那么多假货?

在信息技术领域,国人依然照搬了机器工业领域的生产、设计和思维模式,这反映了一个国家一个民族在经济社会生活的方方面面的强大惯性。不幸的是,信息技术领域的模仿水平远不如机器工业领域的水平高。我遇到过不少这样的产品经理、项目经理、设计师,一方面,强调模仿,迷信洋和尚念的经好听,一方面,却不懂得怎样去模仿,人家的东西是什么都没搞明白,学都学不像,更不用说超越的。

有这样的项目经理,看人家的东西画了两框图就当规划设计,以为这就是借鉴了,让美工画张皮就可以做编码了,认识只到这种层面,那就差得不是一点点。就算是借鉴,那也只是借鉴人家的皮毛,却得不到人家的精髓,只能看到人家产品的静态,却看不到人家产品的动态;要看动态也不是看一处,而是看全身。看东西不把眼光放大了看,是永远看不明白的。

凡事皆有章法,产品设计也是如此。

有些人,不懂技术还知道尊崇技术,不懂设计却忘记了放下架子,简直是把无知当奖状。(这种人我见过不少,列位看官中如果有被不幸言中者,请多包含,切勿对号入座)

以下是文档的目录,从目录能看出一个产品设计大概包含哪方面的内容,有兴趣的朋友请给我发email索取全部文档。

---------------------------------------------------------------------------------------------------

Metacafe Pro产品设计分析

目录

一、屏幕信息架构                      5
1.1、       基本布局和屏幕分区               5
1.2、       分区信息架构                      5
1.2.1、系统标题栏和一级信息分类区 5
1.2.2、系统常用标准功能区(系统工具栏) 6
1.2.3、二级信息索引区(频道列表) 6
1.2.4、信息推广和支持反馈区              7
1.2.5、内容列表区                      7
1.2.6、内容展示和播放区                      9
1.2.7、系统状态栏                     10

二、基本操作序列和屏幕引导             11
2.1、       内容索引步骤                     11
2.2、       视频播放                             11
2.2.1、视频播放的操作步骤             11
2.2.2、视频播放的屏幕引导             13

三、其他功能和操作步骤                     13
3.1、       内容上传                             13
3.2、       删除和保存                     16
3.3、       搜索内容                             17
3.4、       定制频道                             17
3.5、       显示/隐藏、添加评论             19
3.6、       发送给朋友                     21
3.7、       内容星级评价                     22

四、菜单                      23
4.1、       系统菜单                      23
4.2、       上下文菜单(右键菜单) 25
4.2.1、频道列表上下文菜单 25
4.2.2、内容列表上下文菜单 26
4.2.3、系统通知区上文菜单 27

五、对话框                      28
5.1、对话框的类型              28
5.2、metacafe的对话框行为 29
5.2.1、用户信息输入              29
5.2.2、系统提示                      32
5.2、       对话框的布局和定位 32
5.2.1、布局                      32
5.2.2、定位                      34

六、交互细节与用户体验              36
6.1、实时的操作导航              36
6.1.1、创造性使用Balloon Tip控件 36
6.1.2、创造性使用Tool Tip 控件              39
6.1、       下载上传进度显示                      40
6.1.1、下载 40
6.1.2、上传 41
6.1.3、不足 41
6.2、在线帮助 42

七、icon 42

八、文本 43

九、用户输入 43

9.1、鼠标 43

9.2、键盘 44

十、指针 44

十-、色彩和风格 45

---------------------------------------------------------------------------------------------------


类别:交互设计研究 | 添加到搜藏 | 浏览() | 评论 (43)
 
最近读者:
 
网友评论:
1
2007-05-10 15:19 | 回复
有雪有肉的做这么丰富,是很不容易的!!! 交流和学习是要放下所有的架子,就是论事的好好学习自己不懂的。
 
2
2007-05-10 15:22 | 回复
这个分析文档我有幸拜读过,确实写得很到位,值得做产品的人员好好学习学习!
 
3
2007-05-11 10:10 | 回复
奇遇老弟,有雪有肉是啥滋味?就雪吃肉是不是太凉了点,呵呵,开个玩笑。
 
4
2007-05-12 17:20 | 回复
索取一份全文学习一下。谢谢!
 
5
2007-05-14 20:56 | 回复
邮件已发,请查收
 
6
2007-05-15 11:08 | 回复
索取,学习。Email:nicexiong@hotmail.com 感谢你无私的分享。
 
7
2007-05-15 16:42 | 回复
学习,谢谢分享 mail:guodan328#gmail.com
 
8
2007-05-16 01:54 | 回复
索取全文资料学习,谢谢。mail: withshare@126.com
 
9
2007-05-16 10:30 | 回复
对这方面非常感兴趣,索取全文档学习。。
 
10
2007-05-16 10:31 | 回复
EMAIL:sonic0828#126.com
 
11
2007-05-16 16:00 | 回复
想要一份全文资料,便以学习,谢谢了。我的邮箱 tubage619#gmail.com 希望以后可以多交流 1
 
12
2007-05-16 16:26 | 回复
向你索取此篇文章的全部资料 邮箱是moss2007#yeah.net
 
13
2007-05-16 22:43 | 回复
请给我发一个份完整的文档,万分感谢!
 
14
2007-05-17 08:06 | 回复
说得好,这是国内普遍现象:一味崇洋,没有自己的东西。希望更多的人看到这篇文章。 请发一份完整文档到: best.think#gmail.com
 
15
2007-05-17 13:55 | 回复
to good 崇洋没有关系,只要不媚洋,决不能唯洋。 洋人的东西好,就值得我们虚心学习,特别在专业技术领域,只要比我强,就值得我学习,不管是洋人还是土人。 鲁迅先生早说过拿来主义。不仅要拿,还要有策略的拿;不能只拿皮毛,关键要拿精髓;拿了光吃不算完,重用的是消化。 这是我最想表达的
 
16
2007-05-18 16:34 | 回复
方便的话也烦请发一份给我。谢谢!
 
17
2007-05-21 14:43 | 回复
想要学习,希望也很索取一份详细文档,帮助我们的工作更细致更规范
 
18
2007-05-22 09:51 | 回复
学习一下谢谢 djjian#hotmail.com
 
19
2007-05-24 23:52 | 回复
如果方便,请发一份全文档给我,谢谢 E-mail:kyo.ares@yahoo.com.cn
 
20
2007-05-28 10:38 | 回复
学习一下 ,劳烦发一份 zhrliu@gmail.com
 
21
2007-05-28 17:34 | 回复
非常感谢您能提供这样的资料。如果方便,请向我的邮箱发送一封全文资料可以吗?firefoxwae@gmail.com
 
22
2007-05-30 22:26 | 回复
方便给我发一份吗?以后可以互相探讨。practisecn@163.com
 
23
2007-08-06 17:52 | 回复
好像来的比较晚,不过希望也能收到一份学习研究 soap.yang@gmail.com
 
24
2007-08-13 13:32 | 回复
希望博主也能发一份给我,谢谢了!!~ addonedesign@163.com
 
25
2007-10-17 13:24 | 回复
来的更晚,能发一份完整文档,大家一起学习
 
26
2007-11-23 09:35 | 回复
实在想细致的学习下,谢谢博主分享~! icefragrant@yahoo.com.cn
 
28
2007-11-25 00:03 | 回复
一直在找一份全面的设计规范学习,谢谢大智的分享。 lvh@richinfo.cn 希望为时不会太晚~~谢谢啦!^-^
 
29
2007-11-28 10:12 | 回复
晴子,邮件已发,IceFragrant给你的邮件老是被退信,可能是邮件地址有问题。
 
30
2007-11-29 15:33 | 回复
谢谢大智了,DD已经收到了。 偶是晴子^_^
 
31
2007-12-02 11:22 | 回复
大智,感谢分享,要一份全面的。 liuyuxi007@hotmail.com
 
32
2008-01-07 13:49 | 回复
感谢分享,请发给我一份,谢谢 gaoweiblue@gmail.com
 
33
2008-01-30 21:36 | 回复
博主有空的话,希望能发一份全面的给我,你的东西非常值得收藏!
 
34
2008-03-14 23:43 | 回复
也请给我发一份,谢:) duanmengnan@gmail.com
 
35
2008-03-24 22:51 | 回复
请给我发一个份完整的文档,万分感谢!我的邮箱是xiangmeila@yahoo.com.cn
 
36
2008-06-23 03:40 | 回复
索取全文挡:acd_tiantian@qq.com 谢谢^O^
 
37
2008-09-24 10:25 | 回复
请给我发一份完整文档,谢谢! 我的邮箱:123557067@qq.com
 
38
2008-10-06 15:35 | 回复
不知道现在还能索取嘛,一直很关注你的blog,比很多只会标榜和空谈的好太多了,不过好久都没更新了,也想要一份完整的文档:liulei@hotmail.com
 
39
2008-10-06 17:56 | 回复
各位朋友,这一年多来我给不少朋友email这篇文档,最近陆续又有一些朋友在索取,谢谢大家的关注和支持!以后我会继续努力和大家共享我的学习成果。考虑到时间有点久,文档内容有些滞后,这是最后一次发送,以后不再提供这篇文档。请见谅!
 
40
2008-10-09 22:06 | 回复
华丽的结尾:)感谢博主将文档发给我,期待你有更好的成果分享给大家。
 
41
2008-12-12 10:51 | 回复
请给我发一份完整文档,谢谢! 我的邮箱:jing19820209@163.com
 
42
2009-02-03 17:12 | 回复
大智的东东值得深入研究有时间也给我一份!163whe@163.com
 
43
2009-04-07 02:20 | 回复
82531813@qq.com 感谢分享
 
44
2009-09-29 14:26 | 回复
值得了解和深入研究,请在闲暇之余,给我一份!hsmbluestar@126.com
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu