分享

YES|着陆页设计优化值得注意的小细节

 YesDesign 2022-04-04
💭 Yes Design Insight 💭


第一印象总是很重要,登录页面就是潜在客户与设计师的首次互动。一个新页面可以使你的网站保持新潮。提高点击量。但是设计趋势没有尽头,出色的设计却是永恒的。

关注最新趋势是保持创新必不可少的步骤,迸发的新灵感将使你的UI设计脱颖而出!


01

整合动画

Incorporate movement

近些年优质的开场动画是着陆页运用最大的趋势之一,显示范围从背景视频到用户在屏幕上移动时的微妙动作都是足以吸引人的亮点。


 1 动画页面元素  

△设计者:UGEM

界面设计使用了渐变和玻璃效果,平滑的色彩过渡在主要的设计元素之间划清了界限。


 2 视差滚动  


△Dave Gamache 

这个视差滚动网页的Demo可以帮助所有人了解视差滚动网站的小样。当你浏览这个网页的时候,Dave 会为我们展示所有的元素是怎么运作的,视觉元素是如何淡入淡出的,图层是如何固定的,怎么在移动端设备上实现横向滚动的,非常赞。


 3 粒子背景  

△Justin Windle30,000个粒子

Jet Up融合了这些技术,页面从加载动画开始,在用户与页面交互时使用微妙的粒子动画配合鼠标的移动,图形元素有序的根据唯一的光标位置移动而变化。



02

视觉层次和队列

Visual hierarchy and queues


排版和对比的核心设计元素在当前着陆页趋势中占据重要位置,既可以吸引观众的注意力,又可以将注意力集中在CTA和其他重要的页面元素上。
 
使用超大字体来强调最重要的元素(例如您的价值主张),有助于克服仅浏览页面并做出快速判断的访问者的注意力不足的问题。


 1 色彩对比 
△Go to Meeting

高对比度的CTA 明亮的颜色在纯白色或深色背景上使用鲜艳的按钮有助于其跳出页面。
通过在主要CTA中使用醒目的大胆标题和高对比度橙色来有效地利用这两种趋势。
 


03
互动性

Interactivity

除了直接与访客互动之外,还有什么比这更吸引人?人天生就是社交,好奇的生物。我们想玩,探索和联系。设计师完成此操作的一些重要方法是通过用户交互体验时进行移动、响应或更改元素。


 1 实时聊天和聊天机器人 

△intercom Business Messenger

实时聊天机器人与客户建立联系,实时回答问题,可以减少服务台呼叫。
分层人工,自助服务和主动式支持工具,可提供各种规模的高质量个性化帮助。


 2 内容和表单 
允许用户在不离开页面的情况下,向下取得更多信息,完成任务或提交请求。


 3 导览  


允许用户在亲身体验客户体验的同时体验您的产品或工具。
 

 4 战略性弹出窗口 


在适合用户流的情况下,及时提供有用的建议,而不会减损任务或因刺激或烦恼有被放弃的风险。


 5 互动体验 

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多