当前位置:首页网页细节优化实战!教你使用热点图优化网页设计 举报文章

网页细节优化实战!教你使用热点图优化网页设计

作者:admin    来源:用户投稿    时间:2015.6.11   

use-hotmap-improve-webdesign-1

  如果内容为王的话,那么设计就是城堡。对于企业而言,好的网页设计不仅包含了能够引起访客兴趣的内容,吸引目标用户,而且包含有直观而漂亮的UI设计,促进销售。许多设计师喜欢将自己认为创意爆棚的UI设计直接应用到客户的网站上,但并没有考虑过这种设计是否符合网站的产品,是否符合目标用户群所需要的体验与需求,从这个角度上来说,这样的设计真的合适么?

  所以,当你在设计企业和商务类网站的时候,你需要自省。多问问自己,这样的设计是否合理,站在需求方和用户的角度上仔细考量一下,你的创意和设计是否真的靠谱。在接下来的案例中,我们使用Ptengine这款软件生成用户点击的热点图,来帮设计师了解用户是如何访问网站的,分析设计的利弊。

  1、对于产品销售而言一个巨大的Banner真的有效么?

  许多网站都喜欢在网站的导航栏下顶部的位置放上巨大的Banner,宣传主打产品或者主要的服务。一旦使用了这样的设计就意味着网站顶部大部分都会被一张图所填充,用户的注意力会被它所吸引,然后才是让用户注意到下方的其他产品。下面的这张热点图是最大的体育品牌Vendor的鞋类产品页面,我们发现他们顶部的Banner的点击率并不高,仔细分析数据之后发现大概占据了页面总点击量的10%,很明显多数用户看了这个图之后并未被其吸引而是选择向下浏览他们自己真正喜欢的鞋。

  

  

  2、你应该在最突出的地方放置什么内容?

  设计师们常常会探讨在网站什么地方放置什么内容,但是这些内容是否适合产品以及用户的需求则很少真正涉及。接下来,我用两个活生生的案例来展示一下,什么是好内容被放置到错误的地方。

  有几个很有吸引力的甜点食谱被放置于主页最下方,仅有37%的用户会将网页拖到这个位置看到它们。但是几乎所有看到这个食谱的用户都点击了它们,但是绝大多数的用户根本没几乎浏览到这里!设计师应该让这样的杀手级的内容置于最好的位置,不是吗?

  

  

  

  几乎相同的情况也发生在运动品牌Vendor的网页上。许多不同类型的鞋被放置在整个长页面上,设计师真的应该梳理一下那些鞋比较吸引人。只有20%的用户会浏览到页面底部,但是几乎所有浏览到这里的用户都会点击那双鞋,这足以证明它非常吸引人,那么为何不将它挪到用户更容易发现的地方呢?

  

  

  3、是否始终要为图片附加链接?

  在网站上,一图抵千言,这是很正常的事情。但是你设计的页面中,图片是否传达出正确的含义了?如果图片加了超链接但是用户没有明白你的目的,这是一种设计失败;如果你放置的图片吸引了用户去点击,但图片没有附上链接,用户的点击徒劳无功了,这也是一个失败的设计。

  第一个案例是一个着陆页。看看热点图,你会发现许多用户点击了图片。用户这个时候应该是想点击图片深入了解一下网站可以为他们提供什么内容,用户希望这个图片有超链接,能引导他们去某个详情页。但是没有。

  

  第二个案例是某款手机的帮助页面。你会注意到,这个地方的客服电话用了鲜明的红色,看起来好象能点击的样子,但是它实际只是纯文本。用户希望能通过点击直接拨打电话,但是看来是不可能了。如果想直接同用户保持联系,那么这个地方必须修改。

  

  4、我所设计的按钮是否容易被点击?

  看看下面的例子吧。APP页面中,设计师使用了HOT等关键词来吸引潜在的用户的注意力,但是即便使用了粉红色来填充按钮,它的效果看起来也非常不明显。而男装部分,干脆使用了浅蓝色,这个地方的点击量就更少了。我们可以理解设计师的苦心,但是对于用户,它一点也没有吸引力。

  

  在打造一个优秀的网页之时,好的设计师不仅会赋予它良好的体验和优秀的创意,还会根据用户的习惯与诉求调整设计和创意,让设计能够落地,使得用户与网站实现良好的互动。Ptengine是一个帮设计师探索用户使用习惯的好工具,它所搜集的数据能清晰的反映网页设计的实际效果,为迭代和优化提供了有力的数据支撑。如果你想作出更优秀的设计,试试Ptengine这样的优秀工具吧。

  原文地址:webdesignledger

  优设网译者:@陈子木

好文打赏,给Ta鼓励
扫一扫用手机阅读本文
Tags:网页  细节  优化  实战  教你  使用  热点  设计  
  • 相关搜索
图片推荐
    正规企业网站被K后的反思

    正规企业网站被K后的反思

    令人抓狂的K站终于有一天这个恶梦降临到公司网站上。一直以来以为K站只是那些擦边网站、买HEI链、关键词堆砌的结果 ,想不到正儿八经优化的正规企业网站,也遭遇了被百度K站。以前看别人网站被K,看那些被K
    华为何刚:若只剩三家手机商 华为是其中之一

    华为何刚:若只剩三家手机商 华为是其中之一

    [摘要]华为手机上半年发货量4800多万台,收入70多亿美金。  腾讯科技讯 2015年7月底,在麦芒4手机发布会现场,华为消费者业务手机产品线总裁何刚接受了媒体专访。针对华为手机的定位、未来战略和目
    陈安妮变现成功、papi酱被“摧残”…网红正在走钢丝

    陈安妮变现成功、papi酱被“摧残”…网红正在走钢丝

    一篇对不起,我只过1%的生活漫画,为某款漫画APP赢得了一百万用户,这个以网红特质成功向产品引流的伟大的安妮,背着梦想婊的名声,实现了很多初创团队梦寐以求的100万初始用户获得。  以个集美貌与才华于
    线下有“奇功”,社区O2O才不被缚住手脚

    线下有“奇功”,社区O2O才不被缚住手脚

    瞄准吃喝拉撒睡,打通最后一公里,近些年,创业者不约而同的瞄准了社区O2O,风起云涌,好不热闹,着实烧了一把虚火。但是,有些事情偏偏说起来容易做起来艰难,眼看着各路英豪烧了不少的钱,至今却仍然无一家创出
    探秘虚假电影站点如何使用黑帽手法获益

    探秘虚假电影站点如何使用黑帽手法获益

    这几天笔者一直在看一部热播的电视剧《陆贞传奇》,相信很多网友也在观看这部电视剧,许多电影类的网站都有这部电视剧,根据笔者的一点经验,百度影音更新的比较快,而一些大型视频网站更新的比较慢。所以很多用户会
    新闻类的网站建设风格定位

    新闻类的网站建设风格定位

    古往今来,报刊媒体展现新闻的形式已在用户心中根深蒂固,只不过随着科学技术的发展,从传统媒体慢慢转向互联网多媒体的发展,新闻类的网站也逐渐崛起,不如把传统报刊的形象搬到网站上来,这种网站建设风格的用户体
    大姨吗柴可:互联网创业的猴子理论

    大姨吗柴可:互联网创业的猴子理论

    导读:纵观今天的互联网创业格局,就像极了正在分裂的非洲大陆,里面充斥着西非和东非的猴子。  本文作者为大姨吗CEO 柴可。  前言:前几天,一则多家App因为刷榜被苹果下架的新闻激起了我的表达欲,在我
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面