网站设计工具 – 评估网站设计有效性的7个有用工具

二月 9, 2009

leadin - analytics所谓有效的网站设计实际上就是,让你的网站用户以一个符合逻辑的方式,能够在你的网站上快速的找到他们需要的信息。

你的用户是否访问了你想要让他们访问的内容呢?他们的目光是否注视在了网页中最重要的那部分内容?你能否吸引读者的注意,还是令他们快速的离开你的网站?

我们在这里谈论的不仅仅是你网站或者博客的内容。假如你的网页设计没有考虑数据读取的速度,或者用户需要花很长的时间才能找到他们需要的内容,这将严重影响到你网站访问者的用户体验。

所有的这些因素可能造成的结果无非是:用户在你的网站上通过一些链接找到更多他们需要的东西,并成为你网站的忠实客护;或者,通过浏览器的back按钮,到其他网站寻找他们所需要的信息,并永远不再回来!

你需要考虑一些事情:

  • 一些重要的信息总能被您的用户看到吗?
  • 有一个直观的导航和行动作用选项吗?
  • 用户是否以符合逻辑的方式定向到他们该去的地方?
  • 网页的读取速度是足够迅速,还是不断的考验你用户的耐心?

如果你对网页布局的分析和优化感兴趣,我们为您准备了7个对你来说极为有用的工具,他们能够评估您网页设计的有效性,帮助你分析和优化您的网页布局。

1. ClickHeat

ClickHeat 是一个开源的可视化工具,使用它可以查看一个网页的“热门”区域和“冷门”区域。通过该工具在你网页上的热点标识,你可以了解在该网页上哪些区域是用户最经常点击和关注的,而哪些区域又是最容易被忽略的。通过直观和醒目的热点地图你可以调整网页中最重要的信息到热点区域,努力让每个用户都能注意到网页的关键信息。

ClickHeat - Demonstration screenshot

Clickheat的功能可以很容易的在你的网站上实现,你只需要在网页中包括一个额外的JavaScript文件就可以了。

你可以通过SourceForge下载: Clickheat on SourceForge.net.

2. Crazy Egg

Crazy Egg 提供了多种分析工具来帮助你形象的理解你的访客都在你的网站做了些什么。

Crazy Egg - Screenshot of confetti overlay

特色包括: Confetti - 允许你查看基于特定因素的访客点击,比如:他们的操作系统,地区等信息;Overlay – 为特定的链接提供详细数据; Report sharing – 可以让你共享数据给你的合作团队或者客户。另外,Crazy Egg 还可以告诉你访客在你的网页上的哪些部位进行了鼠标点击,无论那里有没有链接。访客的点击活动以 “heat map”[热力地图]的形式显示给你

Crazy Egg的免费版本允许你跟踪最多4个网页,因此,在你最重要的Landing Page上面使用该工具是个非常不错的选择。

3. YSlow for Firebug

评价一个网页设计是否足够强壮,并不仅仅只看它是否简单和时尚,更重要的一点还要看网页的反应速度,减少打开网页的延迟时间。这一点非常重要,要知道也许就是多了那么0.01秒的延迟时间,你就会损失掉一个非常重要的客户。。

YSlow for Firebug - Performance Grade and breakdown of Yahoo! homepage

YSlow for Firebug 免费的Mozilla Firefox扩展工具,该插件工具让你了解你网站前端设计的执行效率。你可以通过它来了解网页的读取速度,它给你一个从A到F的6个评级,并指出你网页上应该修正的问题区域。

该工具基于Yahoo开发者网络,作者 Steve Souders以前是Yahoo的网页执行效率主管,现在在Google工作,从事网页性能和开源创新方面的工作。参考资料:Best Practices for Speeding Up Your Web Site

下载: Firebug Firefox扩展YSlow.

4. clickdensity

clickdensity 是一个完整的可用性分析工具套装,它可以帮助你评定你的网页设计。

clickdensity - screenshot of hover map

和CrazyEgg类似,你可以使用heatmaps来显示用户经常点击的区域,hover maps – 可以向你展示哪些是人们不感兴趣的链接, A/B 测试功能允许你修改特定的页面元素并确定什么样的设计样式才是最有效的。

免费版本只可以让你监控一个网站上的一个页面,并有5000次点击的限制。

5. ClickTale

ClickTale 为你了解访客如何使用你的网站提供了大量的用户数据。

ClickTale - Heat map

通过Clicktale你可以了解很丰富的统计数据,比如:用户点击一个链接平均花费的时间,用户点击哪些链接有迟疑,悬停点击率,等等。它还对用户的显示器尺寸提供了详细的报告和图表,让你可以更好地优化您的网页设计,以迎合那些典型的观众。

6. Clicky

Clicky 有一个被称为“间谍”的实时跟踪和监控特色(这里有个演示

Clicky - Spy Data

除了间谍功能之外,clicky还可以对访客数据和注册用户的数据分别进行统计和分析,帮助你了解和分析网站用户的活动。

7. Google Analytics

Google提供的最好的免费服务之一, Google Analytics 网站分析工具也是最有名的网站分析工具。Google Analytics提供丰富的用户和内容数据,帮助你学习到更多网页效率相关的知识。

Google Analytics - Site Overlay feature

Google网站分析工具还提供了一个Site Overlay功能,,让你以可视化的方式了解网页上各个区域的点击率,发现哪些链接和区域是访问者最关注的。它还提供网页跳出率以及退出频率最好的网页数据,让你了解是哪些网页导致了访客的离开,帮助你修改和重新设计这些网页。

翻译:互联网营销博客网站设计工具 – 评估网站设计有效性的7个有用工具

原著:Six revisions7 Incredibly Useful Tools for Evaluating a Web Design

参考资源:

10个免费的web分析工具 – 网站访客分析及可用性研究

如何了解你的网站访客:网站数据收集与分析

14个免费网站可用性工具,揭示人们为什么放弃你的网站

网站可用性设计 – 6个最普遍的可用性设计错误

subscribe4

无觅相关文章插件

发表评论

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议