10个提高网站转换率的设计技巧

了解如何在数字化设计中做出有根据的决策,以帮助用户完成您网站上的操作并提高转化率.


提高转换率的设计技巧

数字设计是进化的.

就像时尚一样,数字设计也随着网络而发展。当喇叭裤换成紧身牛仔裤时,3D徽标变平了。还记得霓虹灯趋势吗?这些响亮的色彩逐渐淡化为您今天所看到的现代简约调色板。网站从使用相同的曲奇切割机布局发展到开发自己独特的几何图案.

设计在网络中占主导地位,因为现在已经可以预期功能.

下一步是用您的内容和美观吸引用户。为此,有一些 设计规则 你必须遵守。遵循它们将使您的品牌形象保持一致并吸引用户。正确实施后,这些技巧不仅可以吸引受众的注意力,还可以提高转化率.

开始吧!

1.基础知识:字体选择

选择字体的设计技巧

如果您只是作为数字设计师的职业生涯开始,请警告,确定字体会影响或破坏您的设计。选择完美的字体就像为面试选择合适的领带一样,这需要一些思考。领带使服装栩栩如生的方式相同,字体选择可以协调艺术品和信息.

当涉及到设计基础时,创建由三个或四个字体组成的字体系列是公认的规则。当然,如果设计需要,您可以添加更多内容,但是为了保持品牌形象的一致性,您需要一个坚实的基础.

不要忘记记住您的工作媒介。您要打印时事通讯吗? Serif字体̶每个字母结尾都带有小装饰线的字体̶非常适合打印,一些最受欢迎的Serif字体是Caslon和Garamond。这是纯粹用于您的社交媒体渠道吗?如果是这样的话, 无衬线字体 字体主导着数字领域。您可以阅读有关网络上流行的一些流行字体的更多信息。.

2.基础知识:配色方案

设计技巧-选择合适的颜色

确保与Rainbow夫人保持良好关系,因为没有她,事情会变得很灰暗。作为设计师,色彩是您最好的朋友。了解哪些颜色搭配得很好,哪些颜色搭配不佳对于凝聚力和均衡的设计至关重要.

您可以在数百万个地方开始学习,但是对于任何初学者来说,一个安全的起点就是从单色调色板中选择颜色。这意味着在逐渐增加明暗程度的同时保持相同的颜色。如果您想留在舒适区,请尝试类似或三合一的配色方案。观察色轮,类似的颜色是连续的。他们是紧挨着的。三色系颜色是在色轮上形成等边三角形的颜色。对于那些几何形状可能不正确的人来说,这意味着均匀分布的三种颜色在色轮上形成一个三角形.

如果您想走在野外,使用分开的互补色方案将为您提供另一种选择。为此,选择一种颜色,然后选择与之直接相对的颜色,并在两侧选择两种颜色。这四种颜色将构成您的互补色方案!

感到挑战了吗?下一步,看看色彩理论。这表明不同的颜色会激发不同的情感。例如,红色和橙色等暖色散发出兴奋和活力的感觉,而蓝色和绿色等冷色则散发出平静而舒缓的效果。据称,颜色理论在食品工业中特别流行。 ConceptDrop, 红色和黄色区域用于诱发饥饿。要提高网站的转化率,请确定最适合您品牌的颜色以及如何有效使用其基本色调.

3.基础知识:层次结构

内容层次结构的设计技巧

建立一个合理且经过深思熟虑的层次结构不仅是一个好的设计原则,而且是SEO的最佳实践。用户和搜索引擎都将通过多次访问来奖励布局良好的网站。对于Google而言,这完全取决于他们是否能够理解您的网站结构.

考虑什么是最重要的,并相应地订购每个项目。的 理想结构 一个网站就是金字塔,首页位于您的顶部,然后是一系列类别页面。此大纲也可以应用于每个单独的页面。从标题,日期,字幕开始,然后跟着复制.

4.基础知识:比例

您网站上的所有内容都应成比例。请勿拉伸照片或仅键入文字以填充空间或获得特定的美感。解决方案不是使照片变宽几个像素或使字体略高以填充空间。乍一看似乎无害,但将照片拉伸会导致像素变形,从而降低其质量。同样,拉长或加宽文本会使字母变形,并且通常很难用多行重复。这也是一种不良的设计习惯,因此请保存自己,不要一开始就陷入这种模式。!

使用Adobe Illustrator或Adobe InDesign时,请确保使用相应的比例控件以防止照片歪斜。在Illustrator中,在调整图像时按下Shift键。对于InDesign,您需要同时按下Shift键和Ctrl键,同时调整图像以使其保持比例.

花点时间确保您网站上的每个项目彼此成比例,以达到您想要的外观。图片或设计不成比例的网站看起来有些业余和平庸。在数字时代成长的用户具有更高的标准,如果他们不喜欢网站上的内容,则可以更快地点击。可能还需要更多工作,但是最终结果(一个有目的的网站)非常值得!

快速资料: 如果内容/布局不吸引人,超过38%的访问者将停止与网站互动.

5.不要害怕消极!

负空间的设计技巧图片来源

负数空间不是空白空间.

过多的信息杂乱出现在您的主页上会使您的用户不知所措,老实说,这看起来很糟糕。使用负空间来创建有目的且有意义的设计。从徽标到报价中选择任何内容作为焦点,然后将画板的其余部分保持不变。让该联络人为您做所有讲话。还是不服气?查看这些惊人的品牌 利用负空间 发挥其全部潜力.

6.高质量的图像值得成千上万的用户

使用等同于DSLR的智能手机相机,没有理由为照片质量不佳,尤其是当您试图为电子商务网站销售产品时。您所有的图像都必须是高质量的。确保仔细整理图片,因为通常摄影是事实,而在线图片是用户亲临观看产品的最接近的内容.

还要注意图片中的背景和光线。您需要编辑色相吗?是否需要裁切图像?这些都是需要考虑的照片设计元素。通过从Sophia Amoruso的书#Girlboss中抽出一页来吸引用户进入您的产品,并创建展示产品轮廓的图像。通过上传高质量的图像来开展您的业务,并从e-bay到硅谷.

7.明确号召性用语 & 心理触发

号召性用语设计提示

不要在用户身上玩弄花样-确保他们确切知道您要问他们的内容以及您希望他们做什么。设计您的主页时要考虑到特定的目的,并通过一个号召性用语欢迎您的用户。此外,针对电子商务行业,请确保您的“立即购买”,“在此处结帐”或“销售”关键字都是引人注目的且显而易见的。添加紧急因素也将有助于促使用户采取行动.

使用社会证明UseProof.com是一项功能强大的服务,可增强社交证明,并且已知可将销售平均提高10%.

8.简化流程

运行电子商务网站意味着您希望用户进行购买。让他们做到这一点, 过多的不必要的选项卡使过程复杂化!

他们必须点击后退按钮(或查找购物车图标)的次数越多,到达所需位置的机会就越大,他们放弃或放弃该过程的机会就越大.

谢里斯·雅各布

保持简单,然后一步一步。更重要的是,允许他们以一到两个简单的步骤检查购物车。不要给购物者借口离开!通过简化结帐流程来提高转化率.

9.没有惊喜

对您的用户在您的网站中可以期望的内容保持坦率而直截了当。避免在客户结帐过程中突然出现的隐藏成本或费用。为了让您的用户完成您的CTA,他们需要了解并看到一条清晰的完成路径。弄清楚他们的路,在结帐时不要让他们感到惊讶.

快速资料: 如果遇到意外的运费,超过28%的用户将放弃购物车,而必须重新注册帐户的用户中,有23%的用户将放弃购物车.

10.客户体验就是新的用户体验

在您的网站上创建一个板块,购物者可以在该板块上保持更新和了解情况。这将为用户提供一个特定的位置,供他们进行所有个人查询。如果您要卖衣服,您的退货政策是什么?您的品牌有新的优惠券吗?如果他们收到的物品有缺陷怎么办?

这对于提高转化率很重要,因为它可以提高客户满意度。即使在当天的客户服务代表签字后,创建FAQ部分或类似内容也可以使您能够访问。根据 帮助侦察, 消费者发现客服代表无法在50%的时间内找到问题的答案!最重要的是, 82%的客户 由于不良的客户体验而离开了一家公司。将此关键因素整合到您的数字设计中,向您的消费者展示他们是第一位的!

结论

这10条设计技巧都是您整个数字职业生涯应遵循的良好原则。从基础到更复杂的设计决策,应有目的地进行这些选择。密切关注美学并观察转化率的提高!

回顾一下,这是第二张照片:

  1. 基础知识:字体选择
  2. 基础知识:配色方案
  3. 基础知识:比例
  4. 基础知识:层次结构
  5. 不要害怕消极! (至少在设计方面)
  6. 高质量的照片值得一千个用户使用
  7. 使号召性用语清晰可见!
  8. 简化结帐流程
  9. 对您的用户诚实对待他们正在处理的事情,不要感到惊讶!
  10. 客户体验和数字设计齐头并进

祝你好运和设计!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map