网站设计的质量:衡量网页设计的影响力和有效性

文章描述:如何衡量网页设计的有效性.

考虑所有因素之后,网站设计的质量只能能过它给网站带来的结果来定量的衡量。常言道,结果说明了一切。
作为一名有四年以上经验,并且定期的与一位设计师并肩工作的网页分析师,我学到的最有用的事情就是:数据指出问题,设计解决问题。本文从网页分析的角度来考查网页设计。我们将围绕网页设计师应该如何使用指标和工具来衡量网页设计的影响力和有效性的问题展开讨论。

访客的参与阶段

任何时候,网站访客都处于以下几个阶段之一:
1. 关注(Attention)
2. 感兴趣(Interest)
3. 渴望(Desire)
4. 交互(Action)
5. 满足(Satisfaction)
在每一个阶段,访客都有不同的期望,设计就是要确保这些期望得到满足。
吸引游客注意的设计问题: 这个设计是否仅在几秒钟就能吸引访客注意?这个设计是否帮助访客很快地找到他们想到的信息?
虽然网站的目标网页和内页需要应用不同的方法,但是有一点是可以肯定的:如果你不尽快地吸引用户的注意力,她很快就会转到其它网站去。

衡量指标:跳出率和退出率

方案:现在大部分网页分析工具都能告诉你有多少次吸引你的用户的注意失败。
退出率告诉你有多少人在某个特定的页面离开网站,而跳出率是指用户没有看网站第二个页面就离开网站的比率。
你可以进一步测量跳出率中用户停留不到10秒的比率。越多用户跳出你的网站,说明你的设计和内容在帮助用户找到想要的信息上越没有用处。

提高用户感兴趣度的设计

问题:用户是否觉得自己找对了地方?你是否能说服用户你网站上的信息就是(或可能就是)他们所需要的?
如果你设法使用用户对你的网站感兴趣,他将会花更多的时间来阅读或参与进来。在这种情况下,设计应该使得网站很容易浏览,阅读和参与网页的交互。
阅读一篇文章所需的时间与大部分访客花在阅读这篇文章上的时间的比较是怎么样的?比如,根据一些材料,大学生的平均阅读速度是每分钟250到350个词。如果你的文章有1000个词,那么阅读整篇文章所需要的时间就是2.8到4分钟。如果用户在这篇文章页上停留的平均时间只有5秒钟,这就说明大部分内容都没有被阅读,内容不够有吸引力来保持用户的兴趣。这个问题可以归结于网页复制问题,设计问题或者二者皆有。
另外一个例子:有多少用户点击了视频的“播放”按钮,或者查看某个产品的其它图片?内容产生兴趣,而设计使得内容更容易享用。
网页分析把这些交互和事件称作微转换。发生得越多微转换,越多用户将会最终参与购买,注册或填写信息(宏转换)。

衡量标准:针对一个设计的交互数,花费在网页上的时间。

方案:测量网页设计保持访客兴趣能力的好坏的一种方法是使用Google Analytics的高级特性,跟踪每个可以被认为用户对网页变得感兴趣的行为(比如点击,滚动,评论,播放视频或其它任何你能想到的)事件。你可也以尝试一下ClickTale,这个工具可以记录网站访问的整个会话,并且可以回放它们。它可以提供有关访客与网页交互的众多深度信息。

增加渴望和获取行为的设计

问题:设计是否明确的激发了你的访客的想象,并使他们觉得能从你提供的东西里获得价值?访客是否点击了行动按钮?
网络上每个产品或服务都是唯一的,网页设计的工作就是要找出什么能使得它与众不同,并且为什么用户应该选择这个而不是其它的。
如果设计工作做得好,就很容易使用户点击行动按钮。当用户决定要注册或购买产品的时候,能够让用户迅速找到行动按钮是非常重要的。

衡量标准:行动按钮点击数

方案:Crazy Egg等提供的点击跟踪解决方案可以告诉你用户如何能过你的行动按钮来交互。
在增别访客渴望方面,多元测试和A/B分隔测试可以帮助你测试不同的设计并找出最有效的一种。

让访客满足的设计

问题:当它们被点击后,下一页是否能提供给访客他们想要的东西以满足他们?
点击之后应该出现什么的设计对于站长们寻求的转化来说是非常重要的。你已经获得了用户的关注,兴趣和渴望,因此现在设计就应该只有两个主要的任务。
第一个任务是使得转化过程尽可能的简单(即优化结账流程和优化网页表单提交过程)。
另一个任务是确保用户对流程可能存在的问题在当前的位置能够得到回答,而不需要去中断流程去站内寻找答案。
由于设计缺陷而在这个阶段损失客户确实是太遗憾了。

衡量标准:使用的渠道和/或路径

方案:如果你有预算的话,我推荐用Kissmetrics,MixPanel或者Performable来跟踪转化的渠道和路径。
如果没有的话,你可以考虑Google Analytics的目标和渠道跟踪,或者使用PadiTrack,一款免费的建立渠道的Google Analytics分析应用。

结论

最后,最要的是网站的每个元素对达到目标的效果。数据驱动,通知设计,它们的所有形式在网站性能方面都有重要作用和巨大的责任。

时间: 2024-11-02 05:10:18

网站设计的质量:衡量网页设计的影响力和有效性的相关文章

网站建设技术:简化网页设计 提高用户体验

在设计领域中,很多人都认同应该简化设计,以便让相应的工作更好发挥作用,设计只是增强视觉的手段. 随着网站建设技术的发展,在网页中实现复杂的功能不再是难事,网页中功能越来愈多,因此要在用户的浏览体验和网页设计的美观性中取得一个平衡点就显得非常重要. 网页设计的简化法 不同人对网页设计简化法会有不同的定义.一个简单的定义是将复杂的东西浓缩简化成简单的东西,当然在简化的同时,不能丢掉有价值的东西.总而言之,如果你的网页设计很臃肿庞大,最好去精简它. 在具体的网页设计中,可能是将网站分成几个部分,并使它

如何衡量网页设计的有效性

考虑所有因素之后,网站设计的质量只能能过它给网站带来的结果来定量的衡量.常言道,结果说明了一切.作为一名有四年以上经验,并且定期的与一位设计师并肩工作的网页分析师,我学到的最有用的事情就是:数据指出问题,设计http://www.aliyun.com/zixun/aggregation/7432.html">解决问题.本文从网页分析的角度来考查网页设计.我们将围绕网页设计师应该如何使用指标和工具来衡量网页设计的影响力和有效性的问题展开讨论. 访客的参与阶段 任何时候,网站访客都处于以下几个

保持网站简洁外观:简洁的网页设计衬托网站内容

文章描述:通过本文你能从中学到一些经验.本文作者迈克·埃文斯(Michael Evans)是一位热情的博客写手.他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱. 导语:简洁并不等于极简主义,在保持网站简洁的外观的同时,辅以其它元素的使用,同样能够达到要求.那如何做到这一点呢?通过本文你能从中学到一些经验.本文作者迈克·埃文斯(Michael Evans)是一位热情的博客写手.他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱. 洁净

浅谈网站建设中正确理解网页设计的目标和定位

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 谈到网站建设,无论是客户还是网建服务商,可能都会把重点放在网站设计上.其实一个好的网站,设计表现好只是其中一个重要因素,甚至可以说网站设计只是为了让网站所要表达的内容更美观.网站的主旨是内容,并非设计本身,设计在这里只是个修饰词,而并非主语.这一点品牌网站也好,企业网站也好,皆是如此. 举个例子说明,公司新聘来一个网页设计师,是科班毕业,大学

企业网站建设为何选择动态网页设计

众所周知,网站主要是分静态网页和动态网页.静态网页是以HTML语言制作,而动态网页则以ASP或PHP或 JSP等语言制作.简而言之,静态网页就是以静态化的页面和代码组成,永远不会变.而动态网页则相反由程序编写页面构架,再从数据调用对应内容进行显示.那么,为何企业网站建设大多都选择动态网页呢? 1.动态页面以数据库为基础,降低工作量 动态网站采用了数据库技术,通过代码调用数据库来显示,依靠动态网站技术,也可以将网页内容转化为静态网页发布.动态网站采用静动结合的原则,适合采用动态网页的地方用动态网页

一个网页设计需求方眼中的网页设计

虽然已经不做设计师快三年了,可是依然会一直留意站酷.看着各位高手的作品,总让我庆幸我没有把这条路走下去--三年前,我就是由于觉得自己在设计上没有什么天分,于是转行去了一家游戏公司,去做官网建设和媒体渠道方面的工作.如今看来,这条路没有错,我的设计和站酷上的高手想比,差距不是用努力学习追的上的. 由于工作的关系,我经常扮演一个网页设计的需求方的角色.3年的时间,我看了无数的设计稿,也亲手枪毙了很多的设计稿.很多时候我觉得很无奈,那些设计都很好--有的精美的让我枪毙的时候心情极度难受--这些设计本身

网页设计实例:微信第三方网页设计过程

文章描述:在拿到项目时,首先需要冷静下来.而不是急着去动手,大部分同学肯定都理解了解其缘由.这边要说的更多是前期先看看相似对手的情况.因为视觉设计相对于产品功能,是最容易拉开差异感的部分.或许一套不同的视觉策略就能让产品迅速脱离大部分同类作品走出来. 最近比较忙,整理作品的速度明显放缓了许多.今天总结些前段时间做的微信第三方网站.要清楚,它是网站不是单独的一个网页.需要考虑更多是整体性的问题. 在拿到项目时,首先需要冷静下来.而不是急着去动手,大部分同学肯定都理解了解其缘由.这边要说的更多是前期

让网页设计更现代,2014年网站设计的变化趋势

文章描述:如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 12月份对即将过去的一年中网页设计发展进行回顾,总会发现很多让我们感到欣喜的变化.去年我们同样预测了2013年互联网设计出现的10大趋势,比如交互设计.个性化排版.全屏大图吸引浏览者注意力等.其中很多预计的趋势在2013年确实成为设计的主流,并且估计在2014年仍将延续. 1. 个性化排版 我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝

2013网页设计趋势:滚动视差网站设计

文章描述:网页特效:滚动视差设计指南. 作为未来网页设计的热点趋势之一的"滚动视差"在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮.网络上也如雨后春笋一般出 现了很多像<30个让人兴奋的视差滚动网站>.<60个视差滚动网站赏析>--等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如 何去实现的实用型文章却很少.于是萌发了自己写一篇的想法,与感兴趣的人共同交流下滚动视察设计时的一些心得. 什么是滚动视差?视差滚动(Para