爱收集资源网

10个提升着陆页设计效果的小技巧,你值得拥有

网络整理 2024-02-04 06:04

网站的着陆页承载了太多的东西。当用户打开着陆页的时侯,你得让她们感知到你的品牌调性,通过行为召唤元素使得用户执行特定的操作,通过视觉化的手法,给用户留下深刻的印象等等。想要做好,真的很难。今天的文章将会和你分享10个提高着陆页设计疗效的小技巧。

正就像你所晓得的,着陆页的设计并不简单。单纯的将你的LOGO替换到着陆页模板上,并不能否带来足够优秀的设计疗效,导航是否管用,可读性是否优秀,整体的设计是否一致,都会影响着着陆页的疗效,而那些都须要你进行贴切而细致的设计,才能做好。而这也促使这种提高页面疗效的方法十分有用。

1. 为页面设置一个明晰的目标

着陆页一般不是大而全的,它须要有足够的针对性:你希望用户在步入着陆页以后执行哪些操作?达成哪些目标?

你在着落页上所放置的内容,都应当尽量让用户尽可能接近实际的目标。BarkBox 的着陆页上,设计师的目标是让用户订购狗玩具,或者递交邮箱订阅信息。上面是她们的情人节促销页面,主题贴切,目标明晰。(注意页面的核心是CTA按键“Get Start”)

2. 为访客而设计

着陆页的设计,一定是要考虑到网站的访客,你的用户。这听上去挺理所当然,但是实际上极少有网站才能真正做到。整个页面中,所运用到的图片和元素应当和用户相关,文本和文案也应当以贴合用户甚至让用户喜爱和欣赏的形式来呈现。

你可以深入剖析你的关键性的受众。

创建吸引用户的设计,能够提高参与度和用户转化率。

3. 使用风格强烈视觉有力的图片

风格强烈,视觉上有力,又或则是足够有趣的图片,往往会给用户留下深刻的第一印象,并且还能让用户参与进来。

Coulee Creative 的页面采用了一种有趣的设计策略。页面的整体设计确实没有改变,但是标题文案和图片中的女人表情会逐渐变化。

这样的设计很有趣,很走心,也很让人期盼。

4. 设计层次清晰的文本

绝大多数的网站中还会包含不同层级的文本内容,而每位层级的文本内容的重要性、功能还会有差别,有的须要抓人眼珠,有的则须要用户专注地仔细阅读。所以,你的设计须要围绕着文本的功能来设计。

5. 导航和关键词的结合

着陆页上的导航元素有助于告诉用户网站的内容,将导航元素视为整个网站的关键词系统的一个组成部分是十分有意义的。

Baublebar 在 Puppy Bowl 的着陆页上就做的挺好,网站主要销售男性首饰,设计师在网站的导航栏上标示出关键词“Baubles”,也让用户明白这个页面是针对宠物的。

6. 清晰的行为召唤

每个用户都应当晓得她们所打开的网站是做哪些的,清晰的行为召唤指引是至关重要的。不要以为用户是你腹部中的绦虫,你常常须要通过指引来引导她们做你希望她们做的事情。

比较常见的行为召唤方法是按键,填写表单,引导说明(比如“滚动以查看更多”),甚至动漫。

Jonathan Patterson 的着陆页中,每个明亮的色块就会在光标悬停的时侯变暗,并且给以说明,引导用户去点击获取更多信息。

7. 尽可能订制内容

着陆页本身就是为了特定功能而存在的,而且这个目标和功能一般是比较单一的,而这样的页面自然也须要足够的自定义设计来尽量达成目标。

Trulia 这个网站的首页/着陆页就是尽量引导用户而且让用户提供她们的地理位置信息。通过自定义设计,用户才有可能深度地参与到交互当中来。

8. 清晰而高关联性的品牌设计

着陆页最常见的问题就是容易让人倍感乏味网页点赞,或者和主站的信息、设计上有所割裂。

在品牌设计上,着陆页和首页以及品牌本身应当有清晰的关联,确保用户不会有跳出感,让她们能否自然的参与到内容当中来。

Nike 的运动鞋订制页面就做的非常好。它和整个网站的品牌化设计保持着高度的一致,从LOGO到图标,从字体到图片风格,用户晓得这个页面的特殊性,同时也就能轻松明白它和整个网站之间的关系。用户永远不会怀疑这一点。

9. 符合用户预期

当用户在其他的网站上点击链接跳转到这个着陆页上来的时侯,他们会对这个页面或则网站有所期盼,换句话来说,着陆页的设计应当具备特定的功能,迎合特定的需求,并且要贴合跳转的来源用户的预期。

Bills.com 这个网站的着陆页采用了相对简单的设计,它可以帮助用户管理财务。从网站的名称到功能,用户还能产生一个相对明确的概念和预期,而完成整个流程之前,用户不会看见其他的无关内容。

这样的设计和网站的跳转来源(比如社交网络)有着紧密的关联,用户晓得接下来会发生哪些。

10. 构建层次结构和流程

设计良好的着陆页有着良好的可用性,这也意味着它有着清晰的层次结构。用户应当先看哪些再看哪些?他们将会在页面上执行哪些任务,实现哪些目标?合理的层次结构和贴合用户模式的流程很大程度上才能让用户和页面进行正确的互动,帮助用户达成目标。

在前面的 LS Productions 网站中网页点赞,设计师让网站在视觉上呈现出清晰的行动流程,超大的视频背景,分别放在顶端两侧的 LOGO 和菜单,以及向上滚动的 CTA 引导说明「Scroll for more」。用户可以在几秒钟内快速获取这种信息,并且开始操作。

结语

着陆页和首页虽然是两个东西,两者在功能上有差别。有的网站可能是二者合而为一的,但是好多网站不是。着陆页是用户最常访问的页面,但并不一定是首页。

顶级的着陆页设计一般是须要营销人员参与进来,并且尽可能充分利用着陆页的流量。了解用户,有针对性的设计,是着陆页设计的关键。

「2018年设计趋势,一个都不要错过」

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质英文教程网站,分享了大量PS、AE、AI、C4D等英文教程,为零基础设计爱好者也打算了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制做出拉风的视觉疗效。

设计导航:国内人气最高的设计网址导航,设计师必备:

网页点赞