当前位置：首页 > 工作总结 > 其他总结> 豆瓣FM产品体验小结交互设计

豆瓣FM产品体验小结交互设计

时间：2022-11-09 08:58:33 其他总结收藏本文下载本文

豆瓣FM产品体验小结交互设计（共16篇）由网友“略略略”投稿提供，下面是小编整理过的豆瓣FM产品体验小结交互设计，欢迎您能喜欢，也请多多分享。

豆瓣FM产品体验小结交互设计

篇1：豆瓣FM产品体验小结交互设计

1 以目标为导向，为用户提供优雅的体验

豆瓣FM的用户使用目标是听音乐，当我们进入一个音乐网站，如一听音乐，一般用户的操作流程是搜索浏览-选歌-打开-听歌，如果想换歌还需要反复上面的操作，相对于其他竞争对手产品，豆瓣FM单纯地关注于音乐本身，用户不需要繁琐的操作流程，打开网站的瞬间就有音乐飘入耳朵中，最新版本的豆瓣FM为注册用户提供了私人频道、公共频道和DJ频道，用户可以根据自己喜好进行调频换台，整个完整的操作流程打开网站-听歌-调频体现了产品的收音机隐喻设计理念，更符合用户的心理操作模型，为用户提供了轻便而优雅的使用体验，

2 极简的界面设计，交互的及时响应性

豆瓣的界面设计极为简洁，界面设计只关注音乐本身，整个界面分为四大块，从左到右分别是三个频道、播放器、用户听歌信息及社交分享，去除了其他无关紧要的功能。豆瓣的交互设计多采用鼠标悬停时颜色有变化，提示用户可以操作，响应及时，让用户具有强烈的操作感，播放器设置面板上提供五个操作，右上角是暂停按钮，不过新版的暂停按钮有点小了，每次使用起来很不方便，要是我设计的话，我会把暂停按钮设计的大一点，至少是目前的两倍，

中间播放进度下面是调节声音按钮，这是一个亮点设计，这也是我最爱豆瓣产品的原因，追求极致的简洁，当鼠标悬停在调节声音处时，会自动弹出调节条，用户可以拖动至合适的音量，当鼠标离开时，页面中只剩下了声音的logo标志，保持了界面的简洁。最下面是红心、删除和下一曲按钮，主要是用户听音乐过程中的操作。

3 个性化音乐推送算法

豆瓣的亮点功能是根据用户的收听行为，为用户推送类似或者相近的音乐，这个过程不需要用户过多的参与，用户在听歌的过程中，只需每首歌进行标记诸如红心，删除，还有用户在豆瓣音乐上的社会化行为，比如有哪些音乐标签，喜欢哪些歌手，在听哪些，想听哪些，乐评等。

4 新功能不干扰用户，需要用户渐进式操作

豆瓣为用户提供了分享入口，可以将自己喜欢的音乐分享到豆瓣、微博、MSN、开心网、人人网，这些功能前提都是不干扰用户听音乐，需要用户渐进式的操作。

5 豆瓣的缺点

数据库曲目较少，歌曲重复播放率较高，推送算法还需要改进优化，同一首歌无法连续听一次。

篇2：豆瓣光箱设计交互设计

在Think about usability (1)一文中看到作者提出一个关于豆瓣光箱设计的观点，作者Leechael给出了两张图片

上图是豆瓣现有的设计

下图是作者提出的改进建议

作者Leechael在其文章中这样说到：

第二幅图中的目标是不是比第一幅图中的效果更明显、体验也更好？在不仅是有一个条目的页面中，针对一个特定条目进行操作，光箱效果（lightbox）明显不是一个很好的选择，

我特地拿别人的文章来讲，很自然的我是要发出不一致的声音，

我的观点是豆瓣目前的设计是更好的，当然可以再更好一些，而第二张图片所演示的设计，虽然不错，但在体验上实际并不那么“乌托邦”。

建议提出者Leechael的立足观点是“针对一个特定条目进行操作”的设计，固然从静止的截图看确实如此，但如果从用户完整的操作点击过程来看却不是了。“光箱”从静止状态下是看不出对哪一个指定条目的操作，但用户在操作过程中知道自己刚刚点了什么，“光箱”设计让用户更加专注于当前与接下来的操作，反之这个新提出的建议则可能会让用户在接下来的设计中更容易分心。

交互体验设计之难，就在于交互是个动词，体验设计处理的应该是一个动作，而不是一个静止的平面。交互体验设计之美，也在此处。

本文出自：nihaozzb.cn/635829

篇3：连续性的设计――改善产品的体验交互设计

“当一个人过马路的时候，他在斑马线上是从马路的一端，走到另一端，”

· 我们可以观察到这个过程的变化。

“种子、发芽、最后开花。”

· 种子到开花的过程我们很少会看到，那是因为它的变化速度很慢，需要几周甚至更长的时间。

· 而这个过程通过监拍摄像机快速回放时，我们也可以看到过程的变化。

…

现实世界中，我们所感知的事物变化，都是连续的。

相反

人们制造的科技产品中，却存在很多不连续的体验，比如街边的红绿灯、饮料机…；

在计算机网络中，网页的设计也存在不连续的问题。

需要关注的

在设计一个互联网产品的时候，不仅仅只是考虑界面上的图形表现、布局排版… 其实还需要考虑到体验的连续性。我们应该关注细节，每个可操作的环节。设计师们（产品、交互、视觉设计…）都应该确保每时每刻产品的体验都是完美的。

现实中的连续

“门在打开/关闭时”，我们可以观察到它的变化的。

关闭的门 >打开的门。过程：从下往上收起。

实际的例子，这里是腾讯大厦某一楼层：

过程：从中间往左右收起。

以上例子中，我们可以观察到：门什么时候打开；什么时候可以进去。

现实中的断续

“自动投币饮料机，它的操作让人感知是断续的。”

饮料机的操作步骤：投币 >选择饮料 >拿到饮料

以上例子中，我们只能通过声音判断机器是否正在运作。

如果不再听到机器运作的声音；等了很长时间，饮料还没有出来；那是在说饮料被卡住了？机器坏了？

“红绿灯”

红灯表示停车

绿灯表示通行

驾车在十字路口，我们经常会发现等红灯的人多数时候会在绿灯亮时没注意到，而受到的困扰是后面的车会不断地鸣笛，直到前方的人意识到绿灯已经亮起，可以通行。

发生这个问题在于红灯到变换绿灯的过程，是没有任何过渡或提醒的。大部分都是直接变换。

同样，腾讯大厦的电梯间，没有人可以知道这个电梯什么时候到达该楼层。当想上、下楼时，等待电梯到达是一个很漫长的时间，我试过在中午高峰时期等了半小时，最后放弃改走楼梯。

这里的问题也类似红绿灯：等待电梯到达的过程没有明确的提示，不知道什么时候哪一部电梯会到达。甚至是电梯发生了故障到不了，也不知道。等待时间过长，容易让人产生焦虑。

网页中的连续

flickr批量管理的界面

(访问 www.flickr.com/photos/organize)

Qzone照片上传界面

(访问 Qzone 的相册>上传照片)

Qzone个人中心动态

(访问 Qzone 的个人中心)

以上的例子中，用户在感知这些变化的过程时，可以预知到将发生什么变化。

此外，在Flickr批量管理的界面中可以发现，除了等待过程的动态效果，更多的是，在鼠标经过可操作的位置时，动态效果暗示着区域中有可操作的元素，同时也暗示着如何去操作。

网页中的断续

Qzone导航项切换的时候

(访问 Qzone 的日志)

QQ农场偷菜

(访问 Qzone 的个人中心>QQ农场)

有时候单击偷菜，没有反应；重复单击很多次… 依然显示“可摘”。

以上的例子中，缺少等待过程的提示，容易产生误会，造成重复的单击操作。

连续的好处

· 不打断用户的任务流──每个人都希望他的目标可以实现；用户在每选择一个操作时都希望当前的任务是连贯的。

· 让产品设计更贴心，提高易用性

断续导致的问题

· 断续会让人没有预期、无法预知结果，

· 面对自动售卖机会愤怒、等待红绿灯会不知所措、等电梯时焦虑…

· 网页还没有打开，重复点击刷新。等待时间太长，离开网站。

· 网站的高级功能不知道怎么用

…

网页中为什么会产生断续的界面？

网页的后台运作就好像变魔术一样：

1. 用户激发一个操作── 鼠标单击一个超链接，从导航上的主页切换到日志

2. 发送一个请求到服务器── 服务器收到请求，处理，返回结果

3. 返回一个结果给到用户── 页面内容刷新了

单从技术层面把内容呈现给用户时，则只会有1、3；断续的原因在于，2没有呈现给用户。

如何改善这样的断续变成连续？

简单来说，让“过程”有“提示”动画。

这些过程包括：

· 鼠标经过

· 鼠标单击

· 键盘

等操作行为，包括现在的触摸屏设备。

“提示”动画

Gmail邮箱载入界面

等待过程采用动画的进度形式，减少用户的焦虑；

等待时间过长时有其他的选项，使得产品更贴心。

什么时候需要提示？

对于网页中的时间，大家比较认可的方式：

0.1 秒在该时间内显示反馈结果用户是可以接受的。

1.0 秒是用户保持不间断的思维流的限定时间，用户会注意到这样的延迟。

10 秒是保持用户关注当前对话框的极限时间。

·如果没有特别的信息反馈超过0.1而少于1秒，他们会比较难以忍受。

·对于长时间的延迟，用户会想在等待完成期间处理其它事务。所以需要显示将要完成的时间（通常选择进度条或百分比来表示），不然用户期待会大打折扣。

什么时候需要动画？

· 隐喻的操作──文字链、按钮、某个操作区域（鼠标经过高亮突出可点击）…

· 等待的过程

· 操作的结果──下拉列表菜单单击后展开的抽屉列表、拖动后的位置、删除后将会消失…

另外一个特别的例子：

Mac OSX系统中，最小化窗口时，反应了操作的结果，最小化窗口的位置在哪里：

动态中的微妙设计

Android（htc sense）

单击、选中都采用绿色高光的动态效果。单击某个项目后，动态效果暗示着已经激活并运行了这个项目。

我经常有这样的烦恼：

“我明明点了，怎么没反应？”，重复单击尝试。—— 用户经常不确定是否已经激活了

缺少选项激活过程的提示──没有一个动态效果告知用户：系统正在处理请求。

Ipod

单击、选中都采用蓝色高光的效果。表面上看，和android的操作效果毫无区别。

单击音乐播放，这个过程偶尔需要花点时间等待，它将选中的效果一直呈现。

选中状态的保留，隐喻了选项被激活── 使用中发现，将单击的效果保留可以避免误会。

不用冗余的激活过程提示──大多数人并不会觉得有延迟。一般情况下，加载过程只在几秒之间（可接受的范围）。

如何改善我们的产品？

红绿灯例子中，在红灯到绿灯的过程，添加以下某种方式：

1.最后几秒会闪烁

2.加上倒计时

3.利用声音快慢来告知，也方便了盲人

4.沙漏的形式

Qzone导航项切换的例子，可以添加等待过程的提示，避免用户重复点击或等待时间过长离开。

还有很多需要我们一起思考、探讨的，如何让产品体验更贴心…

篇4：莫说产品，只论体验交互设计

最近因为android4.0的发布，公司上下开展了轰轰烈烈的调查研究，各种体验报告纷至沓来，真真是乱花渐欲迷人眼，但依我看，所谓体验报告大多是包含两部分内容。

一、一份功能清单，或者功能比较清单；二、界面展示。

体验到底是什么元素组成的，有了这两样内容就说清楚体验的问题了吗？

体验≠功能

功能清单有用吗？如果说，产品竞争是通过不断增加、优化功能来进行的，为什么Apple提供比同行更少的功能，却仍旧能拥有最忠实的粉丝呢？

首先，用功能去竞争好比一场军备竞赛，粗狂性的资源竞争，

其次，又是一种同化，抹平你和竞争对手的差异，相当于对手帮你做设计。

良好的体验

取决于是否融入了情感、文化、情景。

停止关注“产品”

你的焦点应该在于人。人们希望达成什么样的目标？这种活动如何融入人们的生活？请学会转换你的视角。

你要去发现的

体验战略、差异化、解决了用户的那些诉求

先这么多，good night！

VN:F [1.9.3_1094]

篇5：有关产品创新交互设计

德鲁克所阐述的创新机遇之七大来源：

一、意料之外的事件;

二、不协调的事件——现实状况与设想或推测的状况不一致的事件;

三、基于程序需要的创新;

四、每个人都未曾注意到的产业结构或市场结构的变化;

五、人口统计数据(人口变化);

六、认知、意义及情绪上的变化;

七、新知识,包括科学和非科学的

要做的事情是：

1、有目的、有系统的创新从分析机遇着手；

2、创新必须多看、多问、多听，既要关注数字，也要关注人；

3、创新必须简单有效，目标明确；

4、有效的创新始于细微之处；

5、成功创新的目标是取得领导地位，

有关产品创新交互设计

，

避免的事情是：

1、不要太聪明；

2、不要过多花样，不要分心；

3、不要为未来进行创新。为现在进行创新！

创新的三个条件是：

1、创新是工作，要把创新当做工作那样去对待；

2、创新者必须立足自己的长项；

3、创新必须与市场紧密相连，以市场为中心，以市场为导向。

德鲁克最后提出，企业家和创新者要做“保守的创新者”，“成功的创新者都相当保守，他们不是专注于冒险，而是专注于机遇。

原文链接：jary.findesign.cn/?p=3208

篇6：产品&设计&色彩交互设计

设计师得到产品设计需求的时候，经常会碰到一个色彩的选择问题，产品经理最初也可能会提一些自己的意见，如

A：我觉得做一个蓝色的不错，就做蓝色的吧！

B：喜庆一点的，红色没错的！

C：这个颜色太压抑了，亮一点怎么样

D：这一块颜色好花啊！

作为设计师应该怎么去回答呢？

先简单分析一下ABCD,4位所要表达的潜台词，

A：对该产品从个人主观或个人经验所做出的色彩上的推荐

B：喜庆的！而不是真的要求用红色或者其他

C：设计图的感觉偏移了产品初衷和产品气质，觉得这不是想要的

D：主体不突出被干扰

在最早设计的时候，我一般都会问产品经理最终要求，产品表现需要达到的目标和效果，而不是讨论色彩排版细节，这样才能先找到根本，避免CD所出现的情况，早期对产品的理解，对后期设计过程有着重要的指导意义！只有理解产品价值，然后通过正确的方法，就能准确定位产品色系，不会出现大的偏差。

色彩定位方法论, 准确定位色彩方法有很多，如色彩心理选择法、图片映衬法、调查问卷数据分析法等多种形式,下面简单讨论一下常使用的几种方法:

1.色彩心理选择法

我们视觉所感知的一切色彩，都具有色相、明度、和纯度三种性质。不同的色相明度纯度，给人不同的心理印象，色彩上从心理感受的大方向到小方向的细分，逐渐无限的接近最适合用户心理的色彩区块，

根据色彩心理属性来筛选色彩，大家都知道，色相就是色彩的相貌，如红、橙、黄、绿、青、蓝、紫、色相在心理上有强烈的冷暖的区分，

如红、橙、黄让人想到阳光、火焰和太阳给人温暖的感觉即暖色系，青、蓝、让人想到大海蓝天，给人清爽凉快的感觉即冷色系，在设计的时候最早考虑的是产品气质和宣传效果，需要给人什么样的心理感受。

如果需要给人热情、活力的感觉就选择暖色系，如果需要给人冷静、高雅、庄严的话就选择冷色系，进行第一轮的筛选。

第一轮筛选后，比如选择的是冷色系，也就是色环右边的绿蓝紫区间，然后根据产品气质和色彩心理进行匹配缩小选择范围，调整小范围的色彩偏向，明度饱和度的微小差别，最后找到和接近最适合的色彩！

2.图片映衬法

在拟物化场景图片中寻找适合色彩，进行设计，例子：阅读器概念设计过程，虽然图形概念最终没有采用，但是设计过程思考方式可以进行参考。

最早设计的时候寻找了一些读书馆场景图片资料，然后在场景图片中取用3种色值作为软件主体颜色进行设计。

从图片中取用3中色值，进行场景化模拟！

最后实现效果:

3.调查问卷数据分析法

即设计师提出多种色彩方案，以交互常用的调查问卷、用户访谈等方式进行数据收集，根据数据分析进行删选最适合的色彩，这种方式准确率高，缺点就是时间成本和人力成本都消耗比较多！

篇7：产品感悟一二交互设计

蛋王的BLOG八百年不更新，大仙表示很欣慰；大仙的博客好久未更新了，我表示很欣慰；其实我们都很懒，作为“高级打杂”的产品经理，我们确实可以“名正言顺”地说我们很忙，

1、理理我的一些产品经理书籍：

启示录：前段时间，看到很多同行在不同的地方推荐《启示录》，于是果断地下单购买，并满怀期待地等待书送达。书送达后翻了翻，确实不错，然后读故事书般看完了。

人人都是产品经理：这书很不错，入行必备，实战型，有案例，收获不少。可惜的是阿里的色彩太溶，不够典型。

结网：这本书让你明白产品经理应该怎样做，偏理论，入门级读物，看完让你对这个职位有了一些清晰的认识，入行必备。

沸腾十五年:让我看得津津有味，堪称互联网教科书，让你了解互联网这个行业的兴起和趋势，给你一个大局观。最让我感叹的时，看到介绍的一些项目，有我所经历过的，现在看成败，感叹颇多。

很感谢苏杰、狒狒、王坚，感谢他们的总结和整理，对于我们这个新兴的行业提供了一些标准和参照物。

理理书籍，整理后给个推荐指数（凭记忆），也算是给后来人一个参考。

目前在看的一些书籍：《创业邦》《IT经理世界》《谁说菜鸟不会数据分析》《精通web analystics2.0》。关注产品运营、数据分析。

2.功夫在诗外

很喜欢纯银的博客，一些关于行业、心得、沉淀，《运气与浮云》《杂念.职场》《杂念.行业》，这几篇看得心有戚戚焉，

功夫在诗外，产品经理本身就是一段心灵的修炼过程。沟通、思维、决策、分析和解决问题的方法和能力。最近也正在把生活融入产品，把产品融入生活。

最近很少写关于一些工作和技能的文章，技能上已经到了临界点，现在欠缺的是火候，是一份为人处事的出容。

关于工作上的事，也一直在总结。最近积累和总结的一些方向：电子商务、社会化电子商务、产品经理、移动互联网、手机应用商店、WAP产品设计、Symbian产品设计、Android产品设计、Iphone产品设计。这也是最近1年来的最大收获：电子商务和移动互联网。

产品经理需要阶段性的总结和沉淀，我经常隔段时间就会花一些时间来整理自己的一些体会。

3、关于成功

成功的要素：天赋、努力、机遇。自觉得天赋不算很高，所以唯有通过不断的努力来弥补。机遇也有，但是很可惜，去年的2次机会都没抓住，所以现在需要更加的努力，在下次机会来时能做好准备。

做喜欢的事，把工作当成自己的事业。成功，需要厚积薄发，需要等量变引起质变。

有时在想这1年来的得失，最大的收获是进入了移动互联网。1个光杆司令（虽然有电子商务产品经理、无线产品经理、产品助理等3个岗位编制，但人真不好找）支持了公司1整年来的业务，策划了1个WEB站，2个WAP站，2个客户端，前段时间写半年考评时内牛满面。

4.现在&未来

现在，专注产品运营，努力把产品线运营起来。

未来，继续深入移动互联网和APP，这是最好的时代。

篇8：体验淘宝商城之产品评论交互设计

淘宝的B2C平台淘宝商城终于上线啦，我最近一直在体验其产品设计，今天先谈谈其“产品评论”，有兴趣的朋友先去体验下再来看下文，也许会更有心得~ ：P

1. 不管3721我随便找了个产品，到了其详细信息展示页面，直觉告诉我评论一般在最下面，我就快速滚动滑轮到了评论区域：

2. 点击链接准备开始评论，系统打开一个新窗口（辗转到了另外个页面）供评论，有点奇怪~

3. 奇怪归奇怪，我还是按照一般的评论留言方式“填完了空格”，奇怪的事情再次发生了~

当我按下保存按钮，满心欢喜的以为评论即将成功时，页面刷新了下并把视觉焦点弹到了页面顶部，告诉了我“出错了”，我按指示点击了“点击此处查看错误”，弹到了刚才评论的区域，告诉了出错的原因，。。我流下了一滴汗~原来是字数问题，刚才我输入的时候又不说，TNND。

4. 算了，出于人道主义精神，将字数凑足~~可惜。。。再次受挫~~正所谓天将降大任与斯人也，必先XXX。。。

我坚韧不拔的精神支撑下，在没有任何出错帮助或者引导的情况下，我终于想到我可以通过页面最顶上的导航的“[请登录]”来登录。。。我晕~虽然我当时很怕，登录完就回不到这个页面了~~

5. 好吧，还算好，登录完还是可以到这个页面，还算TB有人性-_- ，姐姐我终于有幸将评论发布成功了，

。

6. 内容设计倒还不错，层次挺分明，还有比较人性化的提示评论人是否购买过该产品（发现个小问题，产品or商品？貌似措辞未统一。）

好了完成了整个评论过程，咱总要离开或者是继续购物吧，突然迷茫了，我该怎么回去？

两个画圈处，貌似可以回去，我均尝试了下，那个“首页”还真是名副其实的首页，回到了淘宝商城的首页，这逻辑上真不敢恭维啊，这“产品评论”为何会直接挂在首页下面呢？另外个一看就是回到该被评论产品的产品详细信息展示页面，点了的确是回去了，但又是新开窗口方式，这逻辑上也有问题，用户评完了还要这个页面保留干吗呢，直接本窗口打开就是啦~而且产品详细信息页本来就有这部分评论的内容。

好了，数落完毕！问题不少，但都不是大问题，会让用户迷惑、尴尬，但应该不会对订单的量有什么大影响，不过还是要善待用户啊~~这样蹂躏用户是很不厚道的！！

2 棵小草响应

prower-4月 15th, at 10:39 下午

传说中美女的沙发，嘿嘿。淘宝商城的完善估计还得要等上一段时间吧。

草香。-4月 16th, 2008 at 12:18 下午

是啊，这里写出来的目的不是给淘宝商城的设计找碴，而是记录我对行业的观察~加深印象，提醒自己做产品的时候不要犯同样的错误~另外，希望同行一起讨论，看看有无理解偏颇，共同进步

来自：www.caoxiang.com/index.php/2008/04/15/tbmall_product_comment/

篇9：食品包装的体验设计交互设计

记得曾经过年在老家总会有长辈问起我的工作到底是干什么，通常的解释往往会让他们更是一头雾水，所以我都会找一包易撕的食品告诉他们，以前的食品包装都需要用力将其扯开或者用剪刀，现在这种只需要你在这个小口一撕，就能打开了。我就是努力将网络上类似这样的麻烦事情变得更简单一些。

现在到超市逛一圈你会发现大部分的食品包装都会留一个小口，方便我们撕开。厂商基本上都有这么一些意识了。但大多数的促销商品，超市都会用透明胶带粘在一起，回家非得用剪刀拆。前段时间逛超市，发现健达（Kinder）的促销装的包装设计相当不错，立即买下一包。

巧克力的两侧用易于撕开的粘胶纸粘住，上面清晰的印着“超值装”的字样，

两侧撕掉一条，很轻松的就能拿出一块巧克力。剩下的两块依旧粘在一起。

巧克力的内部包装同样很有心，类似外面“超值装”的易撕包装，轻轻一撕，就可以很轻松的将巧克力拿出来了。

健达的这套包装设计，可以说是相当贴心。德国人对于细节的认真程度可见一般。几张小小的粘胶，可能与我们网站中的很多小的细节一样，并不被多数人所关心。但可能真的就是这么一些小的细节，让客户有着另外的选择。

P.S Kinder的巧克力味道也是很不错的。

篇10：如何量化用户体验交互设计

在一个叫做“老李”的哥们哪里发现了一个很有价值的笔记，保存下来让更多的朋友共享…

用户体验本来是一个非常虚的词,这篇文章里我们主要谈谈如何把这样一个很虚的东西进行量化.让他成为你进行分析研究的依据.

原文 www.sitepoint.com/print/quantify-user-experience

量化用户体验有四个重要因素

1．品牌(branding)

2．可用性(usability)

3．功能性(functionality)

4．内容(content)

这些因素不是独立的，如果独立来说,他们哪个也不能叫“用户体验”

他们是相关联的，一个成功能的网站，离不开这4个因素。

一个客观的衡量和分析工具，能帮助你的客户提供有实事依据的建议。而不是推测的意见和观点。我们在这篇文章中的探讨能帮助你：

1．尽可能的去除你的主观偏好。

2．使具有不同背景的人（设计人员、开发人员、客户）能够在理解网站上有统一的共识。

3．创立与竞争对手网站或者以往的开发相比较的基本规则，为你的客户提供一个对他们网站的优缺点事实依据，视觉上的展示

衡量用户体验

用户体验正如上面所说的4大重要因素。但是我们如何量化和徇这些看似无形的元素呢？

我们把我们的分析分成四部分，每个用户体验元素为一个部分。对每个元素我们创建一系列的描述和参数，有针对性的考查网站。每个描述分类1-X个级别，我们在这个范围内给每个描述打分，等到你完成了第一部分的分析，你应给四个部分的描述分别打分。

文章中的示例分析，在每个元素中仅用了5个参数，因为我们设20分一个档，最大分值为100，在每个元素中如果我们加上另外五个描述/参数每个元素就是10分一个档，下面就是有关每个元素和描述/参数的概要。

一．品牌

用来衡量网站品牌的描述包括：

1．用户为访问都提供了有吸引力的难忘的体验

2．网站的视觉效果与品牌一至

3．图片，附加内容，多媒体内容提供了体验过程的价值

4．网站传达了品牌设定的程度。

5．网站充分运用了这个体能力，加强了或延伸了品牌，

二、功能性

功能性包括所有的技术上的及屏幕之后的流程及应用，它伴随着为所有最终用户提供互动服务。而且有时对公众和管理员都有意义

用来衡量功能性的描述包括。

1．用户及时获得对其查询和提交信息的反馈。

2．深晰的任务过程的告知（比如成功页面或邮件更新提示）

3．网站和应用加上了一般的安全及个人隐私的标准

4．在线功能与离线业务结合

5．网站包含管理工具，加强管理员的效率。

三、可用性

可用性包括一般意义上的对所有网站的内容和特点的易用性。在可能之下的二级主题还包括导航的友好性。他们包括：

1．网站防止错误发生，并帮助使用都从错误中恢复。

2．整体页面侧重应针对主要目标受众优化。

3．网站帮助其访问都达成一般性目标和任务。

4．网站保持其一到性和标准。

5．网站能为有残疾用户提供特定内容。

四、内容

内容指网站的实际内容，文本，图片，多媒体等到，以及其结构，信息体结构。

我们考虑信息和内容是如果根据用户需要和客户业务要求而组织的。

1．连接密度带来的清晰度和简单的网站浏览。

2．内容组织方便了用户实现他们的目标

3．内容及时准确

4．内容与用户需要和商务目标相切合。

5．多语言的综合性内容。

结果：

首先，将每个元素的价值相加，因为每个元素设定了一个最大和为100的量级，我们得到的是一个百分比的分数。最好的方式是通过一个蜘蛛图来展示。

通过分析获得创意。

文中描述的分析和方法的优点在于它们能迎合你的特定客户。可根据需要加入其它考察元素。

这个分析平台使你能在你选取的某一元素中增加权重，比如你的客户是一个生产商，它非常侧重品牌和外观及氛围。毫无疑问你可以修改衡量体系，给予品牌元素更多更好的侧重。给于可通知性少些侧重。

来自：uicom.net/blog/?p=105

篇11：IOS产品的应用设计用户体验常识交互设计

IOS产品用户体验指南（HIG）中定义了IOS产品三种类型应用：一是实用型应用，这类应用可以让用户快速地获取某类特定的信息或某一个固定的任务，比如墨迹天气；二是效率型应用，这类应用范围比较广，需要用户花较多的时间和耐心，产品的功能较复杂，包括了社交网站到电子支付，比如微博客户端、支付宝客户端；三是沉侵式应用，可以用于玩游戏、看媒体等，比如疯狂的小鸟，以下是IOS产品的应用设计用户体验常识内容，以备时刻提醒自己：

1关注产品的核心功能，每屏的主任务

2提升用户关注内容的权重

3自上而下思考，把最常用的信息放在顶部附近

4产品的逻辑，做好一条产品逻辑线

5易用性，减少操作学习成本

6使用以用户为中心的术语

7减少对用户输入的需求，

8弱化设置，如果可以的话，避免在程序中加入设置模块

9搜索要反应迅速

10要在App Store提供精炼的描述

11界面元素要一致

12用最漂亮的图片取悦用户

13处理好方向改变，横竖屏

14让目标符合手指的尺寸，如可触摸元素至少44×44像素的面积

15使用微妙的动画表达，动画式交互设计对用户友好

16恰当地支持手势

17减少模态化任务，实在不行，任务要短暂和简单

18立即启动应用

19随时准备取消任务

篇12：互联网产品的用户体验看着“很美”交互设计

这几年来，我们这个行业一直都在谈用户体验，以用户为中心的设计，“用户体验”是指用户访问网站的界面、功能、相关信息的可读性、操作的方便性，交互性等方面的过程中建立起来的心理感受，用户在产品服务过程中的印象和感觉是否满意等。大家都知道用户体验在产品中的重要性，我们集团各子公司也都建立了UCD流程。借用阿里软件的1张UCD流程图：

点击上图放大

但真正做产品的都有体会，固然大家都知道用户体验很重要，但如果按上图的流程在项目中从头到尾实施起来还是有很多制约瓶颈。特别在互联网行业，互联网产品开发时间短，变化快，高速发展无标准是其特点。项目中时间摆在那，商业利益摆在那，如果不计成本的做下来，项目的pm，pd想必早跳脚了。这让设计师有时候不得不感叹用户体验看着“很美”。左边是用户，右边是商业，设计师需要去保持两边的平衡。当商业需求与用户体验发生冲突的时候，用户体验设计师有时不得不做取舍——用户体验有时必须先满足商业需求，或者屈尊于技术可行性。这就是用户体验设计师不得不面对的现实。。。。。

之前我们部门的分享会上大家讨论过这个话题，怎么去做互联网产品的用户体验？如何尽量好的去达到用户，商业，技术三者的统一？如何快速迭代的开发产品？这边我先抛砖谈谈看法。

首先用户体验师必须去学着了解产品背后的商业背景、读懂BRD,PRD,将产品规划中必须达到的目标和你认为有碍于用户体验的点抽取出来，去挖掘需求背后的目的。

其次UCD流程中一些影响到产品发展的关键点应该尽量去实行。

在概要阶段：用户体验师要把PD需求文档中抽象的功能转化为用户需求。通过选择通过做概念图、信息架构（建立层次逻辑关系）、建立用户场景（了解服务的人群，更好审视产品）等方法来定产品的大方向。

在详细设计阶段：设计有完善交互流程的原型demo（这个阶段如果条件允许可以进行低保真demo的可用性测试，把产品交互上一些问题尽早的暴露出来。）在原型评审后跟进视觉设计。在前端完成页面后，最好进行次高保真的可用性测试，确保不会在开发好后才发现产品有大问题。

点击上图放大

由于很多项目时间紧急，可能都没法进行可用性测试，设计师首先要会审视自己的设计哦！

下面介绍一些基本的可用性原则和规则：

7±2 原则

由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据；然而关于神奇的“7，加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究

2秒原则

一个松散的原则，即用户没有必要对某些系统响应等待2秒以上的时间，比如应用程序转换和开始的响应时间。选择2秒有点武断，但确是一个合理的数量级，

可靠的原则就是：用户等待时间越少，用户体验越好。[可用性优先]

3次点击原则

根据这个原则，如果用户在3次点击中无法找到信息和完成网站功能时，用户就会停止使用这个网站。换句话说，这个原则强调明确的导航，逻辑架构和后续站点的层次结构。在大多数情况下，点击的次数是无关紧要的；真正重要的是，游客总是能知道他们现在在哪，他们去过哪，他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话，甚至10次点击，用户都会觉得OK。

80/20原则（帕累托原则）

帕累托原则（也被称为重要少数法则和因素稀疏原则）指出，80%的效应来自20%的原因。这是商业中的基本经验法则（“80%的销售额来自20%的顾客”），但也可以应用于设计和可用性。举例来说，我们可以通过确定那些贡献80%利润的20 ％的用户、客户、活动、产品或程序，并最大限度地注意对他们适用，来显著提高效应。[帕累托原则在维基百科]

8个接口设计的金科玉律

作为接口设计研究的成果， Ben Shneiderman提出并收集了一些从经验中启发而来，适用于大多数交互系统的原则。这些原则适用于用户接口设计，也适用于网页设计。

争取保持一致性

为老用户提供可用的快捷方式

提供有益的反馈

设计结束功能的对话框

提供简单的错误处理

允许简单的逆转功能

提供控制感。支持内部控制点

减少短期记忆

费茨定律

由保罗费茨（Paul Fitts）发表于1954年，费茨定律模拟了人类活动，以目标距离和目标规模大小为函数，预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动，访客就必须从A点移动到B点。例如，这个规则对于如何放置内容区域，以更实用的方式，最大化内容可及性和提高内容点击率，是非常重要的。

倒金字塔

倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”，新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头，接着是关键点，最后那些次要的细节，如背景资料。由于网络用户需要即时的满足，这种倒金字塔写作风格，对于网络写作和更好的用户体验是非常重要的。就像尼尔森的支持

满意

网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反，他们永远扫描他们认为“足够好”的quick’n"dirty解决方案。在网络中，这种方式准确地描述了用户的满意：用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。

原文链接：ued.alimama.com/?p=81

篇13：产品的价值交互设计

最近一直在想，我能够做什么，怎样才能发挥自己最大的价值，

最近也一直在对比，开发的价值，产品的价值，团队的价值，我的价值。

一直以来的开发经验，一直让自己看不起产品这份工作。

今天看着一片一片死在自己塔防下面的小妖，突然顿悟了。

如果把开发比做小妖， 3个开发，就是这样一个冲刺的小团队：

如果我作为一个开发，加入其中，那就是4个小妖，

生命：280

攻击：20-40

移动：中速

这样一个冲刺小队，初级箭塔倒是能闯过去，碰上点高级货，必定全灭了。

那换一个身份呢？假如产品是具备“鼓舞”技能的辅助职业：

如果我作为一个产品，加入这个冲刺团队，鼓舞同伴，给他们加攻击、护甲、速度和生命。

还有谁能挡住我们的冲刺？

篇14：无线产品规划交互设计

竞争对手分析：开发哪些平台客户端、提供什么功能、内容组成、有什么特色政策优惠、运营推广方式；挑选几个竞争对手做竞品分析，思考对方的产品策略和运营方式，分析产品功能和业务流程。

用户分析：用户群体（移动互联网用户驱动性：草根用户-精英用户，用户使用习惯是不同于PC的）、手机支付用户规模（1.5亿网购用户）、用户需求：把握需求痛点。

市场分析：市场规模、渠道支持、移动支付、

核心竞争力：进入这个行业的优势、SWOT、能够做到多大规模

（3）功能需求

传统的需求包括：从用户需求而来、从运营需求而来、从竞争对手功能而来、从WEB移植过来

WEB产品移植到客户端的基本原则：满足基础功能和核心功能，去除附加功能，而非从WEB端做迁移；考虑手机的特性，如二维码、地理位置，交互特性，做专门的优化，

需求分析后形成功能结构。

（4）业务流程和PRD

用户流程：分析用户进入站点流程图，任务流程图（手机上尽量降低注册流程，如非注册通道；），手机上的流程要区别于PC，为了用户体验做适度优化（考虑手机的交互特性，特别是要遵守平台特性）。

信息架构：导航和信息呈现，直接和一目了然。小屏幕不要想着多放内容塞满，界面排版要简单易懂；布局要考虑到流量以及手机上网速度，图片要做优化，图片尺寸要限定，要充分考虑页面的加载时间和数据读取返回时间。

PRD：撰写PRD，手机产品我比较习惯用PPT，在页面写说明文档同时可以提供界面原型。

篇15：无线产品规划交互设计

适配性指的是客户端应用程序能够在多种手机终端上运行，不同的手机终端的屏幕尺寸、分辨率是不一样的，键盘机和触摸屏也要另外考虑。WAP站和客户端的适配原则是不一样的，WAP可能是用1.0、2.0、彩版和标准版来处理，客户端则要做专门的APP程序(做客户端成本大，多平台是必须逾越的技术门槛)。现在流行WEB APP和瘦客户端（即BS+CS，客户端嵌套WAP站），算是多平台适配的2种解决方案。

常见屏幕尺寸：2.4存、3.5寸、3.7寸、4.0寸等

常见屏幕分辨率：240X320px、320×480px、480X640px、480X800px等

移动互联网的想象力空间很大，有幸能踏进这个领域，学习和成长着。

原创文章如，请注明：转载自行者的产品设计博客[ joshes.cn]

本文链接地址：

www.joshes.cn/post/44.html

篇16：关于产品的若干思考交互设计

本文将要论述的话题是围绕着如今繁多的互联网产品展开的，笔者将会尽可能的做以精要的说明，从逐点优化的产品优势开始说起，最终聊到卓越产品乃至极致产品所需要具备的要素，

开始正文。

优秀产品靠的是不断完善：

在日常生活中，无论是PC终端还是智能机，几天的时间，用户就会发现需要升级的软件/App有很多。我们就先来聊聊这个。现在的软件厂商们很注重效率，往往隔三岔五地在推出软件的Beta版本，但软件实质性的功能变化一般都不会很大。那么它们这样反复地更新，究竟有什么样的意图，下面几段，我们就来解决这个问题。

一般来说，不断更新版本的软件，从产品，用户，营销手段三个方面来说都有很大的好处。

对产品而言：

用户使用软件时及时发现的bug或者是产品本身不够优化的用户体验，都会及时在下一个版本中得到改良。产品一直在改变，一直在优化，所以说在性能上肯定是不断增益的。

对用户而言：

从用户的角度来说，不断推陈出新的策略似乎使客户端软件会更加的与自己拉近距离，提高一些黏度。只要每更新一次，就增加了用户接触软件并使用它的频率，会逐步培养出用户习惯，用户自然也就会下意识的在需要时记得使用该软件。况且由于软件的不断更新，使得用户对于软件的感觉上则是其功能在不断地增强，软件在不断地完善。每更新一次，在潜意识里面都在告诉用户软件的功能在不断地强化。由此，不断地更新产品，就是在逐渐强化产品在用户大脑中的性能。这就是产品经理们的“诡计”。

对营销手段而言：

从营销的角度上来说呢，由于用户反复接触软件的次数越多，该产品的定位就会越发的鲜明，这就会逐步的提高品牌效应，

随着时间的推延，功能性会与产品本身产生奇妙的联系。比如：安全与360产生对等，聊天与QQ产生对等。产生冥冥中的对等性，这就是软件厂商最希望的结果。

卓越产品需要有“范儿”：

上面本人分析了不断更新产品的若干好处，发现这些方法都是可以起到优化作用的，也可以将产品逐步达到优秀，但是，这样的操作手法真的可以造就卓越产品吗？

我认为，优秀与卓越，中间跨着一道坎，这就存在于产品思维上的缺陷。很显然，上述的种种做法从整体上来看不大符合苹果的风格。逐点优化，和别人拼软件，拼硬件性能，都不是苹果的范儿。苹果一贯是特立独行，坚持在做软硬件一体化，看似封闭的机制却使得公司一度达到了全球市值第一的境况。一味的依照用户的需求去改良，去完善，也许会做出具备很高适宜度与体验度的产品，但是一般来说，却很难做出极致的产品，因为用户的思维只可以使产品更加的好用，至于产品灵魂的缔造与风格的设计，这不是用户所需要考量的范围。用户只是使用者，他们在使用产品时会有总体的感觉，好用还是不好用；也可以细化到一个点上，会考量到哪一点不好用，不符合自己的使用习惯；但是如果指望用户坐下来考量产品如何大幅度创新，这大概是不可能的事情。最好的产品一定是有着一个独一无二的灵魂做为引导，形成的是一个整体上的构思，这与常年累月一步步优化下来的产品，有本质上的区别。

综上两种模式所述，只有创造与积累，才有可能产生所谓的卓越的产品。创造指的就是革新式的变化，积累则指的就是充分优化产品本身。所以说，我在这里并不是在一味地鼓吹产品不需要运营与优化，我想要表达的观点就是市面上的产品越来越多，大家都争着走一条路，开始时确实会很好走，也会得到认可，但是时间一长，当每个产品经理都开始如此行动时，也就接近这条路的末端所在了。

其实，说来说去，卓越的产品最后还是要回归到卓越的产品经理上，而不仅仅是框架式的教条上，教条上的积累永远不会历练出卓越的产品。

来源：yangguo1202投稿，作者Email：yangguo1202 （at） gmail.com

★ 拍卖出价流程浮窗设计小结交互设计

★ Alibaba国际站首页改版小结交互设计