网站用户体验分析:小议国民性和Web设计

  本文意在通过对当代中国民众的共性和心态上的思考,从更加人性化的角度考量和设计web产品的用户体验。之所以称作“小议”,一是因为“国民性”这个题目很大,也很敏感, 几篇文章无法说尽;再者本人阅历有限,个人观点的bias难以避免;同时,也希望引发大家的一些反思。而“Web设计”则指网络上的用户体验设计的各个方面(图1)。

  阅读全文

  

  图1:用户体验的4个元素

  前言

  国民性这个议题,自然没有那么简单,泱泱大国、数千年历史、十亿以上的人口,追述到漫长的封建时期,更有阶级上的区分;但也没那么复杂,翻一翻上世纪30年代写成的《My Country and My People》,发现就是在描写自己和身边的人。80年代谈起中西方差异,大多人会说,“中国人比较保守,外国人比较开放”,现在偶尔也有人这么说。看看杜蕾斯的官方网站吧(图2),大陆版的轮播广告比其它版本的更大,文字内容相当直白,同时国人对于这种图像和文本早已习以为常,可见在某些方面已经相当“开放”了(但所有图片均采用欧美模特的照片,还是有“含蓄”的一面,毕竟是跨国公司的官网嘛,不能太“赤果果”)。

  

  图2-1:杜蕾斯官网大陆版(截图时间:2012-09-17)

  

  图2-2:杜蕾斯官网法国版(截图时间:2012-09-17)

  

  图2-3:杜蕾斯官网澳洲版(截图时间:2012-09-17)

  

  图2-4:杜蕾斯官网香港版(截图时间:2012-09-17)

  文化差异和民族性格是渗入到思想、社会、言论、行为等生活的方方面面的,无法用简单的保守或开放几个字来概括,对web设计的影响也不只是图片选择、文案基调上的差异。

  一、喧嚣

  关键词:热闹、拥挤

  中华民族并不是一个开朗热情的民族,却是一个喜好热闹的民族。从逢年过节之际的烟花礼炮、婚丧嫁娶的锣鼓喧天,到对热烈的大红色的钟爱、对满汉全席的津津乐道,无不展示出中国人追求视觉、听觉、味觉等多角度多方面的热闹甚至喧闹的热情。

  在web设计上,活动页面视觉冲击力的重要性自不必说,最受争议的便是各大门户网站首页的喧闹程度,饱受争议。最近无意中看到一个小文《为什么中国的网页设计这么烂?》,语言比较偏激,引发了很多讨论,其焦点就是门户网站内容的繁多和视觉噪声的干扰。比起很多国外网站的清爽简洁,国内这些网站确实内容比较紧密,动态效果和浮层也很多了,但是作为重要传播媒介,网站的受大环境影响和支配的,生活环境的拥挤和喧嚣必然对网络视觉环境和公众浏览习惯造成影响,同时国人对information overload(信息超载)的承受能力远远超出地广人稀环境下生长的国外友人(图3)。同时,随着城市化进程的加快,这种环境还将持续很久。当然,吸引流量、保证广告收入等原因也是关键因素。

  

  

  图3:生活环境的差异和web环境的差异——海南的沙滩vs.澳洲的沙滩,新浪首页和澳洲最大门户网站之一NineMsn

  但是,生活环境和用户习惯的影响不可能是绝对的,国外新闻网站和门户网站的内容也是不少的,很多排布也很密集,这是网站的类型、受众、商业模式等因素决定的。不同是大多国外网站比较“安静”,视觉上没有那么刺眼而已。图4是yahoo.com 和 yahoo.com.cn的截图,IA(信息架构)和整体视觉风格基本一致,不同的是中文版页面较长广告较多,视觉焦点在动态广告上,英文版的图片是“静态”的。

  

  图4:yahoo.com 和 yahoo.com.cn(截图时间2012-09-18)

  关键词:看客心理

  提到看客二字,我们先不提鲁迅先生弃医从文的原因,有一个老笑话很生动的描绘了国人喜欢看热闹的习惯:大街上里三层外三层围了一群人在看热闹,一小伙子挤不进去,急中生智,大喊一声:快闪开,那是我妈!看热闹的人让出一条道,小伙子挤进去一看,躺在地上的是一头猪。相比活过一定时间的国人都见过几次这样的场面:熙来攘往的马路上聚拢着一群人,全都站在的看着某个或某些个被车撞倒的人在地上挣扎,或者两个撞车的司机互相扭打,或某个准备跳楼的人在高楼上徜徉。“袖手旁观”“幸灾乐祸”两个词及其生动的描绘了这些既不施以援手也不愿意离开的看客的形象。在生活节奏日益加快的今天,这种现象毫无减少的趋势,证明了这一国民性的根深蒂固和持续发展的潜力。

  针对这一特点最明显的设计就是msn、QQ、迅雷等等软件每天登录时弹出的“每日焦点”的内容和信息架构,占据最醒目位置的永远是关于某个女明星走光或离异、某个名人被杀或坐牢、某个网络红人猝死或爆出特殊视频等等八卦话题,而且90%是负面信息(图5)。老百姓喜欢看八卦很正常,健康美丽的性感女子也确实赏心悦目,但是长年利用喜欢“看人倒霉”心理,用及其低俗无聊的负面新闻吸引眼球获取流量,就有些污染网络环境之嫌了。

  

  图5:满足看客需要的低俗新闻占据了大量弹出新闻页面(截图时间2012-09-18)

  一些比较:

  07年的时候我曾经跟踪过中国、瑞典、意大利和英国的新闻网站半个月的时间,每天收集各个国家较为常用的网站首页并进行比较,统计首页中各类新闻所占比例,以及国内、国际新闻的比例(参考表1,2):

  

  表1:所选的中国、瑞典、意大利和英国的新闻网站首页中,出现频率最高的前三个新闻类型(社会、政治、经济、娱乐、体育)

  

  表2:四个国家网站首页国内和国际新闻的占比

  中国我选择的是比较严肃的《新华日报》和《南方周末》。《新华日报》突出国内大事(和报纸的内容架构类似),《南方周末》则时常把关于国内社会民生的负面新闻(如黑煤窑矿工、自然灾害)放在最醒目位置(图6)。展示弱势群体的真实境况、揭露社会黑暗面无可厚非,但是民众在心痛、抱怨、甚至咒骂之后,往往一切回归常态,不了了之,所以,媒体应该同时增加一些正面的引导,包括精神上和行动上的。

  

  

  图6:《南方周末》网站首页(截图时间2007-12-05、2012-09-20)几年来风格有变,主要位置的话题类型不变,一直偏重国内社会负面新闻

  瑞典和意大利则由当地大学生推荐的生活化报纸《Dagens Nyheter (Daily News)》、《Aftonbladet (Evening Paper)》和《il giornale (Newspaper)》《Corriere (Messenger)》(图7、8)。发现意大利人尤其钟爱娱乐新闻,占了三分之一之多,而瑞典的报刊话题比较均衡,社会、政治、娱乐新闻为前三名。

  

  图7:瑞典的《Dagens Nyheter (Daily News每日新闻)》的网站首页(截图时间2012-09-18)

  

  图8:意大利新闻报《il giornale (Newspaper)》首页(截图时间2012-09-18)

  英国因为选择的是比较严肃和国际化的《泰晤士报》和《卫报》(图9),主页的主打内容大多是国际政治方面的新闻,特别的是体育新闻占14.89%,其它三个国家的前三甲都不包括体育新闻。

  

  

  图9:英国《泰晤士报》网站首页(截图时间2007-12-15,2012-09-18),现在的版本倒是没有五年前的清爽了

  在色彩上,国内的两个网站相对偏爱大蓝、大红的颜色,对比度也更加明显,这一点正与刚刚讨论过的喜欢热闹的国民性密切相关(图10)。

  

  

  图10:新华网首页(截图时间:2007-12-10、2012-09-18)。值得一提的是,现在南方周末已经改用当年Times的主色浅灰色,而新华网延续了传统的红蓝色调。

  二、无序

  国人对于秩序、规则甚至法律的态度层次比较复杂,相比之下严谨的德国人和刻板的日本人显得似乎有点头脑简单了。曾有人戏言如果当年韩非子不是被妒忌他的李斯害死,中国现在就是法制社会了。这是玩笑话,但是中国千年来道德约束和集权统治的影响远远大于法律制约,这是事实。拿我们每天必须面对的交通来说,机动车常常突然出现在人行道,电瓶车在机动车道上横冲直撞,行人则在不同车道上悠闲地漫步。这种无序的状况一方面是法律的不健全和执法的不严谨所致,更重要的是国人普遍没有遵守秩序、维护法纪的习惯,而更多的是如何利用漏洞和缺乏监管某私利,或是成为凌驾一切规则之上的特权阶级,因为另一方面,等级森严、过于注重个人私利(同时不愿别人得到的利益高于自己的)、无社会责任感,也是国民千年来的特性。

  真实社会的无序性导致了虚拟生活的无序,我曾经为多个不同类型的网站和在线系统做过可用性测试,其中一个屡见不鲜的问题就是缺乏统一性,只要产品的结构层级变深或变宽,最基本的导航的统一就十之八九无法做到,更不要说步骤条、字体、文字缩进、间距、翻页、按钮等其它细节。随手翻了一下京东商城,头部的导航就不一致(图11):

  

  

  图11:京东商城首页和团购 的顶部导航(截图时间:2012-09-11)

  无序还表现在项目规划不完善、责任不够明确、工作缺乏严谨流程,这些经常导致某些必要而不常用的页面内容缺乏及时的更新和维护,或是因为更新内容超出最初设计时的承载力而造成结构混乱。一个经常被忽略的页面就是帮助资讯页面,比如新浪免费邮箱改版后帮助中心并未做细节上相应的更改,虽然整体结构没有大变化,但个别应用还是会出现无法找到的情况,比如App应用,帮助中心中的截图是旧版的,现在已经无法根据帮助信息找到应用的入口了(图12)。

  

  

  图12:新浪帮助中心中免费邮箱部分与目前的版本不一致,已无法根据截图找到相应应用

  好在大多互联网产品虽然更新改版频繁,但大多功能和大致IA不会一次变化太大,国内网民也已经习惯了这种不对应的问题(善于忍耐也是国民性的重要一点)。相信随着互联网行业的突飞猛进,国内大部分网站和互联网产品的内容更新会越来越及时和准确,为用户提供更完美的体验。

  (未完待续)

时间: 2024-11-10 00:10:37

网站用户体验分析:小议国民性和Web设计的相关文章

SEO与网站用户体验分析

学习seo的人都会隐隐约约的把网站的用户体验放在很主要的位置,而做的时候却很少在乎,即使在乎也不知所以然,那么seo与网站用户体验的关系怎样来看待呢,我们应该怎么做呢?看下文: 1.seo与网站用户体验的概念 seo是搜索引擎优化,是面向搜索引擎的. 网站用户体验是指网站的可用性.根据用户的习惯,心理等等设计的,符合人机交互,符合人体工程学的网站是用户体验好的网站.网站用户体验是面向用户的. 2.seo与网站用户体验的关系是对立统一的 a.seo与网站用户体验是对立的 从seo出现的那天起,就已

网站用户体验分析:页面导航原则

中介交易 SEO诊断 淘宝客 云主机 技术大厅 著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划,将面包屑撒在来时的路上,虽然当月亮升起时,面包屑被鸟吃掉了,但是现在的互联网设计师们从这个故事中找到了灵感,设计出不会被鸟吃掉的固定"面包屑". 图1:互联网上各种各样的面包屑 汉赛尔和格莱特为了在森林中找到回家的路,撒下了面包屑,这是一种导航方式,如果没有被鸟吃掉,无论走到森林的任何地方都可以知道如何从当前的位置走回家去.在互联网信息爆炸的今天,互联网的设计师们在

12306网站用户体验分析

  请问哪个电子商务网站可以不做优化.没有广告.不使用任何网络营销手段.网站功能极其普通.页面设计令人摸不着头脑,并且伴随着不太理想的用户体验却仍然能够达到几亿流量?今天就来分(吐)析(槽)一下这个网站,抢不到票的同学,是时候转给12306看了. A:1~2~3~0~6~!(此时大家异口同声.) 12306网站的用户体验有口皆"悲",就算你没有实际操作过,也许应该也有所耳闻.但经历了2013年末的那次大改版后,无论是网页设计还是用户体验,12306网站与之前的版本确实大相径庭. 比如网

网站用户体验分析:以用户视角出发的表单之旅

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 用户使用发布表单,就像是一次旅行.旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里. 一.那么为什么要以用户的视角呢? 作为设计师,你是否遇到过这种情况: · 我们额外加一个填写项,用来收集用户信息吧; · 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是; · 我们的表单应该在这最重要的一步出现,这

网站用户体验分析:浅谈图片优化的方法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽.那么作为页面构建工程师应该采用什么方法来优化图片,既能保证UI的还原度,又使图片最精简呢?下面我就个人经验,来简单介绍一下图片优化的方法,首先我们了解一些图片方面的知识: 1. 矢量图与位图. 矢量图:缩放.旋转不失真的图像

网站用户体验分析:交互设计7大定律

"除非有更好的选择,否则就遵从标准",那在交互设计领域都有哪些法则定律被认作了标准了呢? Alan Cooper:除非有更好的选择,否则就遵从标准. 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句"除非有更好的选择,否则就遵从标准"了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts' Law / 菲茨定律(费茨法则) 定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标

网站用户体验分析:数据可视化6步法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [编者按]本文来源@百度商业UED 在当前互联网,各种数据可视化图表层出不穷,本文尝试对数据可视化的方法进行归纳,整理成6步法. 一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值,我们暂且将其分别定义为指标和指标值.比如一个性别分布中,男性占比30%,女性占比70%,那么指标就是男性.女性,指标值对应为30%.70%

网站用户体验分析:交互设计七大定律

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [核心提示] "除非有更好的选择,否则就遵从标准",那在交互设计领域都有哪些法则定律被认作了标准了呢? Alan Cooper:除非有更好的选择,否则就遵从标准. 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句"除非有更好的选择,否则就遵从标准"了,在交互设计领域有很多经过了时间的验证的法则定律被

网站用户体验分析:解读眼动的12个误区

学术界和商界对眼球追踪技术应用(以下简称眼动)的关注度,每隔一段时间便会出现一次高潮的讨论.随着技术的革新和推广,越来越多的用户研究行业人员开始在产品设计和研发过程中引入眼球追踪技术,尝试读懂用户眼中的产品和体验. 但是由于对眼动技术认知的不足.信息的不对称,导致对该研究方法的误区不断出现.本文将列举一些用户研究领域对眼动的误区,并试图解答正确的应用. 1 "先做个眼动,看看用户在看什么?" 对眼动有所了解的人,通常会向研究员抛来这样的问题.假如盲目地接下这样的任务,不经过需求细分和策