当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 互联网产品用户体验设计多元化

心得技巧
网页前端也同样要注意Web安全
微软设计主管谈web设计
10个优秀的 Web UI 库/框架
众多牛X创意的网站导航方式
更改一个按钮让网站营业额增加3亿美金
设计理论:网站导航设计的复杂性
设计理论:设计要充分利用用户的建议
网页设计理论:注意力和流
网站交互设计理论:导致视觉结构混乱的因素
设计理论:保证良好Accessibility和Usability
设计理论:设计的文化延伸
Web前台开发工程师如何定位自己
网页播放器常用按钮的分析
设计理论:模板化是限制还是激发
简单分析网易网首页的设计思想
购物类网站产品或主题页面视觉设计一致性
网页设计参考:漂亮的网站登录界面设计
权威网站投票评出的最好的5个网页设计工具
从代码和图片以及脚本角度优化网站
设计理论:网页设计中的垂直韵律

心得技巧 中的 互联网产品用户体验设计多元化


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 82 ::
收藏到网摘: n/a

原文:http://cdc.tencent.com/?p=1013

设计背景

2008年中国互联网网络中心发布了第23次中国互联网发展报告,阐述了中国互联网的网民结构特征,从报告(图1)中可以清晰看到近年来网民中成熟用户群体比例不断上升,增长率已经超过了网民总体的增长速度,显现出我国网民结构越来越多元化的趋势,在年龄上有不断优化的趋势。伴随用户结构的变化以及用户的成长,相应产品设计也应顺应局势及时进行调整,这样才能为用户创造更多更丰富以及更加多元化的体验感受,从而推动整体用户结构的变化顺应整个设计发展的趋势。

图1 2007-2008年网民年龄结构

腾讯十周年也刚刚结束,伴随公司十年的快速发展,我们的用户构成发生了很大的变化,跟随用户的成长,设计上也需要关注新的变化以及需求,及时做出一些调整,这样才能及时响应这个变化。在满足留住更多用户的同时去发展更多新的用户进来,让我们的设计更加丰富以及跟随用户实际需求,创造出更多多元化的产品体验,推动我们的设计向更高的水平演进,以实现公司更高的愿景以及一切以用户为依归的价值观;CDC在关注到用户的成长的同时,也开始尝试设计多元化产品设计,开始有更多贴心的,关注不同年龄层次的产品设计。比如之前的QQ影音感恩皮肤等系列老年用户使用的多元化的产品诞生,内部我们也开始对多元化的设计开始了一些相应的研究,在体验设计多元化的过程中,防止无谓的低龄化也成了首要也是当务之急的任务。

研究方法及指引制定

在开始制定以什么方法来研究实施,以及什么能最大程度受众到相关人是我们最为关注的,在研究方法上,因低龄化问题所涉及的面很广,一旦束缚过于严格可能扼杀设计师的创造力,没有束缚,那么所谓什么是低龄化的概念设计师也没有一个根本的概念,基于这点,我们讨论出通过一些大的纬度来对低龄化的问题做个规整,整理出业界的以及公司内部一些反面以及正面的案例,通过这些可视化的图形对设计师以及产品经理有个大致的印象;再通过简单的语言引导以及提示来指引我们的设计走上正轨。前期通过抓bug、找茬的方式,我们开始去寻找什么原因,什么设计可以影响用户对我们产品的概念,也针对一些儿童群体的网站进行系列的分析,这些网站大多颜色鲜艳以及色彩丰富,页面元素卡通可爱,但是如果针对成熟用户的网站采用这种方式,网站可能就会有低龄化的倾向,通过这种可视化的反例比较,以及我们自己产品的特色,我们可以始整理出一些通用的防低龄化设计的指引,在一个可视化的环境下来帮助公司内部了解低龄化产品的特征以及我们如何避免,以防过度产生一些低龄化的产品界面出现。

案例收集

开始制作指引之前,首先就必须对现有的低龄化网站以及过度不必要低龄化的网站进行案例的收集以及整理(图2),对于低龄化网站,我们优先从儿童网站着手,对儿童群体的网站进行一些视觉的元素提取,再结合一些成熟的网站进行比较,收集的案例很多,在这里也就不一一列举,在搜集案例的过程中,我们也发现这些低龄化的网站虽然迎合部分用户人群的喜好;另一方面也确确实实阻碍了一个公司朝多元化发展的道路,这其实对一些最终要走向多元化道路的公司来说长远的发展是不相符合的,从某个程度来说是得不偿失的。所以这次在防低龄化指引以及Tips中,也着重强调多元化发展的战略,当务之急是调整我们的思维,尽量避免去过度迎合低龄化的群体,而是开始从视觉上去导向用户的审美以及调整整体的用户结构,我们会对一些过于卡通过于Q的企鹅形象的应用进行限制使用,通过一些真人秀等的应用才取代之前企鹅的卡通造型动作,对一些不必要花哨的边框字体进行系统的排除,尽量简洁以及大方,通过这样类似一系列的设计调整,我们很欣慰发现,慢慢地用户结构就会随公司的发展慢慢调整过来,跟随用户成长的脚步,设计也开发发挥了他的作用。

图2 过低龄化相关案例收集

低龄化视觉纬度提取

在大量研究内部以及外部一些视觉低龄化的网站的基础上,发现事实上,的确低龄化很大程度会是设计不合理导向以及产品定位引起的,所以很有必要在设计之初就避免低龄化的设计倾向,从源头上控制低龄化的蔓延。在对相关案例的分析过程中,我们对影响低龄化的视觉元素划分了一下几个大的纬度(图3),从色彩、造型、质感、文字、其他等相关影响低龄化的视觉维度,提取相关的影响因子,通过这些相关的影响因子,利用大量有视觉冲击力的反例来提醒大家,什么样的设计是低龄化以及非低龄化设计,希望能从感官上对设计师和产品经理在设计产品时起到帮助以及注意,相应的维度内会有一些相应的指导意见,最后有相应一些图片映射,希望能感官上帮助设计理解低龄用户群体的生活环境,在设计产品时多注意此类相关设计。最终输出指引文档,在指引文档发布的同时也对指引文档内的一些典型的问题提取一些设计小贴士供大家设计时参考。

图3 低领化相关纬度

这里对tips的相关条文做下简要介绍

  1. 色彩表现:避免使用高亮、高饱和度色彩,页面色彩不宜过多。低龄用户一般偏好对比强烈、鲜艳的色彩,避免使用色彩鲜艳饱和度高的颜色,能有效避免低龄化的视觉感。页面内颜色不宜过多,一般控制在三种以内。
  2. 造型成熟化:避免使用可爱圆润无序的造型,慎用卡通造型等非成熟设计元素。可爱通常是跟低龄等同,设计界面时,应尽量避免一些很Q很可爱的造型,成熟稳重简洁的风格容易让页面脱离低龄的视觉感。
  3. 图标造型:避免使用卡通化的图标,成熟稳重偏中性的图标易规避低龄化。过于卡通的图标风格,会有幼稚以及低龄感,所以页面图标的应用,应尽量避免出现边框线条较明显,较圆润,图标饱和度过高及颜色色相较单一的图标出现。
  4. 边框成熟化:慎用过于花哨的边框,过多使用会有轻浮及不稳重感。过于花哨的个性边框,会有轻浮感觉,不稳重,视觉上容易导致低龄化,所以非艺术效果需求,可尽量避免此类的不规则及花哨的边框出现。
  5. 质感表现:质感表现要精准到位,过多或过少都容易造成低龄化倾向。不规则圆润造型,强化质感容易导致低龄化,如果界面上过多粉饰质感或过少都容易有导致低龄化的倾向,所以处理质感时要精确到位,细节处理要精致。
  6. 字体表现:避免使用过于花哨,过于非主流的字体,边缘圆润,笔画不规则的慎用。文字表现上,正文标题尽量使用正规字体,广告以及图片上的字体,避免使用卡通圆润、非主流的字体等低龄群体喜好的字体,挑选较稳重的字体设计能让页面看起来更成熟些。
  7. 页面版式:页面版式切勿太花哨,简洁大方容易满足成熟用户需求。页面整体布局简洁大方,避免杂乱无章,过于混乱的页面出现,页面版式设计较正式,避免过多不规则的不符合常规的页面版式出现。
  8. 场景元素:页面图形元素慎用低龄群体的喜好或生活的环境场景。页面内的设计元素,避免过多有儿童生活环境相关的场景,如卡通游乐园、卡通动物之类的元素,过多出现容易让页面视觉感低龄化。
  9. 品牌战略:“大回响,大影响”。视觉设计导向上传达给用户是大气、中性、时尚以及国际化的视觉感,页面视觉整体简洁大方,但是细节精致,可以较大程度提升界面的视觉效果以及防止低龄化的设计倾向,能有效提升用户的使用体验,提升公司整体的品牌战略传达意图。

指引推广以及宣传跟进

一份可实施的文档在没有推广以及宣传的一体化跟进的情况下,很容易被大家忽略,在策划前期就应该对方案的实施以及宣传推广、用户群的普及等都需要进行了一体化的规划,在策划的前期,我们对指引文档规定做为一个普及的主要的参考依据,防低龄化Tips则希望成大家的枕边案书,要容易阅读。所以最后这些简单实用的tips,也通过印刷装订成易于传播以及翻阅的册子(图4)派发给大家,结合公司内部的宣传以及推广(图5),从而帮助公司伴随用户的成长,让用户更多体验我们设计的多元化的概念最大程度得以宣传。

图4  防低龄化TIPS

图5 多元化品牌战略宣传

结束语

总而言之关于伴随用户成长,体验设计多元化,不是一朝一夕就可以转变用户对产品的印象的,但是相信通过我们不断的努力,从产品设计的源头开始注意防止低龄化的设计倾向,我们的产品最终是可以实现多元化的品牌战略转向的,为互联网更多的用户群体提供更多更好的产品,伴随用户成长,体验设计多元化,我们一起努力,为互联网的健康多元的用户创造更多有价值的设计。