趋势网讯:
现在许多WEB2.0网站都属于SNS网,人人网是国内SNS网站最成功之一.对人人网以用户体验的角度来分析首页。类似的文章可以看一下我写的“豆瓣用户注册页面的用户体验分析报告”,下面从五个方面浅谈。
一 页面布局
人人网使用两栏式布局,两栏式布局分为左窄右宽式,左宽右窄式,左右均等形。据了解目前全球知名网站95%都使用两栏方式,可见两栏式布局的流行。
说说左窄右宽的好处,由于用户浏览习惯通过是从左到右,从上到下的,因此这类布局的页面更符合理性的操作流行,能够引导用户登录或注册,使操作更具有可控性。
二 头部
头部给人的特点是简洁,并使用中蓝色为主色调,造成很强的视觉冲击力,给用户留下很深的印象。
1头部的元素设计
1.1 logo
Logo对于网站的重要性不言而喻,是头部设计中不可缺少的元素。Logo很好的表达了人与人之间的关系。当然logo还有一个基本作用就是返回首页,当用户迷失的时候,可以迅速的返回首页。Logo更是用户认知网站品牌和形象的利器。
当用户鼠标悬浮到logo上时,出现“人人网 renren.com – 人人网校内是一个真实的社交网络,联系朋友,一起玩游戏”
1.2 Slogan(标语)
用一句话宣传你的网站,可以很好的体现出网站的定位和特色,显示网站文化,塑造网站的个性。
人人网的标语:中国领先的实名制SNS社交网络。加入人人网,找到老同学,结识新朋友。
三 页尾设计
页面底部部分,通常放置公司联系信息以及版权等补充信息。有时候由于网站的扩张,页面底部缺乏统一规范约束,往往容易让用户疑惑,虽然只是一个很小的细节,不过更能体现网站的一致性原则。
例:点击“人人游戏”出现的页尾为
四 登录注册区
在网站的设计中一般都同时包含登录和注册功能,登录针对已注册未登录的用户,注册针对为注册的用户。
注册登录区包含:用户名,密码,下次自动登录,忘记密码,登录,注册按钮,使用其他账号登录(已MSN,360,天翼互联)
登录注册流程图
1. 注册
为刺激用户注册,告诉用户注册的好处。注册是一个增加用户负担的过程,除非用户明确的知道注册后,TA得到什么权利,否则用户是不会轻易注册的。人人是一个SNS平台,注册人人通过认识增加朋友联系,分享彼此动态,使社会化弱关系增强。正所谓六度人脉嘛!
人人网使用邮箱替代了用户名,作为登录网站的唯一身份识别,毕竟邮箱是唯一的;用户名注册往往增加用户的难度,经常会碰到相同用户名的情况。
2. 表单布局
表单使用右对齐方式也是目前最为流行的方式,右对齐方式在于减少标签和输入框的距离,减少垂直的空间,使用户更快的完成注册。在注册过程中需要用户输入验证码,是为了防止恶意机器注册,其实如果更好的话,可以更加智能一些,记录用户IP,当用户多次(根据实际情况设定次数)注册后,要求用户输入验证码,第一次注册不需要验证码。毕竟输入验证码给用户操作增加了额外额负担。人人的验证码主要以文字显示,国内南方人很多词需要输入多次才能正确。如果一定需要验证码,可以设计一些趣味性的题目让用户解答,例如:1+3= ;3 x 4= ;这样既达到目的,又能让用户没那么枯燥。
人人网在注册页面再次利用标语和推送热门公共主页,刺激用户注册。
在注册页头部
点击人人网Logo竟然返回不了首页,不知是有意所为,还是遗漏的设计。虽然只是一个很小的不同,但是会让用户有所疑惑。头部显示的“10秒找到你所有朋友”很好的明确网站的作用,激起用户的注册。如果用户误点击注册按钮后,再右边还以蓝色“登录”字样,点击“登录”会在新的窗口打开,让用户登录,但是这样的设计,始终没有点击logo明确,符合用户习惯。
五 按钮设计
人人网的按钮采用醒目、饱和度高的蓝色、绿色与网页背景色形成鲜明的对比,使按钮从网页的跳跃出来,吸引用户的注意力。根据著名的费茨定律,通过增加目标大小,减少移动距离来达到缩短移动时间的效果。人人网“登录”、“注册”按钮足够大,减少用户移动鼠标的距离,从而使用户操作更方便。“立即注册寻找好友”使用注册好处形象的设计,更加生动。
用户体验在中国真正发展的时间才不过几年,很多公司都没有成熟的规范约束,大部分设计都得靠设计师的经验、灵感,希望在不久的将来,国内互联网企业真正以用户为中心,而不仅仅的作为口号,也许跟国内环境有关吧,很浮躁。