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

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

作者: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:网页  细节  优化  实战  教你  使用  热点  设计  
  • 相关搜索
图片推荐
    从安妮宝贝到霍金:中国“网红”的17年进阶简史

    从安妮宝贝到霍金:中国“网红”的17年进阶简史

    摘要:视频网站的兴起让网红们在更具未来潜力的影音时代也开始展现实力。视频直播网站为一些乐于分享、有自我展示欲望的网民找到了一个新的互动平台,它吸纳了大量90后、00后的新生代。  从1999年网红文化
    简单点 做营销界的一股清流

    简单点 做营销界的一股清流

    随着互联网的普及,营销也变的愈发的多样化,那么我们如何脱颖而出,成为营销界的一股清流呢?  就拿已经结束的奥运会来说吧,引人注目不仅是赛事,随之热度飙升的还有奥运经济。奥运会是全世界全民参与的大型体育
    内容创业背后的版权之痛 版全家能否带来春天?

    内容创业背后的版权之痛 版全家能否带来春天?

    在这一次的两会中,知识产权再次成为了热点话题,足见政府对于知识产权的重视程度越来越高。去年,在整个中国经济下行压力较大的情况下,版权产业却获得了逆势上涨,其中最为主要的一个原因就是,内容创业的火爆无形
    微信群营销鱼塘理论的6大混群方法

    微信群营销鱼塘理论的6大混群方法

    在营销界有个很出名的理论,叫做“鱼塘理论”。把客户比喻为一条条游动的鱼,而把目标客户聚集的地方比喻为鱼塘。我们想要的客户,除了需要我们的产品和服务来满足自己的需求,他们还有其他的消费圈、生活圈和信息获
    企业站高质量原创内容的撰写思路和操作心得

    企业站高质量原创内容的撰写思路和操作心得

    众所周知,网站内容是网站权重提升最基本的单元也是百度火星计划重点强调的地方,2013注定是文章质量为王的一年,笔者一直从事的是企业站的运维和推广,发现企业网站尤其是内容构造方面着实让人头大,笔者虽然也
    47家淘宝店刷单被查封:为刷信誉寄空包裹

    47家淘宝店刷单被查封:为刷信誉寄空包裹

    [摘要]这一批被处罚商家最长开店时间为107个月,最短开店时间为4个。  腾讯科技讯(孙宏超)5月22日消息,继5月初阿里巴巴零售平台对天猫商家开出5月首张炒信罚单之后,今天阿里巴巴开出了5月以来的第
    一加手机2代超高还原度渲染图曝光 窄边框很惊人

    一加手机2代超高还原度渲染图曝光 窄边框很惊人

    【TechWeb报道】虽然工信部已经将一加手机2代的谍照和信息泄漏无疑,但是鉴于工信部的拍照水平,并不能完全反映出一加手机2代的所有特征,最近有网友根据工信部的谍照制作了一加手机2代的渲染图,一起来看
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面