欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

10种方式的网页设计师可以优化2017的转换率

发表日期:2017-03 文章编辑:小灯 浏览次数:476

了解如何设计一个网站,将游客趋之若鹜。


良好的设计和有效的复制来共同创造一个网站,。

简单的方程,对吗?但是,有时候,很难找到合适的方法来创建和合并这两种要素达到转化率。


记住,这里的一些技术可以让人们如此兴奋你的网站,他们不禁转换。


1.通过保持简单提高转换率

blob.png

  • ‍极简设计除掉多余的关注。

  • 明显的总是赢


扁平、简约的设计可以通过剥离设计和内容仅为重要的元素,提高转换率。戏剧性的阴影,渐变,和其他“现实”的视觉效果去掉,干净和简单的二维设计的出现。

通过集中你的基本要素,而不是装饰,这种二维的方法可以在创造一个有序的布局和优化转换率是超级有帮助。它也为那些非常重要的行动号召更多的空间(CTAS)生活、不受不必要的拥挤的呼吸。


不要去很小,你失去的启示

人们已经习惯于有某种深度和维度的按钮。通过设计师的多年的努力,这些特点已经成为“启示”指标的互动。


如果没有这些特征,扁平按钮可以容易忽略当你浏览一个网页。这就是为什么你选择了一个比较重要的按钮颜色和一个位置,让你的按钮的互动明显。在风格和视觉技巧,带领游客的目光,明显的卷也可以帮助。


2.建立合理的布局大限度地转换

我们读过的好的我们所读的。

即使是小的审美,你还需要确保有一个基本的逻辑内容的位置。有人浏览你的网站应该从一个想法到轻松下。简单的方法之一就是确保你的布局,坚持人类的阅读模式,像“F型”。


博客VWO了很好的例子一个重新设计的“F型”,导致销售增长了35.6%。


当设计你的网站,想想你想要的人采取的行动,那么您的网站结构,使它在逻辑上走往,动作自然,无摩擦的方式。


3.通过添加上下文的“优化

别让我思考

–Steve Krug,大家都说

当我们在网上搜索的东西,我们通常不做“一般”的原因。相反,我们正在解决一个具体问题。所以,承认在你的设计中就有一个整体的感觉。


例如,一个旅游公司称之为自然空气为他们的网站覆盖特定目的地的一页。每一页有一个明确的电话在屏幕上正确的行动。


的问题吗?CTA一般。它读“每日航班在哥斯达黎加”和它的一个按钮,阅读“预定航班配对。”

但在塔马林多,一个特定的页面为例,那只是不削减它。因此,该公司增加了第二个CTA,直接地演说游客的愿望:去塔马林多。


经修订的CTA阅读”飞到塔马林多,从58美元,“自然空气看见高达转化率增加591%

所以,永远比你的“。尽管“整个哥斯达黎加”显然包括塔马林多,这需要额外的精力进行连接。不要问别人为你做的跳跃为他们做。


4.使用响应式设计使人在每个设备

blob.png

一个响应式设计的作品始终在设备。

有这么多的移动设备在那里,响应式设计是一个必须提供一个统一的经验。当你的网站上的各种各样的装置作品,更多的人将能够转换,当和他们想去的地方。


响应式设计的关键是对电子商务网站的转化率优化因为你知道,如果你曾经尝试过店就在您的手机无响应的网站。叫它“折腾”,可能会获得我的年终奖”。


谷歌报告那个人拥有多种类型的设备90%将屏幕切换之间的同时努力去做的事情。这是有道理的,对吗?我们中有多少人浏览我们的工作电脑鞋(分手了!),只为了他们以后,我们的电话吗?一致性和功能!用户体验保持人和高转换率的优化是至关重要的。


然而,设计相应的导航需要反思。而不是依靠亚马逊式的巨型菜单,你要关注少数重要的页面(好)作为你主要的资产净值,然后链接从网站的有意义的地方的身体。


值得庆幸的是,这是转化率优化的好东西:它让你专注于有可能导致转换的页面,并把其余的身体和页脚链接。这是登陆页面的标准实施规程。


当你设计你的网站响应,你要密切注意你的元素,精心布置在桌面将转化到移动设备。你不想,右列CTA在网站的页脚部分获得英雄埋在较小屏幕上。


轻易地,Webflow让你自定义你的响应设计的每一个元素,所以正确的元素总是显示在正确的地方。与flexbox相反,你甚至可以在不同的设备上的布局,通过点击一个复选框。


5.滑块和旋转木马可以伤害转化率

blob.png

“这轮趋势真让我恶心。”

让我们正式:图像滑块(或是旋转木马)完成。他们已经成为关于宠物石头一样精彩。


另外,滑块可以减缓你的大图片的网站,增添不必要的干扰,并可不,他们往往不允许人们消费内容的时间。在某些情况下,可以直接导致了较低的转换率。


根据帖子通过窥视拉加上conversionxl.com,元素如滑块和旋转木马是分心,因为人眼对环境的反应如何。


我们的大脑习惯于在其他静态景观的运动检测。这是跟踪长毛猛犸象在冻土带回来的日子真的很有帮助!不幸的是,这种本能的反应能引起人们注意的滑块和传送带的运动比我们希望他们专注于转换点。


滑块也没有意义,当你在移动设备上。Brian Krogs在他的一点”滑块的吸“这很容易滚动比滑动。这是更容易浏览你的网站在移动设备上,更高的转换率。


相反,使用一个单一的,一个有力的标题副标题组合静的英雄形象。这会说更多关于你的品牌比旋转木马充分分散的消息会。


滑块也可以带来太多的H1标签到您的网站。网络爬虫讨厌这些,因为他们把他们对页面信息的层次。这会影响你的网页排名,所以好避开他们。(当然,你可以简单的风格P标签看起来像H1,但这是一个黑客,而且增加了不必要的风格,你的CSS。)

blob.png

现在,从我们的赞助商的一个简短的单词


6.使用卡片布局移动导航优化

Webflow使用卡片布局整个网站告诉他们的故事。

另一种设计方法,针对进化增加的移动浏览的是“卡”的布局。在这种技术中,离散的容器结合文本、视频和其他类型的内容,而不是果酱包所有你能在一个有限的区域,但有效地传达特定信息。这些卡依靠视觉和稀疏的副本突出重要的信息,就像谷歌的移动搜索结果。


卡片布局工作完全与模块化的设计方法。每个容器代表整个页面的设计的一部分,和他们一起交流页面的更多消息。这有助于人们从一个移动到每个容器下,逐步消化所有的信息。这种布局的简单也很容易翻译到移动设备。


如果做的好,卡可以创建一个逻辑和节奏,提高了整体的用户体验(转化率)。


7.选择正确的颜色来提高转换率

blob.png

‍您的色彩选择可以对人们如何回应你的设计的巨大影响。

色彩唤起的情绪,那么你选择的组合将在传达品牌的个性起着至关重要的作用,并让人们采取行动。


色彩唤起情绪,人们做出购买决定从情感的地方。所以你选择的颜色组合可以发挥重要的作用,不仅传达品牌的个性,而且优化你的转换率。


颜色成为尤其地在行动的重要,这需要对比的色调脱颖而出其余的设计。当你选择一种颜色,保持行业标准在心。有些颜色是如此频繁地用于特定的状态和相互作用,如大胆的红色,不同的应用可能产生混淆的错误信息。


8.写的内容转换

blob.png

‍不赶写你的内容。让你的话你的平面设计一样美丽。

当然,一个体贴的布局和迷人的形象,你的网站看起来棒极了。但这并不意味着你可以偷懒写作。你说的东西必然对人们如何看待你的品牌产生巨大影响的方式。填充你的奇妙的网站和坏的或误导仿如浇在五星级餐馆的招牌菜酱。


你需要为你的观众写的,使用的语言和音调,他们理解。在供给一方网站的写作要从一个销售高端服装设计师,非常不同。研究你的听众是谁,所以你可以以有效的方式可能与他们沟通。(即使你认为你自己的一部分,你的听众。)


考虑编写转换型复制的重点是游客将通过作用于你的报价经验利益的重要的事情。怎样拥有你的产品或服务将改变来访者的生活中,你会将它们。


9.优化你的标题

在平均五倍多的人看标题是阅读正文。当你写的标题,你花了八十美分的钱。您的网站的标题可能是你传达信息的唯一机会。


所以让他们抓住人们的注意力,让他们阅读。你可以这样做:


  • 与效益主导(读者将离开页面)

  • 简洁,但挑衅

  • 用幽默或创造性的文字游戏

  • 远离陈词滥调(注意,幽默与创意的文字往往玩陈词滥调,这是不同于实际使用A)

  • 如果这听起来像一个标题任何你的竞争对手会使用,不要使用它。创意和独特的写作标题和你复制的休息。


正如极简美学可以自由你的布局在分心,同样可以说,文案。你的内容需要在可能的简单的方式传递你的信息,同时仍然是迷人的。


退出“确认羞辱”

blob.png

‍生活不网站试图羞辱你付诸行动。

我们已经看到了这种趋势(字面)出现越来越多的在网络上。你傻傻地看一些博客的网站,所以希望你读的时候,突然!一个模态弹出满满一匙的调侃。


我们相信,尝试这认为这是超级搞笑的第一撰稿人,但这是苦的消息这样可以毁掉一个经验。这是一个反应,在现实生活中会是粗鲁的,那么为什么它在您的网站上?


你如何优化转换吗?

你可能已经尝试过各种各样的事情来提高你的网站的转换率。


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://www.dengtar.com/10873.html
相关企业建站知识
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.