分析如何从网站的架构和布局上来提高网站用户体验

  网站的导航可以看做是对网站内容的分类,把网站的内容进行细分,方便用户根据自己的需求选择浏览相应栏目的页面。网站首页导航要做到分类清晰,导航栏目之间不要重复。百度百科的首页导航就做的很好,我们可以借鉴一下。

  网站首页禁止使用过多的js调用,这是百度极其反感的东西,用多了,不会很好的收录,也更加不会重点关注你的网站的。我们要相信百度,但是也得自己不违反规则。只有网站的布局做好了,尤其是网站的首页布局做好了,后期的操作相对来说就可以稍微轻松点,可以起到事半功倍的作用。网站首页布局除了做好主题、导航和内容外还需注意页面的尺寸、网站打开速度以及友情链接布置等方面。

  首页是网站的核心页面,首页的主题也就是网站的主要核心。首页的主题需让用户很容易的就了解到网站是做什么的。首页的主题体现在网站的标题、关键词的 描述上,其中最重要的是标题,用户在搜索引擎上看到的搜索结果就是你网站的标题与描述内容。例如,百度百科,用户通过图中内容就可以了解到百度百科是做中 文百科的,以及百科涵盖的知识以及服务领域。 在首页的页面上,首页主题还体现在logo以及网站的标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。

  布置好网站首页的导航就可以进行网站首页的内容布局设计了。页面的内容布局需要先对网站的用户群体进行需求分析,把用户关注最多的内容放在首页的最重 要的位置。一般按照用户的浏览方式,页面的内容布局按照内容重要的程度由左上到右下来进行布置。也就是说最重要的内容要放置在首页左上位置,而广告或者是 不太重要的内容可放置在页面的右下位置。

网站用户体验的76个体验点

网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。
网站体验的分类
1、感官体验:呈现给用户视听上的体验,强调舒适性。
2、交互体验:呈现给用户操作上的体验,强调易用/可用性。
3、情感体验:呈现给用户心理上的体验,强调友好性。
4、浏览体验:呈现给用户浏览上的体验,强调吸引性。
5、信任体验:呈现给用户的信任体验,强调可靠性。
网站体验的76个体验点
一、感官体验:呈现给用户视听上的体验,强调舒适性。
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. 帮助中心:对于流程较复杂的服务,必须具备帮助中心进行服务介绍。
真是不看不知道,一个看似普通的网站,竟然有这么多项体验点,而且还都是最最基本的项目。由此可见,关于用户所体验的每一个点,都应该是经过慎重考虑和论证以后的决定。

浅谈前端开发的水有多深

1

但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实 现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢?网易邮箱前端技 术中心也设立好几年了,似乎有着讨论不完的话题,也经常会有一些新的想法让大家为之一振。那么页面开发还有哪些要求,还要做些什么,这里面的水有多深,让 我们舀舀看。

在不同的时期对页面前端的看法似乎是多变的。在互联网早期的时候,小车还是比房子贵的,烧饼和粉丝还只是用来吃的,菊花还只是用来泡茶的。那时的页面设计 风格相对单一,对应的页面需求比较简单,并且当时的浏览器也基本是 IE6 的天下,javascript 也只是网页特效的代名词,HTML 页面本身没有引起太多人的关注,似乎只要能用 div 甚至 table 加 css 辅助把图片定好位,把页面内容预留好就 OK 了,并且这种观念存在了很长一段时间。随着页面内容的丰富,设计风格的发展,交互复杂性的增加,AJAX 的应用,浏览器的更新换代,又让大家重新对最基本的页面本身重视起来。然后热议的就是浏览器的兼容性,碰到问题最热衷的就是满网络搜索 hack,顺便再骂骂 IE6、7……当这些都做一遍后,似乎又遇到了瓶颈,又开始寻找出路。我们就从这个阶段开始说起。

实现效果图是最基本的工作

把视觉稿通过页面代码的方式表现出来包含了两个基本诉求:1.能够真实反映视觉稿;2.能够通过浏览器的兼容。这两个诉求的达成需要我们有追求细节的态度 和一定的页面功底,能完成这两个内容就可以初步进入页面前端的从业者行列了,但这就代表着我们可以胜任页面开发的工作了?不,才刚刚开始!

与设计师的沟通和项目的参与

沟通很重要。先抛出几个问题:我们有没有和设计师探讨过某些效果对低端浏览器渲染效率影响比较大?有没有探讨过部分效果可以用 CSS3 实现从而使得结构更加简洁清晰?有没有在代码和视觉中寻追求过平衡?页面前端的开发向基本用户,编写的代码也直接作用在浏览器上,我们有义务对页面的稳定 性和渲染效率负责。我们也经常碰到项目在总体进度压力下导致的设计与页面前端开发同步进行,这时更有必要尽量多地获取项目信息,了解我们还要做些什么,这 些可以帮助我们充分考虑重用和框架拓展。

良好的页面结构

页面结构的编写好比盖房的地基建设,其好坏会直接影响到 CSS 代码的质量、js 开发、后台开发还会影响到以后的页面拓展、迭代和页面调整。拿到视觉稿后,不要忙着动手开始,多观察思考。先分析布局,划分框架,然后规划结构,编写代 码。特别在大型项目中,合理使用模块化的开发不论从整体进行还是拓展维护都有相当大的好处。

关于 hack

很多同学在页面开发时上网搜索最多的就是 hack 了,是否我们完全要依赖 hack 来实现页面兼容性,答案是否定的。大家经常比喻 IE6 向我们撒了一个谎,结果我们要再撒一百个谎来圆这个谎。不否认 IE6 经常让我们口吐鲜血,但不代表我们用更多的“谎言”来弥补就可以心安理得。大部分情况下可以通过变换思路调整 HTML 结构,或使用一些虽然无法解释但相对安全的 css 来干掉 hack。谁都无法预计使用 hack 什么时候会让我们栽一个大跟头。比如触发 layout 或 position:relative 就可以帮助解决很多 IE6 的问题。

优美的代码

现在很多 web 项目功能复杂,代码规模也会变得很庞大,如何更好地进行协同开发和维护是我们面临的一个问题。需要考虑完善统一的规划,还有要养成良好的代码开发习惯才会 在面临各种情况时游刃有余。翻阅页面代码,看到合理的标签使用、良好的注释、清晰的代码结构、用意准确的 css 不仅犹如欣赏一个艺术品,更为下游开发和协同开发降低了不小的沟通成本,我们有什么理由不去这么做呢?举个反面例子:div 滥用是现在比较典型的一个问题。数数看自己使用的标签有多少个呢?不同的语义都该使用对应的标签代码,特别是 HTML5 提供了更丰富的语义化标签,它们都苦苦地在等待战场上的冲锋号,让我们去解放它们吧!

无障碍页面开发

可访问性与易用性是非常主观且人性化的东西。普通人看上去上完美呈现的页面在特殊群体中不一定显得那么贴心。当盲人用读屏软件在页面某个区域内陷入循环 时,我们应该感到内疚。只能说目前国内的网站对此的重视程度还远远不够,这就需要我们共同努力,让更多的人感受到我们的热情。

保障效率

作为项目开发中比较靠前的一环,页面开发可能需要尽早完成为项目争取时间,这就需要我们尽可能地提高效率。“工欲善其事,必先利其器”,除了实战经验和代 码习惯的形成可以帮助我们提高效率外,想要提高对自己开发的进度掌控能力,还有很多辅助工具可以帮助我们进行页面开发。比如使用 Less 或 Sass 可以帮助我们拓展和组织 CSS,大大提高 CSS 的编写效率增加了可维护性。比如可以通过 zen coding 的自动自动完成和自定义代码块让你可以剑指如飞。甚至还见过通过自定义输入法的代码块关键字来提升开发速度的。多多发掘一定会找到最合适自己使用的工具。

针对服务器的优化

页面开发也需要了解服务器的优化,尽量减小服务器负担。比如 css sprite 就是一个典型减小服务器请求数的例子。在网易邮箱的页面前端开发中大家不停地在做着各种优化,比如一直在寻求文件大小与服务器请求数的平衡;为了尽可能提 高缓存利用率采用了补丁升级;对 class 名进行了混淆压缩避免命名过长的冗余;应用 base64 减少请求数量等等措施。这些都是综合权衡的结果,需要考虑各个方面整体优化。因为当页面访问量达到一定的数量级时,再小的一点优化都会达到可观的效果,再 小的问题都可能会形成巨大的灾难。

拥抱 HTML5

这是一个充满机会的时代,HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会,还有太多的东西值得我们去学习去发现。 HTML5 提供了丰富的 JS API 接口,需要我们去研究;CSS3的绚丽吸引了足够多的眼球,需要我们去研究;移动设备上如何开发更加适配的页面,需要我们去研究……

Stay Hungry, Stay Foolish

水是越舀越多了,却发现原来下面还深不见底,上面的内容越是深入研究就越会发现更多山川需要翻越。保持饥饿状态,用眼睛去努力发现发掘,不断丰富技能才能 找到定位,突破瓶颈,正所谓“唯有高屋建瓴方可水到渠成”。形成本文是因为之前和同行讨论到瓶颈的问题,想给自己,给页面前端的同学一起找找定位,梳理一 下思路。拿苹果 CEO 在斯坦福演讲的一句话“Stay Hungry, Stay Foolish”和大家共勉。

决定单页面营销成败的五大关键要点

提到单页面网站,想必站长脑子立马就蹦出淘宝客站点,确实,个人站长接触最多的单页面网站就是淘客站点了,但是淘客站点并不是本文探讨的话题,因为 淘客站点基本上都是很直白的硬广销售,图片及文字的堆砌,很少有用户引导性的营销。下文将要跟大家探讨的是决定单页面营销成败的五大关键要点。

其实笔者接触单页面网站也是去年的事情了,那时团队接了个股票公司百度竞价账户管理的项目,由于初接触单页面的策划与制作,虽然在竞价是操作的还是 比较得心应手,但是转化可以说一直没有很大的突破,前前后后大概10来个单页面的制作与修修改改,那时可真是忙晕了头,最后出的效果也是一般,于是,更加 深了笔者潜心研究单页面营销的决心,经过好几个站点及产品的运营,总结几点单页面营销的关键点分享给大家,由于产品的特殊性质,暂不公布案例站点。

第一、产品/网站文案策划

单页面营销的第一步无疑是文案的策划,页面哪里应该放什么内容,哪些要放用户引导放促销字眼,比如将“最有效”“最权威”“免费赠送”“买一送三” 等等煽情有诱惑的重点词,产品要融入哪些对比,跟某某产品需不需要PK之类,总之,好的文案策划是单页面营销的成功的重要因素。

第二、页面视觉设计

有了好的文案策划,能不能转化成好的视觉效果就是靠设计师决定的了,一个好的设计师,不但要有过硬用户体验设计技术,而且还要透彻了解产品,再配合文案,才能设计出对用户视觉有冲击力,才能让用户继续浏览的欲望,并且突出卖点、突出专业性权威性,最后引导用户达成交易。

小提示:经笔者测试,设计的页面尽量选择反差较大的配色方案,能增加用户页面停留时间,用户停留的时间越久,也就代表成交的机率越大。

第三、触发用户需求

怎样的内容最能吸引打动用户?其实做单页面营销时候,首先应将用户内心深处的困惑纠结的问题一一列举出来,再给用户当头一棒。举例下,我们见得最多的丰胸的单页面提出的几个问题。

平胸女人少男人缘?北大不如胸大?产后胸部缩水情敌多?中年胸部萎缩无魅力?等等

对于那些正在为胸小而烦恼的人,看了上面的提问,内心能不为纠结吗?用户纠结了,烦恼了,就代表有需求了。

第四、解决用户需求

成功的触发了用户需求,激起用户共鸣后,就要给出答案,为用户提供有效的解决办法,而且这个解决办法要可执行。

小提示:提供给用户多个解决方案对比,最后把解决办法胜利的天平倾向与你的产品,自然而然,用户就会选择你的产品。

第五、建立信心、展示实力、给出惊喜

当用户信任你的产品后,要达成交易,其中很关键的因素就是,你提供的解决办法或者产品能不能给用户信心,这时候,就是需要展示我们的实力了,比如保 健品类的用的最多的就是,国内某某专家推荐,在比如之前风靡一时的左旋肉碱,号称湖南卫视推荐之类的,能提供这些信息,当然就是能给用户足够的信心。最 后,一点还是要给用户一定的惊喜,比如买的我的产品或者服务,有效期长达多久多久,当下立即购买买一送几等大力的促销。

总体来说,单页面营销核心就是围绕用户内心需求进行,一步步引导,步步为营。

如何做首页改版


同任何网站一样,阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的,因为判断和选择总是艰难的,这里我们并不想叙述改版的整个流 程——尽管不同团队的架构和设计团队的职责有所差异,但除了决策过程不同外,大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程 中经验和教训,以及对于首页甚或产品redesign的思考。

以下是我们觉得必要的思考流程以及一些方法和关键点:

一、关于定位的思考

在首页改版之前,结合网站整体的策略变化我们首先思考以下三个问题:

1、改版的目的/目标是什么?
是配合网站整体战略的调整,还是用户体验的改善和提升,是自上而下的网站转型升级,还是自下而上的流量再分配?…
这些因素也决定了首页的设计思路是宏观还是微观,是信息层面的梳理还是视觉表达的优化。
2、首页的用户是谁?
用户是谁,用户特征是什么,用户的需求和价值在哪里?
考虑这个问题时,需要对于用户类型做相应的区分,不同的网站可能根据网站服务的特征来区分不同的用户群,比如:

  • 时间:新用户与老用户
  • 来源:自有用户、SEO用户、BD用户
  • 关注行业:原材料用户、工业品用户、…
  • ……
3、现状
  • 目前的内容运营规则是怎样的
  • 当前的界面是否存在可用性或易用性的问题
  • 基本数据是怎样的:PV、UV、回访率、流量转化率,各产品的流量分布、各类型用户的访问基础数据是怎样的。这些数据本身是否能暴露当前的问题,或者能用以评估预期目标的效果

二、做好设计管理

 

 

1、找准关键角色
在这个过程中能否找准关键角色非常重要:谁是真正对首页负责的人,谁是对具体业务负责的人,相关的合作方的决策者是谁?只有明确关键角色,问题才能高效的决策和推进,而不是互相推诿和拖延,这将是考验改版项目团队工作技巧的重要一步。
2、提早沟通设计思路,而不是直接进入设计
不同工作风格会产生不同的工作流程,以首页改版为例,我曾经见过给出十多个首页设计稿给老大选择的壮观场面,这未必是不好的工作方法,但却显然是低效的。建议在改版之前,能够和相关方(尤其是对于首页有决策权的leader)建立起充分沟通,将改版的整体目标建立共识,而不要一开始就沟通具体的设计细节——这很容易就陷入对于细节的争议当中。

当然为了避免“空谈”,做好相应的准备还是必要的,有可能的话提供数据依据和现状分析,并给出鲜明的观点。当然您也可以通过低保真的页面结构图,以便各方对于首页有概念上的理解。

3、项目管理
a) 资源保障首页改版对于投入精力的需求长期而稳定,能否争取到相关资源,并且在项目过程中获得高优先级的支持将非常重要。

b) 时间计划:定期与追踪

首页改版是一个耗费较多资源,牵涉业务众多的项目,强烈建议按照项目流程来执行,但与一般项目不同的是首页改版的进度往往并不完全受控,相关影响因 素较多,并不完全能由技术评估方案的工作量,因此建议在项目前期编制较为粗线条的项目时间表,主要用以对执行过程进行分解,而在方案基本成型后再建立精确 的上线时间计划。

三、把握设计细节

1、设计即运营
设计的过程也是运营策划的过程,尤其是以运营为主的首页,设计师不仅要关注用户如何浏览和阅读,也需要考虑首页内容如何产生,因此首页的设计过程也是和相关业务方订立运营规则和运营方式的过程。
2、追求细节,但别害怕不完美
就像产品设计中常说的,产品的成功往往是通过快速迭代而造就的,如果追求完美的产品,则时机早已错过。首页的设计和改进也会是一个不断经受用户检 验和快速迭代的过程。因此在设计上线先后不断通过用户的反馈和行为数据验证和确认,而无需去追求完美的方案——因为完美是不会存在的。

四、善用数据与用户

1、数据是了解用户的重要途径
a) 在设计前要对要验证的目标设定可衡量的指标首页改版效果的指标与首页的定位关系密切,如何设置用户体验指标,建议参考Google的用户体验衡量指标体系(HEART)。

b) 是否有足够的数据来支持分析结论

一旦明确首页改版效果的指标,就要通过各种方式来收集指标的相应的数据,网站的基础访问数据、tracelog、点击分布等。如有必要应当对当前首页的数据指标进行收集,以便用以对首页改版后的效果进行对照。

我们的经验:我们在首页改版时主要采用的是(结合采购商身份的)页面CTR和Bounce Rate,以此来评估新老版本与用户需求的匹配度和吸引力。当然在不同的目标驱动下可能会采用完全不同的数据指标,比如在分析局部板块时可能会关注诸如广告效果、专场转化率、登录行为数等。

2、用数据来做决策和验证
a) 关键指标的定义及描述应该达成一致在我们改版的过程中遇到一系列数据上问题,包括监测数据的不稳定、数据前后矛盾等,而在总结原因时发现问题出于不同的部门对于数据的定义和观测都有 所差异,并且在AB Test过程中由于选取的样本数量和类型上的差异,也会使得观测的结果不具可比性。这也促使我们在后续的测试过程中建立统一的数据收集通道,并且在后续的 AB Test中和BI部门进行充分的沟通来确保测试样本的可比性。

b) 不要迷信数据,要寻找数据背后的意义

3、意见反馈,有时候并不重要
这取决于你是否有足够的判断力和敢于say no。请考虑接收到的问题——

  • 表达的是感受,还是使用的实际问题
  • 是否是目标用户的问题
  • 是普遍性的问题,还是个体问题
  • ……

在从而做出自己的判断,要记得一点——聆听少数人的声音,但为大多数人设计。

五、“习惯”与重建习惯

一般情况下,首页改版总是会原有用户的使用习惯,因此在首页的测试过程和上线都需要慎重考虑用户习惯的延续和给予一定的指导。请考虑——

  • 在测试版本上给予用户返回默认首页的入口,允许用户退出测试
  • 在新首页上线后,在一段时期内保留旧版首页的入口,让那些尚未适应新首页的用户能够有缓冲期来完成原来习以为常的任务
  • 如果有必要,提供一个what’s new页面,帮助用户快速了解新首页

我们经验:在新版正式上线后,在首屏为用户提供了新首页指南,在页面底部提供了回顾旧首页的入口,给用户留有充足的时间进行过渡,通过监控旧版本的流量也可以判断用户对于新版本的接受度,从而逐渐降低新版本的帮助的权重,并且在此过程中基本上未产生用户的主动投诉。

以上是我们本次阿里巴巴中国站首页改版的经验总结,在这里分享给有相关困惑或遇到同样问题的同学们,欢迎大家在专业上更深入的探讨。

思维整理技巧分享

163539fdb8ylf3abh2kbbb2-300x242

作为一个设计师,最头痛的事莫过于大脑短路,想不出创意。可是创意一时间也不会突然冒出来,那怎么办呢? 有时候脑子里似乎也有很多想法,但是却又零零散散,不知如何挑出来处理,那怎么办呢?其实,是有个很好的方法,叫思维导图。这种方法可以把左右脑的能力都 运用起来,提升创造力的同时整理自己的思绪。爱因斯坦也爱用这个方法去“创造想象游戏“,任凭想象力驰骋,寻找各种可能性答案,就算看起来很不可能,但创 意也正需要这样才能叫创意。

我们的大脑是呈现一种发散性思维和爆炸性思考的,如果能很好整理出这些想法,那么就能找到你创意的“中心思想“。

写思维导图方法及特点

首先要准备一张白纸,白纸能很好的把凌乱的思绪归零。如下图在中央的几个分叉上,写下你围绕中央词语想到的关键词,每个枝杈上写一个,不管是什么词 都可以,写完后,在下一级的分叉上再写下你最先想到的词语,以此类推,发散思维。你从一个词语想到了5个,那么那5个词语又能分别想到其他的,这样你的创 造性产出就增加了500%。

当你写满一整页纸的时候,再从中寻找你适用的关键词,把他们串联起来,或许就能找到你想要的结果了。思维导图可以清晰地梳理你脑子里凌乱的想法,它会赋予你一副清晰的全景图,既可以欣赏到细节,还能观察到整体。

从上图可以看出,思维导图有些特定的特点:

1)围绕一个你想理清楚的点,对外扩展开一些分支。

2)使用多色彩来表达,可以让图表更清晰,分类更明确。

3)可以使用一些图片或者绘画来表达,这样可以激发一些思维。

4)图表是很发散的,没有固定逻辑。

5)一目了然的。

思维导图的表达方式

除了用纸张写,还有很多思维导图的电脑软件。使用纸笔能让大脑有更深刻的印象,同时把左右脑运用上,缺点是修改比较困难,有时写和画会跟不上思维的速度,甚至是会受纸张大小限制。

思维导图的使用范围

除了用来整理创意外,思维导图还能用到生活中来。

读书笔记:看书很多时候会看过就忘记了,如果能通过思维导图记录,那么就能根据线索勾出 很多回忆。也能帮你从脑中建立起思维框架。

项目、目标管理:对于自己、项目的计划也可以选用思维导图整理,先对项目进行分析,一项项罗列出来,划分他们各自的重要性,那么接下来的工作计划该怎么实施就很清晰了。

思维导图就是一幅幅帮助你了解和掌握大脑工作原理的使用说明书,它能增强你的记忆力、立体思维能力和你的总体规划能力。