写给设计,遇见梦想,热爱生活
这是一颗孤独的星球,幸好遇见你
着陆页的设计并不简单
豆豆
年03月25日天气晴
写给设计第69期
“
着陆页是用户最常访问的页面,
但并不一定是首页。
”
Hello,你今天过得好吗?豆豆要在这里祝豆粉们每天都快乐~~~
今天我们要聊的是网站的着陆页。当用户打开着陆页的时候,你得让他们感知到你的品牌调性,通过行为召唤元素促使用户执行特定的操作,通过视觉化的手法,给用户留下深刻的印象等等。想要做好,真的很难。嗯,今天豆豆会和你分享10个提升着陆页设计效果的小技巧。
正如同你所知道的,着陆页的设计并不简单。单纯的将你的LOGO替换到着陆页模板上,并不能够带来足够优秀的设计效果,导航是否好使,可读性是否优秀,整体的设计是否一致,都会影响着着陆页的效果,而这些都需要你进行贴切而细致的设计,才能做好。而这也使得这些提升页面效果的技巧非常有用。
1.为页面设置一个明确的目标
着陆页通常不是大而全的,它需要有足够的针对性:你希望用户在进入着陆页之后执行什么操作?达成什么目标?
●点击一个特定的链接●查看视频●玩一个小游戏●填写表单●购买产品●分享内容到社交媒体●阅读,或者和内容进行互动
你在着落页上所放置的内容,都应该尽量让用户尽可能接近实际的目标。BarkBox的着陆页上,设计师的目标是让用户购买狗玩具,或者提交邮箱订阅信息。上面是他们的情人节促销页面,主题贴切,目标明确。(注意页面的核心是CTA按钮“GetStart”)
2.为访客而设计
着陆页的设计,一定是要考虑到网站的访客,你的用户。这听起来挺理所当然,但是实际上很少有网站能够真正做到。整个页面中,所运用到的图片和元素应该和用户相关,文本和文案也应该以贴合用户甚至让用户喜爱和欣赏的方式来呈现。
你可以深入分析你的关键性的受众。
●他们是男人还是女人?●他们年轻还是年长?●他们是否分布在特定的区域?
创建吸引用户的设计,能够提升参与度和用户转化率。
3.使用风格强烈视觉有力的图片
风格强烈,视觉上有力,又或者是足够有趣的图片,往往会给用户留下深刻的第一印象,并且能够让用户参与进来。
CouleeCreative的页面采用了一种有趣的设计策略。页面的整体设计确实没有改变,但是标题文案和图片中的男人表情会逐步变化。
这样的设计很有趣,很走心,也很让人期待。
4.设计层次清晰的文本
绝大多数的网站中都会包含不同层级的文本内容,而每个层级的文本内容的重要性、功能都会有差异,有的需要抓人眼球,有的则需要用户专注地仔细阅读。所以,你的设计需要围绕着文本的功能来设计。
●标题:使用精炼而吸引人的文本让用户注意到。●正文:主要的信息,简洁,直接,清晰。●行为召唤文本:通常以按钮和链接的形式存在,告诉用户要做什么,下一步执行什么,如何抵达目标等等。提供明确的、可操作的指引。●页脚:提供相关的链接和信息,诸如品牌、联系方式和社交媒体链接等,建立信任,提供周边信息。
5.导航和关键词的结合
着陆页上的导航元素有助于告诉用户网站的内容,将导航元素视为整个网站的关键词系统的一个组成部分是非常有意义的。
Baublebar在PuppyBowl的着陆页上就做的很好,网站主要销售女性珠宝,设计师在网站的导航栏上标识出关键词“Baubles”,也让用户明白这个页面是针对宠物的。
6.清晰的行为召唤
每个用户都应该知道他们所打开的网站是做什么的,清晰的行为召唤指引是至关重要的。不要以为用户是你肚子中的蛔虫,你往往需要通过指引来引导他们做你希望他们做的事情。
比较常见的行为召唤方式是按钮,填写表单,引导说明(比如“滚动以