Web交互设计优化的简易check list-网易UEDC

“优化已有产品的体验”,这是用户体验相关岗位职责中常见的描述。我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废。

但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入“重要不紧急”甚至是“不重要不紧急”的象限,变成了东一棒子西一榔锤的买卖。我们可以通过可用性测试来发现问题,但是测试往往受到时间、用户邀约、场地和设备等条件的限制,可能无法进行。更多时候,设计师需要根据一定的原则(例如可用性准则)进行走查,以快速地发现并解决问题。

这篇小文章关心的问题是:如果想对非娱乐导向产品已有的交互设计进行优化,我们

  • 需要从哪些方面考虑
  • 遵从什么样的原则
  • 如何开始检查现有的设计
  • 如何确定优化的优先级

 

而不涉及:

  • 新功能/产品的交互设计过程
  • 娱乐导向产品的设计优化
  • 产品概念、功能层次的优化
  • 适合每一类型产品的tips
  • 具体的优化方法
    Continue reading

专注核心功能-盛大UED

只有持续明确、专注、优化产品的核心功能,敢于摒弃多余功能,保留对用户真正有用的功能,才能最终开发出杰出的互联网产品。

 

当我还小的时候,出了什么毛病都爱用风油精。无论是虫叮蚊咬,晕车晕船还是感冒发烧,风油精都能派上用场。因此当我颇为自豪的向我的小伙伴炫耀道“风油精什么都能治”的时候,他的一句“风油精什么都能治,什么都治不好”着实给我泼了一头冷水。

随着我逐渐长大,我遇到了更多“万能”的产品:能刮胡子能双卡双待能遥控电视的手机、能祛痘美白淡斑保湿去黑头的面膜、能交友能婚恋能看视频能做3D特效的网站等等。而各种“闪亮”的多功能产品,带着更高昂的价格,更厚的使用说明书,已经充斥了我们的生活。

我无意斥责那些多功能产品。事实上,很多多功能产品非常成功而且确实给用户带来的便利。但也有很多的所谓“多功能”产品,让用户觉得迷茫,手足无措,甚至是沮丧和愤怒。问题的关键在于,成功的产品,无论有多少功能,总是会持续专注和优化产品的核心功能

 

1. 明确产品的核心功能,解决用户的实际问题。

每个产品都应当有一个核心功能,解决用户的实际问题就像Facebook解决了人与人交往的问题,Twitter解决了信息实时传递的问题,Google解决信息检索的问题,Youtube解决了影像分享的问题。

事实上,很多互联网产品在刚开始的时候,功能都会即单一而明确。但是随着版本的迭代,各种各样新功能的增加,原先的核心功能就会不再明确甚至是被淡忘。而这些互联网产品的定义,就从“这是一个做xxx的网站”变成了“这是一个可以xxx/xxx/xxx/…的网站”。

对于一个互联网产品,它的核心功能是什么?它是做什么的?解决了用户怎样的问题?当这些问题不能用一句简单的话来回答的时候,或许就是这个产品该反思的时候了。

 

2.专注于核心功能,持续优化

好的互联网产品不仅明确自己的核心功能,而且确保自己的核心功能看起来和用起来够核心。

facebook将用来分享的文字输入框、来自于朋友的动态和信息,放在了首页醒目的位置上,尽最大可能的淡化甚至是摒除非核心的功能,并且对如何让用户更快速、便捷的分享和联系好友做持续的优化,不断从功能、交互、界面上强化自己的核心功能。

如 上图所示,在facebook上,几乎整个首页上的功能都是围绕着与好友分享信息、获得好友的信息展开的。仅仅是在左侧导航的最下方留了APPS的入口, 除此之外没有任何和其核心功能不相关的内容。(PS:笔者本来想在图片上圈一下facebook核心功能所占的区域,结果发现整个首页都是关于核心功能 的, 因此最终没圈…)

如上图所示,Twitter的界面亦是如此。整个首页都围绕着即时信息的分享和获得。为了突出核心功能,twitter把分享信息功能和来自他人的信息一起放到了首页最醒目的左侧,而将一些辅助信息放在右侧。

 

3.功能的加减法

大多数的互联网产品除了核心功能之外,总是会有一些别的功能。通过头脑风暴,或是项目小组讨论而产生新的功能,我们称之为功能的加法。做加法对于任何产品任何人来说,想必都不是一件难事。通过各种方法,我们可以得到成百上千的功能列表。从众多的功能中,摒除那些用户不需要的,或是很少需要的,保留那些对用户真正有意义的功能,我们称之为功能的减法

在 互联网的产品上添加新的功能是如此容易,并且听起来又如此美好,因此人们总是乐于在自己的产品上不断的加入那些用户“可能”使用的新功能。然而随着互联网 产品的新功能越加越多,随之而来是开发、维护成本的增加,产品打开的速度越来越慢,性能越来越差,老用户对产品感到陌生,新用户对众多的功能感到无所适从 甚至于沮丧。因此当互联网产品添加新功能的时候,很多时候并不能获得用户量的增加和用户满意度的提升,甚至于有些时候用户满意度会不升反降。

大多数的互联网产品总是在不停的做加法,也因此总是进入产品迭代的的怪圈之中。在这种大环境下,注重功能的减法就显得尤为重要。

 

写在最后

只有持续明确、专注、优化产品的核心功能,敢于摒弃多余功能,保留对用户真正有用的功能,才能最终开发出杰出的互联网产品。

网站用户体验(UE)之量化76条军规

一、感官体验:呈现给用户视听上的体验,强调舒适性。

1. 设计风格:符合目标客户的审美习惯,并具有一定的引导性。
网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,从而确定网站的总体设计风格。

2. 网站LOGO:确保logo的保护空间,确保品牌的清晰展示而又不占据过分空间。

3. 页面速度:正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站,必须考虑南北互通问题,进行必要的压力测试。

4. 页面布局:重点突出,主次分明,图文并茂。与企业的营销目标相结合,将目标客户最感兴趣的,最具有销售力的信息放置在最重要的位置。

5. 页面色彩:与品牌整体形象相统一,主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。

6. 动画效果:与主画面相协调,打开速度快,动画效果节奏适中,不干扰主画面浏览。

7. 页面导航:导航条清晰明了、突出,层级分明。

8. 页面大小:适合多数浏览器浏览(以15寸及17寸显示器为主)。

9. 图片展示:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远。

10. 图标使用:简洁、明了、易懂、准确,与页面整体风格统一。

11. 广告位:避免干扰视线,广告图片符合整体风格,避免喧宾夺主。

12. 背景音乐:与整体网站主题统一,文件要小,不能干扰阅读。要设置开关按钮及音量控制按钮。

Continue reading

产品设计的原则有哪些?

阿不今天分享了google产品设计的10个原则。感觉很不错,把他做到桌面里时刻提醒。

1. 有用(Useful):以用户为焦点,关注他们的生活、工作和梦想。
2. 快速(Fast):争取节省每一个毫秒。
3. 简单(Simple):简洁就是力量。
4. 魅力(Engaging):能够唤起新手的好奇心,能够吸引资深用户。
5. 革新(Innovative):勇于创新。
6. 通用(Universal):全世界适用的设计。
7. 盈利(Profitable):为现行的和将来的商业模式做好安排。
8. 优美(Beautiful):外观具有视觉愉悦性,但是不会令用户分心。
9. 可信(Trustworthy):值得用户信赖。
10. 人性(Personable):加入人性化因素。

让我们看看,Google如何在它自己的主页上,实践这些原则。首先,它的载入速度很快;其次,这个页面对访问Google的用户很有用;再次,它的设计非常简单,几乎没有分散用户注意力的元素,因此不会令人有压迫感;然后,你几乎本能地就会使用它,不需要查阅复杂的说明手册,除非你想使用一些高级功能;至于这个页面是否具有创新性,可能有不同看法,但是确实有许多其他网站照搬了这种设计; 因为用户可以按照直觉使用它,因此不存在文化壁垒;盈利通过网络广告实现,但是在首页上没有放置广告,因为这样可能会疏远用户;这个页面很宽敞,很优雅,还带着一点幽默感(“手气不错”按钮),随着不同节日而变化的Logo带来了人性化因素;至于可信性,由于所有一切都很直接了当,因此增强了用户的信心,使他们感到这里没有暗藏的机关,Google会为你提供最好的结果。

 

Matry Cagan 提出的十条原则(可详见其书《启示录》)
http://www.svpg.com/great-products-by-design/

1、技术是很重要的,但用户体验更为重要,通常也更难做好。

2、工程师通常都不是好的用户体验设计师,他们喜欢考虑一个事情如何实施,但用户会考虑用起来怎么样。

3、用户体验设计包括交互设计和视觉设计两部分。

4、产品的功能性和用户体验总是纠结在一起的。

5、为了创造良好的用户体验,产品方案必须为目标用户量身打造。

6、在文档交付开发人员之前,我们要反复检验产品的可用性、合意性和可行性。

7、一个高度真实准确的原型体系是快捷测试产品可用性的保障。

8、“高保真”的原型体系是和整个产品团队布道用户体验的最有力的工具。

9、产品经理的工作就是用尽可能少的产品功能,满足用户的需求和对体验的渴望。

10、成功的产品就是为满足某需求不能继续被拆分的最小的功能的集合。

其实

原则,只是一种可能约束人创意的准则,但有时一个优秀的产品设计需要这样一个条框,或是让后人可以借鉴的东西:

以技术为背景,以用户为前提,以市场为导向,以产品原型为基础,以盈利为最终目的。