赞助商
立即赞助

实战案例电商banner电商设计经验分享

专题页设计3年前 (2021)发布 流光
3K 0 0

品推广页设计,看上去很简单。不就是放个Logo,一大图,放点文案,加个按钮吗?

实战案例电商banner电商设计经验分享

△ by Outcrowd @ Dribbble

很多产品推广页,要么一味追求高大上,忘向用户介绍产品和销售产品的初衷,毫无转化功能。又有的产品,为尽能劝服每一个用户下单,生生把自己当成打造成一个告牌,惨不忍睹。无论是产品经理、设计师,还是用户,似乎我们很设计(与10年前相比),但我们忘一件简单的:推落地页最主要目的是销售产品或想法仅此而已。

我们在设计品广页时,要牢记它目和作用。这不是场选美比赛或是创意比赛。页设计应该与众不,不应该过于复杂。页信息应该接了,体视觉风格应该契合品特征,时要保证能够吸引目标用户。用户在广页物体验应该是快速、简单、愉快。

一些推广落地页有的问题:

实战案例电商banner电商设计经验分享

盲目跟风

记前几年苹大时,堆网站模仿苹风,连龙辣条都加入了。是这么多年来,有几家公司品可能为跟随设计趋势而大卖呢?显然寥寥几,为用户并不会为个品广页设计很潮决定下单。

推广落地页是来销售产的,而是为了他设计师来点。例如,现在使插画很流行。但你在决定是否在使时,就要考虑这种方式是否真的符合产定位和户心。如果插画符合目标户的使场景,则应该因为是设计趋势而使它。

例如阿巴巴招聘网站配图是比较严肃的公楼:

实战案例电商banner电商设计经验分享

而阿巴巴校园招聘网站使用的却是卡通插画:

实战案例电商banner电商设计经验分享

追寻计潮流似乎是整个行业所有人在一开始就会犯的错误,这是让你适应工作最简的一种方式,但也容易让你迷失。如何计你的推广落地页应该根据你的目标用户来确定,而不是由站酷或Dribbble上大热的计潮流来决定。思考一下你产品的性。什的风格、颜色和图片会更适你的产品。

例如的产品如果面向的B端客户,也许一手持电话的真人照片会比一萌萌的3D图片合。

实战案例电商banner电商设计经验分享

文字太多

无论你的产品是多的出色,无论你多想向整个界介绍你的产品,你都应该知道一件事:

1. 人并不喜欢阅读

应该使用简而有力的句来描述产品的创和优点,并以最快的速度抓住用户的注和兴趣。浏览网页的用户可能会上下滚动浏览页面而不会仔细阅读每个简的段落,如果页面有多文字的话,用户有可能会离开页面。

把过的内分多部分(例如感言)。试用简短的、易懂的句子不段的文字表达重的信息。确保页面文本图片的总体比例至少1:1。同时文字应该伴随图片或可视化数据,否则看起太沉闷、沉重了。

实战案例电商banner电商设计经验分享

按钮太多

按钮一定要追从“少即是多“规则。绝对不会因为多摆放了个按钮,就增加用户点击的概率。用户因为找不按钮,而无法下的率也非常低。所以,重复摆放多的操作按钮,不但没用,反而有可能会让用户厌烦。

越是重复得多,就越难引起注。

可以让操作按钮吸顶或吸底,甚至用户试滚动页面的时候再出。这样,一旦用户试寻找按钮,就可以立即找到。不用担他们因找不到弃。

实战案例电商banner电商设计经验分享

过于复杂的导航

作为计,遵循的主要则之一就是:

1. 不要重复造轮

如果某些方法行之有效,那为什要使其复杂化呢?这也是为什不喜欢在页面使用非主流导航的因。用户是习惯向下滚动页面的,这已经成为了一种本能反应。

的网站了性,使用左右或者其它的特别翻页形式。这样确实会让人吓一跳,但并不会给产品推广任何超出。用户发页面不下翻页之后,不会注意到产品的介绍,相反,会试弄清页面的交互方式:横向滑动的吗?或者我需点击某些链接会出内?或者只需待?

所以向下滚动是页面最的互方式,不要为使你的网页更具个或创意而修改个互模式,不值得。

实战案例电商banner电商设计经验分享

不做任何用户测试

如果任何用户测试的话,无法确的产品推广页否真的能达到的效果(当然,如果的转化率仍然低,那也算一种用户反馈)。

除非这页面根本无所谓,并不用于转化。但对于部分公司,花费时间精力出一产品推广页,却转化率相当于,那还不如不。

用户测试的成并不高,也许只要20%的额外研时间,就能够至少增加50%以上的转化提升。

有时,仅仅是更改主要操作按钮颜色或者是标签可能带来奇效,大大提升转化率。

没有人够测试就预测户的行为方式,因为每个人的立场都一样。只要是神,就可吹灰之全解他人。

欢迎关注作者的公众号:「体验进阶」

实战案例电商banner电商设计经验分享

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Z Yuhan:这篇文章从一个眼动实验得来的数据分析用户对长网页的阅读习惯,以及对比八年前的数据发现用户行为的惊人变化。最后...
用户体验设计
橙子的橙子 :年初的时候分到了增长组,从此每天的话题都跟数据相关了,做一个图都需要想转化率好不好,怎么才能更好。当然更...
增长设计
王镇雷:在工作中,无论是设计师还是产品经理都会广泛接触到大量用户和商业数据,如何正确的理解及使用数据,是每一个互联网...
数据分析
阿里巴巴_B2B_UED – 郑萌萌:做务实的创新,一点一滴的改变。 提到创新不知道大家有没有这样困惑:每天都在做的项目,要在里...
创新设计
今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动? 本书分为七个部分,第一部分到第三部分讲用户进入网站前30...
Web设计
在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合,往往能够呈现出截然不同...
优秀网页设计
「是能点还是不能点呢?」这是用户在面对一些操作按钮时,大脑中会迟疑的问题。 按钮越多,做决定的时间就越长。用户必须仔...
ui设计
彻底的设计改版最好使用 A/B 测试来验证,而 MVT(多变量测试)则表示不同的 UI 元素之间是如何相互影响的,并支持对设计的渐...
A/B测试