400-600-1078

网站设计之着陆页设计技巧《二》

文章出处:本站 | 网站编辑:优设网

774|56 2018/3/28 14:25:25

接上文,我们讲到的,网站建设过程着陆页的重要性,分享着陆页设计的十个小技巧,今天继续分享。


6. 清晰的行为召唤

jp.jpg

每个用户都应该知道他们所打开的网站是做什么的,清晰的行为召唤指引是至关重要的。不要以为用户是你肚子中的蛔虫,你往往需要通过指引来引导他们做你希望他们做的事情。


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


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


7. 尽可能定制内容

trulia.jpg

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


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


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

nike-id.jpg

着陆页最常见的问题就是容易让人感到厌倦,或者和主站的信息、设计上有所割裂。


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


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


9. 符合用户预期

bills-com.jpg

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


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


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


10. 构建层次结构和流程

ls-prods.jpg

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


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


结语

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


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



本文转自优设网,文章版权归原作者所有!

原文地址:http://www.uisdc.com/landing-page-design-tips