作为设计师,在设计登录页面时,除了要让你的界面设计拥有出色的视觉效果,还要想尽可能地获取新用户,并留住老用户,即提升登录页面的转化率。然而,要设计出一个拥有不错转化率的登录页面设计,并不是一件容易的事,设计师在进行设计时必须要懂得以提升转化的目标来进行设计。那么,设计师该如何做才能更好的提升登录页面设计的转化率呢?
今天,Pixso设计师就通过对11个最受欢迎的的登录页模板设计进行分析,从设计角度将其概括为以下几个关键点,希望能够帮助大家做出优秀登录页。
1. 简洁为主,聚焦用户视线
越是复杂的页面,越会让用户感到迷茫。人们更喜欢简洁、留白较多的设计,这样更能聚焦人们的视线,让用户能够更加专注当前的目标。在登录页面设计,尽可能让用户专注当下一个目标,不要添加任何分散用户注意力的元素,将更能促进用户转化。
在上图这个移动端的登录页面设计模板中,设计师采用了大量的留白设计,整体页面非常干净、简约,能够让用户一目了然的执行登录或者注册操作,是一个非常好的登录页面设计。
这是另外一个网页端的登录页面设计模板,采用了大量的空间留白,让网站访客能够快速聚焦于网站功能,配图的选择也是与文案相互关联的,没有任何多余的无关元素。
2. 善用色彩
在登录页面设计中,色彩可以影响用户的情绪,从而影响用户的交互体验,但并没有一种色彩是万能的,实际的情况要根据产品用户来决定。学会合理使用色彩,将能非常有效的提升登录页面设计的转化率。
上图是一个流行电子商务网站的登录页面设计,采用了极具活力的黄色与橙色为主,辅助色搭配黑色,给人一种活泼、青春潮流的感觉,给用户带来积极的心理暗示,促进用户购买。
在这个儿童类登录页面设计网站设计中,也采用了大量高饱和度、明亮的色彩,能够让用户与儿童喜欢的色彩相联系,与背景对比强烈的CTA按钮,也让用户无法忽视,召唤用户去点击。
3. 巧用视线引导
让用户按照登录页面设计的路径进行浏览,并且在相应的区域完成转化是非常重要的。通过视觉引导,告知用户当前在做什么,将要去哪,让用户明确自己在干什么,这些都是可以运用视觉图形、人眼暗示等方式做到的。下面我们来看看,在设计中具体该如何做呢。
在这个程序员网站登录页面设计中,就采用了真实人物的照片,通过人物的眼神所看的方向来引导用户关注网站核心内容,在召唤按钮上也添加了箭头图标,引导用户进行点击。
在上面这个登录页面设计案例中,采用了从上至下、从左至右的用户浏览路径,通过向下的箭头,暗示用户向下继续浏览。
4. 突出展示产品核心卖点
告知用户你的产品与其他产品的不同之处,往往最能打动你的用户。在登录页面设计中,需要尽可能简练的将你的产品卖点展示出来,告诉用户产品的价值,才能让用户心甘情愿的买单。
在这个IT SaaS登录页面设计中,非常简单直接地表明了该SaaS产品的核心特色,并且对重要的功能,做出了突出设计,让用户快速获取产品价值。大家可以在Pixso资源社区免费下载查看完整的该登录页面设计模板,马上前往Pixso资源社区。
在这个设计工作室的登录页面设计模板中,可以非常直观地看到,工作室具体提供什么服务,让用户明确是否是自己想要的。
5. 强调最受欢迎的选项
把最受欢迎的选项直接突出显示出来,减少用户的决策时间,鼓励用户选择,从而提升转化率。
在这个商业登录页面设计中,在标准价格与免费以及企业价格间有所区分,通过蓝色背景突出强调标准价格,从而鼓励用户选择购买该选项。
6. 展示知名品牌客户,提升用户信赖感
对于一个较新的产品,往往需要通过知名品牌来背书,才能为用户增添更多信任。用户只有在信任该产品的前提条件下,才会进行购买行动,因此提升用户信赖是至关重要的。
在这个例子中,在登录页面设计首屏就显示了全球知名企业是该企业的客户,这就为新用户打下了一定的信任基调。知名企业的背书能让更多同行,开始对该产品产生兴趣。
7. 提供试用
在SaaS类面向企业客户的产品登录页面设计中,往往需要通过用户试用,来让用户对该产品进行了解。试用是将有意向的客户转化为付费客户的有效手段。
在上面这个登录页面设计中,就通过非常醒目的试用按钮,来增加用户进行更多了解的可能性。大家在进行登录页面设计时,可以尽可能的放大试用路径,引导用户进行使用。
写在最后
以上就是Pixso设计师本次要给大家分享的登录页转化率提升要点,希望能够为你自己设计登录页构建一个良好的基础,帮助大家更好的提升登录页面设计的转化率。最后,再给大家一个小福利,本文所提到的这11个登录页面设计模板设计,大家可以从Pixso资源社区免费下载使用哦。可以直接在Pixso设计软件里,对登录页面设计模板进行修改编辑,创建出符合自己项目的登录页面设计设计。