服务热线:400-889-1636
业务联系:021-5230 0317
客户服务:021-5230 0319
在线咨询:
w88,,企业w88,网上商城,,,求创科技
w88,,企业w88,网上商城,,,求创科技

电商网页banner设计

时间: 2016.12.21 来源:网

导读:双 11、双 12 终于结束了。每到这些电商节日,我们的网页和手机 app 首页就会变得比平时夸张。但夸张不一定是好事,到底怎样的首页轮播图才是科学的?看完今天分享的这篇文章,你就有答案。

 


横幅、图片滚动、滑块、特色内容模块,或其它你能想得出的类似叫法——它们在网页上随处可见。横幅常被用于电商w88特别是其主页上。大多数电商w88的桌面w88主页都有横幅。

 


但主页横幅真的对用户有用吗?或者说它们能算作一种简便的内容呈现方式吗?

 


就上述问题,随便问一个人,他们都会告诉你横幅是一种实证效果不好的模式(anti-pattern)。Erik Runyon 的一项研究显示,只有 1 %的w88访客会点击并浏览横幅相关内容——而其中有 84 %的人仅仅是点击第一张滚动图片。

 


Jared Smith 特地做了一个w88叫「我该不该使用横幅?」,来说服大家「即使能用,也不应该用横幅」。但也许,在 Jared 的w88上最好的说明,是 Lee Duddell 说的:

 


横幅的有用之处在于,你能用它来告诉市场营销领域或者高管人员「你们的最新想法已经呈现在主页上啦」。要么用横幅把用户忽略的内容放在你的主页,要么,如果你想的话,就永远别用横幅。

 


事实上,若能坚守一些重要的操作细则,主页横幅可以得到很好的宣传效果,还会对用户很有帮助。本文将探讨这些操作细则,并简单介绍如何设计好的横幅。

 


什么是横幅

 


横幅是在主页上显示市场营销信息的一种推广形式。设计师通过横幅,不用让用户滚动浏览剩余页面也可实现信息密度(指一份信息所能提供的相关信息量的相对指标)最大化。横幅呈现形式和大小非常多样,但通常情况下,横幅(正如本文所述)都有如下特征:

 


它出现在主页靠上部分,占据了「折叠以上部分」(显眼位置)绝大部分区域。

 


在同一个位置展示一条以上的推广,即便实际上一次只能展示一条;每条推广都包含了图像和少许文字。

 


在同一横幅中,能看出有不止一条主题内容。


 


横幅的优点

 


通过横幅,可以在主页同一块黄金区域显示多条内容。


越靠近页面顶端的信息更越可能获得更多的关注。


横幅的弊端


人们经常忽略横幅,同时忽略掉的还包括全部或部分横幅里的内容(即使横幅可以自动滚动)——访客基本上不会在页面顶端逗留过久。因此,不要指望人们消化掉横幅的所有信息。


设计师通常将横幅视为一系列图片的集合体,但众多用户通常只看了其中的一张图片。看完横幅中的一系列图片能给人留下精准的印象,使人了解相关服务或产品,但如果一个人只看到其中的一张图的话,他可能就无法明白你想传达的业务信息。


优质横幅设计指南


1. 内容第一


有句我们听过无数遍的话:内容为王。横幅形式的精美不如其内容与用户的关联度重要。


如果横幅的内容不相关,无论其与用户的交互多么简单,其用户体验仍将非常糟糕。这里需要提一些重要的规则:


如果内容对访客不够有吸引力、或没有帮助的话,比如是人们不想关注的推广信息,那就不要用横幅。这些横幅大多数情况下只会分散用户的注意力,而不能指引用户至一个简单明了的行为号召。


横幅内容不能像广告(或者与广告格式内容一样)。如果内容看起来像广告,大多数用户会选择直接忽视。原因就在于旗帜盲点(网页使用中的一种现象,指w88访问者自觉或不自觉地忽略横幅样的信息,又可称为广告的盲目性)。所以,选择合适的字体和图像使得横幅和页面其他内容相匹配就显得非常重要。这样的话,横幅才会像整个w88的一部分,而不是网页上被强加的广告。

2. 限制滚动图片的数量


横幅最多放五张图片。再多的话,用户可能就不会去看了。限制滚动图片的数量,还有一个好处就是帮助访客更好地了解w88内容,回过头来能在横幅里再次发现相关内容。


3. 提供进度提醒


让用户知道一共有多少张滚动图片,还需要让其看到目前「进度」是第几张。这可以使人们感到一切都在掌控中。


圆点或类似符号能显示滚动图片总数,使用户知道其目前看的是第几张图


4. 确保滚动图片的内容在手机上清晰易读


由于手机越来越强调注意力,优化横幅内容以方便手机客户端查看则是首要任务。文字和图片显示得越清晰,用户越有可能有兴趣去了解相关内容。


所以,确保滚动图片的文字在各种屏幕上清晰易读就非常重要,即便屏幕内容缩小到非常小的界面,也要能在屏幕上清晰显示。此外,如果你将桌面w88的插图重复利用到手机页面中,一定要检查文字是否清晰易读。


5. 设计恰当的导航按钮


导航按钮要帮助用户识别各项选择,使用户在核心滚动图片中看到相关内容时能回想到这些选择。


确保导航按钮存在并出现在横幅内,而不是横幅下方或者其他区域。这样就可以避免显示不当的问题。

苹果主页提供了可视化高并且便于识别的下一项/上一项按钮。


8


推荐示范


链接和按钮的辨识度要高,并且足够大,以方便辨识和点击。如果按钮(下一项/上一项以及滚动图片选择器)小而紧凑,亦或在杂乱背景的表面,则其辨识度不高,也不方便点击。


在天梭主页,横幅左右两端的箭头在浅色背景图映衬下辨识度很高,也方便点击,但在图示暗色背景图上,箭头辨识度就非常低。


9


不推荐示范


手机设备支持滑动手势。这不是否定传统的横幅操控方式(比如下一项/上一项按钮),而是在支持滑动手势的基础上添加这些操控方式。


1-O7YiF_LB57buGwuo2fxKrA-2


推荐示范。手机设备支持滑动手势。图片来源:Dribbble


自动滚动(或自动轮换)小技巧


横幅中不同图片的自动滚动可以让访客浏览相关信息。但要使得自动滚动运行流畅,还需注意以下四点细节:


1. 手机设备不要加载自动滚动功能。用户在点击屏幕时,可能会因为横幅图片自动滚动不小心点到不想点开的图片。


2. 确保自动滚动切换速度不要太快。有时横幅滚动切换过快,用户无法读取信息,这会让他们失望。当然,自动滚动切换过慢也有相应的问题——用户会厌烦这些滚动图片。


建议测试最佳停留时间,或至少预估普通用户平均花多长时间去浏览和消化相关文字内容和图像信息。


如果理解不同滚动图片的信息需要不同的时间量,则还要考虑针对单个滚动图片需要单设的停留时间。如果你没法准确把握停留时间,则不建议使用横幅。


3. 让用户保持可控状态(控制给人信任)。鼠标放置在横幅上方暂停自动滚动,可以避免自动切换到用户即将看到或点击的滚动图片。在任一主动的用户交互(比如点击横幅按钮)完成后,终止自动滚动功能,因为一次点击即代表一次主动的用户请求,这说明用户对此很有兴趣和意向。


4. 滚动到最后一张图片后不要停止。继续循环播放所有图片,显示用户正浏览的滚动图片。


除横幅之外的最佳选择


主页横幅最常见的问题在于缺乏背景铺垫:通常,用户对下一张滚动图片的内容只能略知一二,也基本没有说服他们关注下一张图片的理由。所以,他们不太愿意去查看这些内容。要解决这个问题,除了横幅外,你也可以考虑主图(大的促销图片)。


相比横幅,主图有以下优点:


用户可以专注于这一张图,而不再将其注意力分散到其他的滚动图片。相比滚动,静态主图能更少地分散用户的注意力。


若设计师明白其只能选择仅此一张图片,图片还要表达其感情,他们更可能会选择呈现更能代表相关服务或产品的内容。


你可以有效地确定内容的优先次序,放弃横幅,使用有用又有效的主图,再加入横幅中行为号召相关的元素。


比如下方亚马逊主页截图,设计师通过主图设计突出其畅销产品—— Kindle Paperwhite。这幅主图既非常引人注目,又做到了传情达意。


11


亚马逊的主图字体和色彩与主菜单栏字体和色彩相匹配,这幅主图看起来就是整个w88的一部分,而不是强加的广告。


再举个例子——New Balance 发布其新品鞋,通过一条留下快速闪过痕迹的路径吸引访客眼球,使访客各得所需。


12


新百伦同时呈现畅销目录和畅销产品


结束语


如果用户无法与你设计的横幅产生互动,可能不是横幅模式的问题。正如版面其他内容,横幅也需要引人入胜才能称作有效。不要仅仅为了增加屏幕的内容而添加横幅。要记住横幅永远都不能胜过其内容——如果内容不相关,用户体验将会特别糟糕。


然而,若横幅内容符合质量标准,则横幅可以得体的方式将w88热门与特色的内容突出呈现给用户。因此,对于「我该不该使用横幅?」这一问题,正确的答案应该是:对目标用户的体验有帮助的话,那就用吧。

 

业务咨询

客户服务

我要留言

节假日咨询电话

136-0172-7814

关于我们

上海求创科技有限公司成立于2001年,是一家专注于为客户提供高端w88策划、w88建设、网页设计、品牌网络营销以及相关的基于互联网应用服务的专业公司。

更多

全国客户服务热线

400-889-1636

w88,,企业w88,网上商城,,,求创科技-微官网 w88,,企业w88,网上商城,,,求创科技-手机网
友情链接: | | | | | | w88建设 | w88优化 | w88设计 | IPv6 升级 | 微信开发 | H5开发 | 系统开发 | w88维护 | 海外社会化媒体推广 | 上海w88设计 |
业务热线:021-52300315 021-52300317 业务部:sales@handsoffmy.org 售后服务:service@handsoffmy.org 投诉邮箱:info@handsoffmy.org 域名和主机服务:021-52300319
地址:上海市静安区镇宁路168号16楼A室 邮政编码:200040
版权所有©上海求创科技有限公司   w88地图