2010年1月12日 的存档

• 当视觉设计师遇上产品经理、开发工程师

  日期：2010.01.12 | 分类：用户体验设计(UED), 视觉设计 | 评论数：9

  

  我是一个初入互联网的视觉设计师，和以往做设计感受最大的不同就是：一个设计的最终定稿会受到多方面的挑战，有来自产品经理的，来自开发的，来自测试的…等等。那如何在其他团队成员的面前不卑不亢，游刃有余地应对呢？下面这篇文章给了我很大的启发，特别分享给大家。

  　　产品经理、开发工程师和市场策划专员等产品利益关系人认为——视觉设计师在整个团队中没有突出的地位。难道这个论断是正确的吗？我们还能用哪些实例来向这些利益关系人证明视觉视觉设计的重要性呢？

  　　尽管，视觉设计师在他的职业生涯中或者是在某个产品开发进程中会面临不同的阻碍，以下3点是会被经常提及的：

  　　● 视觉设计就是怎样把东西做得更漂亮
  　　● 做流行的东西就可以提高视觉设计的品质
  　　● 我们从单个元素出发来评价视觉设计的效果

  　　视觉设计就是怎样把东西做得更漂亮

  　　尽管现在只有很少的一部分人依旧坚持着这个观点，但认为视觉设计只是蛋糕上的奶油这个观念已存在很久。这就好比把最后一步的视觉设计比喻成产品包装上的一个吸引人注意的蝴蝶结。

  　　这个观点也许源于工业时代。在当时，工业产品才开始出现不同以往的外观设计，而且像雷蒙·罗维（Raymond Loeway，1889-1988，法国）这样的现代工业设计师开始大张旗鼓地宣扬自己的产品美学。

  　　显而易见的，视觉设计确实可以改善产品的表征，但是它可以传递给用户的信息其实更多。通过对不同元素的排列布局，视觉设计师也在向用户传递着产品的核心价值：

  　　● 这是什么？
  　　● 我怎么使用？
  　　● 为什么我只使用它？

  　　上述3个问题在交互式产品的设计上尤其显得至关重要。下面我们通过一个实例来说明。

  　　图1到图3呈现的是同一个网站的不同视觉排列，基于相同的视觉元素——字体、颜色、渐变和图片。不同的布局直接影响着主要功能点的不同。

  

  上图中，我们可以清晰地看出页面的主要功能是查看客户联系信息。然后则是用户可以编辑、删除或者为联系信息写备注。在图2中，页面的重点放在了客户和公司的交流上，然后是用户可以浏览、编辑和删除客户信息。

  

  最后，图3的设计重点是用户信息的可编辑性。查看和实时跟踪客户信息的功能被弱化了。

  

  这3种不同的视觉呈现方案告诉了我们用户的3个主要任务：查看客户联系信息、管理和更新这些信息以及保留客户的记录。在每个方案中，视觉设计的基本元素是相同的：颜色、字体、渐变和图片。

  　　视觉设计可以做到的远比美化界面多得多。它还肩负着传递产品核心功能的作用。“这是什么？”“怎么使用这些功能？”“怎样更高效地使用？”

  做流行的东西就可以提高视觉设计的品质

  　　就像现在很流行的网站“make my logo bigger”所为客户做的事一样，产品经理经常会要求视觉设计师更多地关注排版中的某个细节。这些意见在帮助我们更容易抓住设计重点的同时，也暴露了对于视觉设计的另一个误解：“为了改进这个网站的视觉效果，你要把这个做得大一下，这个字体用粗体，变成红色！”

  　　然而，页面中任何元素的重要性如何是取决于它周围环境的。比如，在一个页面中放入一个大红色的圆，它会很引人注目。如果把同一个圆放在10个粉色的圆边上，它就不会那么醒目了。因此，决定某个元素的重要性要从设计的整体出发。我们不应该只关注于某个元素来改进设计。如果这样做的话，页面的整体平衡就会被破坏，也会混淆页面功能的层次关系。

  　　如果你答应每个利益关系人去逐个调整页面的不同细节，你每次的调整都要在用户需求和产品需求之间做抉择，然而，大多数情况下，两种需求是无法同时得到满足。图4和图5是两个不同下载页面的比较。火狐的页面中有一个醒目的下载按钮来触发这个行为。而页面中其他的元素，比如产品特性等就不会那么明显。

  

  图5是Flock的下载页面，有4个地方可被点击来触发下载的行为：页面的右上角、左边菜单的底部、新闻板块的右上角和页脚的位置。如果不是因为每个下载细节都被强化的话，Flock可能就会像火狐一样——只有一个下载的按钮。

  

  我们从单个元素出发来评价视觉设计的效果

  　　如果我们把关注的重点单单落在某个元素上而不是整体页面的话，也会让局部的调整很困难。“你能把logo做得大一些吗？”“你能把标题的颜色变一下吗？”“我们能在这里换一张图片吗？”…

  　　这些零散的建议确实可以帮助我们更了解客户的意图，但客户很少会关注到这对整体页面设计的影响。换一个颜色可能需要重新定义页面的色调，设计师还需确保新的色调不会影响到用户关注主要任务。换一张图片可能意味着也要同时调整它周围的元素，因为原先图片制造的视觉焦点可能不复存在…等等。

  　　一个最终的视觉设计稿应该是建立在平衡和调整各个元素相互关系上的——同时传递产品的核心价值。所以，当设计师在调整了一个元素后，他还必须重新考虑页面的布局以不破坏原有的平衡。孤立地完成一个个小设计，合在一起后并不能说这就是一个完整的设计。

  　　互联网产品的页面元素尤其容易被独立开来进行评估。因为它也许是分一个个单独的模块做测试的，团队里的一个成员也可能认为我只要把自己的那部分给做好了，整体的项目也就做好了。图6就表明了独立设计可能造成的结果。

  　　当我们单独看页面头部ebay的logo、paypal提供安全保障的提示和正中照相机的促销广告是，都会觉得不错。事实上，当这三者同时出现在一个页面上时，他们更像在互相竞争，都过于抢眼了。

  

  但愿以上这些实例已经证明了视觉设计师在团队中的价值。但要让更多的团队成员认同视觉设计不仅仅关乎到样式、流行等，视觉设计师还需多提升自我经验，在项目初期就表明视觉设计对于整个项目的重要性。

  　
  《Common Visual Design Misconceptions》
  By Luke Wroblewski
  原文链接：http://www.uxmatters.com/mt/archives/2008/11/common-visual-design-misconceptions.php

• 浅谈体验如何设计？

  日期：2010.01.12 | 分类：用户体验设计(UED) | 评论数：0

  
  虽然我们摇旗呐喊了好久，连媒体都开始春心荡漾的鼓吹起“用户体验的竞争力”，各种设计类的工作招聘过程堂而皇之的走上了电视节目。实际上，我们的各个行业中对于“用户体验”的认识还是不够准确的，以下对话为真实经历，但不作为现象推广：

  客户：“听说现在要做产品都要重视用户体验呢~~”
  某人：“恩~~”
  客户：“我们的产品现在好像挺缺用户体验的。”
  某人：“哦？”
  客户：“请你帮我们设计一个体验吧！”
  某人：“这~~~~”

  这个话题引起了我的注意，用户体验从逻辑上来说是一种用户端的反馈，进而造成的价值挖掘和再设计，那么在没有任何用户参与之初，我们是否也能设计出一种体验来满足“即将来到”或“正在关注”它的用户？这可能有点困难，比如：你开了一家理发店（现在一般叫XXX造型机构），用户来洗头，来的用户是个老鸟，洗头过程中发现店里没有准备热毛巾，他内心对你的店的评分就会降低，很多时候这种“内心的评分”构成了用户体验的绝大部分内容 — 实际情况是，如果你的店只收费10元，那么可能用户对于该项的评分就会忽略，因为他这时的定价尺度和评价标准因为价格的限制有所降低。

  显而易见，用户体验即使是在同等维度的基础上，得到的结果和反馈仍然是动态的，所以体验的事情不是一个单一的决策过程，而是动态的设计过程，那么我们究竟能不能设计出一种体验？我想技术上是可行的，但收效得根据实施阶段的动态调整来决定。

  1. 提出一种体验的目标

  这个目标其实相当于你的产品的定位和策略，很多公司把“公司的定位”和“产品的定位”混为一谈，就造成了产品的本质空虚和弱化，因为我天朝大部分公司的定位都是空虚的，弱化的，比如：一个造拖鞋卖拖鞋的公司的定位是“国际化”，因为公司所在地和成本优势导致了外贸经营的便利性，顺道的它自然认为自己的产品应该“国际化”，不过说到底，卖拖鞋的怎么国际化？于是公司派出设计师参观一些XXX拖鞋设计展后，拍照留念 – 复制生产 – 低价倾销。

  产品的定位绝对是和用户联系在一起的，而且这个目标应该是使用这个产品的用户迫切需要解决的问题或待满足的生理心理的感受，比方你是一个做按摩椅的，你需要提出一个唯一的、精确的目标，现在有两个选择：减压和舒适。产品的初期你可能只有满足某一个特点的成本投入，那找什么点？我认为首先是舒适，因为舒适易于感受到，且可以通过人体工学等科学手段进行数据化，可以指导设计，从心理上讲如果一个按摩椅坐上去都不够舒适的话，我相信不会有用户相信它能减压，更有甚者，把按摩椅设计得像一个刑具一样。

  因此，提出准确的、简单的体验目标，是所有产品被接受的第一步，也是用户建立心理预期的第一步。

  2. 选定检验目标的工具

  我们发现大量的产品在使用过程中和电视广告上宣传的内容有所出入甚至完全不同，除了那些恶意的虚假广告外，我相信每个产品的生产商都是希望它的产品符合承诺的，因为这种商业诚信能够带来利润。但实际上又真的很少有人能够做到，这就是因为在提出一个产品目标的时候，却没有合理的检验工具来控制。

  所以，我们发现现代企业中，质量监管和品质监控成为了重要的核心部门，那么产品规格上的东西容易检验，产品在投资回报率的数据上能够计算，产品的风险可以预估 — 用户体验呢？如何切实有效的检验用户体验？

  首先你需要一个进行用户体验工作的部门，人数根据公司规模来安排，一般用户体验部门从属于研发体系（按现在的发展来看，我觉得应该是每个产品职能部门都应该安排1-2个用户体验的研究人员，然后他/她们共同组成“用户体验中心”），这些拥有热情和专业知识的人才可以帮助产品在初期避免绝大多数的无效体验；

  其次，需要一个用户体验的闭环检查流程，日本人在日本本土做手机时对品质的要求是这样的：“我们争取不制造出一件废品”，而到中国本土后变成了：“我们争取不让一件废品流出工厂”，你仔细看看，是否找到了我们的差距？其实一种精益化生产的态度也是重视用户体验的优秀体现；

  最后，所谓工具不是写报告，写检查，拿着扫描棒盯着上下班的员工，而是一种发现问题的机制。通常我们检验体验是否被设计完善，有这么几个渠道：品质管理，设计师的主动检查，节点的严格控制，产品阶段总结会议，测试阶段的迭代设计。

  3. 收集用户体验的反馈

  我们现在很多做用户体验研究的从业者，其实大部分时间都在做这个事情，收集反馈，形成数据，发现问题，提出问题。收集反馈很重要，无论是设计问卷调查，开展随时随地的访谈，还是分析客户投诉，电话拜访，甚至现场测试，得出的数据可以反映绝大多数的产品问题，但用户的反馈就是一切吗？

  对于设计来说，有时候就应该是以设计师为主的，因为用户没有专业知识，他们很难告诉你真正需要的“新产品”是什么，如果你的公司是一个跟随型的公司，别人做什么我们就做得比他好一点，那么收集到的用户数据可以直接进行迭代处理；但如果你的公司在行业中的竞争优势已经处于饱和状态，可能这些数据对于你制定下一步产品策略就没什么用处了，而是在于对“体验的挖掘”，从收集的用户反馈中找到还没有被开发的体验。

  任何的调查得到的结果在用户体验不足的方面几乎都是相交的，类似的，而缺乏相交的部分正是我们可以找到机会的部分。就好像我们从小听到的狼和羊的故事都是基于社会生存的寓意以及和负面的人性纠缠在一起的，我不知道《喜羊羊和灰太狼》的创作团队之前有没有系统研究过他们的用户（该动画的受众）的行为和心理感受，但是如果真的没有任何一个用户提到“我喜欢看到狼和羊在一起的娱乐故事”的话，那么这个就是可以产生创意的部分。

  要知道1960年的时候，东欧的伦布兰特公司在制作《猫和老鼠》的时候并不受到欢迎，那为什么返回好莱坞制作后又影响了整整两代人的生活呢？

  4. 随时优化体验的细节

  由于产品一旦摆上柜台，那么所有的设计师几乎都难以控制它的下场，这个环节主要是给零售环节和售后服务环节聊的。用户接触到产品的第一阶段有：媒体（逛网站，看电视发现广告和软文）、朋友口述（聚会聊天等谈起）、朋友借用（看到对方在用，感觉不错拿来把玩一下）、随意性浏览（逛街过程中的偶遇）、柜台咨询（上述过程中刺激了购买欲望后的结果）。

  这些不同的情况都会引发体验的焦虑，而恰恰是这些我们不太容易注意，我们认为理所当然做好的环节出了问题，最后导致问题的引爆。最著名的营销缺陷就是，柜台上的营业员因为购买者的衣着，眼中闪现一些鄙夷的目光，仅这一点就可以摧毁你每年25%的销售机会 – 这可不是我编的，我奇怪的是，为什么我们的营销行业报告，从来不做这方面的研究。

  如何优化？首先要控制精英人群，他们具备产品的先锋性，在每个小的生活圈子中有一定的话语权和影响力，产品第一要素是考虑他们的状态，给予积极的精英用户一些奖励和优惠，并吸取他们的建议和意见，解决首先由他们发现的问题；其实，制造产品的良好售后通路，从上至下给予政策的宣导，只解决问题，不寻找借口，国内手机品牌厂商来看，目前魅族做得不错，联想尤其糟糕 – 但无稽的是，由于换机政策，魅族的财务出现了一些问题；再次，做好人性的关怀，特别是对于销售渠道比较复杂的商品来说，而定价越高的产品，出现的体验问题越容易引发用户的愤怒。

  5. 不用考虑质疑者的体验

  每个学过经济学的人都懂，80%的利润是由20%的客户带来的，那么我们为什么非要去争80%的用户呢？因为中国是一个复杂的市场经济体，我们的各行业的红海都太多了，而蓝海基本上我们也没那创意来攻击，因此只能头破血流。那么同质化的产品究竟有没有蓝海？我认为大部分产品的蓝海都在用户体验上。

  既然是要对用户体验做出设计和优化，自然先要确定谁才是我们真正的用户，关于这个问题，已经有大量的著作和文章描述过，方法不一而足，都很实用。我这里要说的是，既然我们时间有限，能力有限，投入有限，我们就必须有所取舍，而对于那些质疑者的体验，我们是不用考虑的。

  什么是质疑者？雇佣的枪手（各大网站的评测水稿编写人），恶意的竞争对手，批评家用户（任何产品他在没有使用时，都会先抱怀疑态度），售后服务额外需求未得到满足的用户（你按三包协议修理后，用户认为你应该再送他一块电池作为补偿），占便宜的摇摆者（任何产品只要免费赠送，他就会支持）。

  哪些是我们应该关注的杀手级用户？

  a. 妇女，老人和儿童：无论你做什么产品，你都应该保证这三类人应该轻松安全的使用（当然，小孩是不能开车的，但是他们必须得安全舒适的乘坐），并在颜色和外型上不让他们觉得讨厌；

  b. 民间专家：那种能够比较出6家超市不同的巧克力价格的，使用过超过30部手机并且知道最新奇的应用的，本地同类菜色饭馆中装修最好，打折最多的人群，是一些顶级的用户，他们的意见甚至能成为产品创新的动力；

  c. 销售人员：他们对于利润的敏感，导致了他们往往最熟悉“普通的用户”的真实想法，并且善于察言观色的本领也是我们设计师应该学习的重要技能。

  最后，用户体验不是裤子破了打补丁，而是把补丁变成一种设计，一种超越用户期望的价值表现。

• 网站体验营销的76个用户体验点

  日期：2010.01.12 | 分类：用户体验设计(UED) | 评论数：0

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

  1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。
  网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。
  2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。
  3. 页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站，必须考虑南北互通问题，进行必要的压力测试。
  4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。
  5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。
  6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。
  7. 页面导航：导航条清晰明了、突出，层级分明。
  8. 页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。
  9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。
  10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。
  11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。
  12. 背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。

  二、交互体验：呈现给用户操作上的体验，强调易用/可用性。

  13. 会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。
  14. 会员注册：流程清晰、简洁。待会员注册成功后，再详细完善资料。
  15. 表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制。（如手机位数、邮编等等，避免无效信息）
  16. 表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示。
  17. 按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。
  18. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。
  19. 错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作。
  20. 在线问答：用户提问后后台要及时反馈，后台显示有新提问以确保回复及时。
  21. 意见反馈：当用户在使用中发生任何问题，都可随时提供反馈意见。
  22. 在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。
  23. 在线搜索：搜索提交后，显示清晰列表，并对该搜索结果中的相关字符以不同颜色加以区分。
  24. 页面刷新：尽量采用无刷新（AJAX)技术，以减少页面的刷新率。
  Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。
  25. 新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。
  26. 资料安全：确保资料的安全保密，对于客户密码和资料进行加密保存。
  27. 显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径。

  三、浏览体验：呈现给用户浏览上的体验，强调吸引性。

  28. 栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。
  29. 栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。
  30. 内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。
  31. 内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。
  32. 内容的原创性：尽量多采用原创性内容，以确保内容的可读性。
  33. 信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。
  34. 信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构。
  35. 新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。
  36. 文章导读：为重要内容在首页设立导读，使得浏览者可以了解到所需信息。文字截取字数准确，避免断章取义。
  37. 精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。
  38. 相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。
  39. 收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。
  40. 栏目的订阅：提供Rss或邮件订阅功能
  41. 信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。
  42. 页面打印：允许用户打印该页资料，以便于保存。
  43. 文字排列：标题与正文明显区隔，段落清晰。
  44. 文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。
  45. 页面底色：不能干扰主体页面的阅读。
  46. 页面的长度：设置一定的页面长度，避免页面过长而影响阅读。
  47. 分页浏览：对于长篇文章 进行分页浏览。
  48. 语言版本：为面向不同国家的客户提供不同的浏览版本。
  49. 快速通道：为有明确目的的用户提供快速入口。

  四、情感体验：呈现给用户心理上的体验，强调友好性。

  50. 客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。
  51. 友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。
  52. 会员交流：提供便利的会员交流功能（如论坛），增进会员感情。
  53. 售后反馈：定期进行售后的反馈跟踪，提高客户满意度。
  54. 会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。
  55. 会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。
  56. 鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。
  57. 会员活动：定期举办网上会员活动，提供会员网下交流机会。
  58. 专家答疑：为用户提出的疑问进行专业解答。
  59. 邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。
  60. 好友推荐：提供邮件推荐功能。
  61. 网站地图：为用户提供清晰的网站指引。

  五、信任体验：呈现给用户的信任体验，强调可靠性。

  62. 搜索引擎：查找相关内容可以显示在搜索引擎前列。
  63. 公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。
  64. 投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。
  65. 服务保障：将公司的服务保障清晰列出，增强客户信任。
  66. 页面标题：准确地描述公司名称及相关内容。
  67. 文章来源：为摘引的文章标注摘引来源，避免版权纠纷。
  68. 文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。
  69. 联系方式：准确有效的地址、电话等联系方式，便于查找。
  70. 服务热线：将公司的服务热线列在醒目的地方，便于客户查找。
  71. 有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。
  72. 安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。
  73. 法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
  74. 网站备案：让浏览者确认网站的合法性。
  75. 相关链接：对于集团企业及相关企业的链接，应该具有相关性。
  76. 帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。