包括金融□□□□公司、电商平台、会员商城、积分商城,都需要用□□□□户登录。而登录页◥面设计的□□□□目标之一◣就是“用户喜欢□□□□登录”。
那么,如何设计企业商城类网站的登录页面呢?我们提供如下指南。

尽量减少文字
设计一个□□登录页面□□□□需要在包☆含的文本▲数量上保△持一种微○妙的平衡。一方面,你想提供◆产品的详▽细信息来□□□说服访问□□者购买。另一方面,你也不想△用铺天盖□□□地的信息□□□□来阻止访♦问者。一般来说,你的登陆□□□□页副本应□□□该简明扼□□□要。将你的产△品最重要□□□□的信息分▲离出来,并尽可能□□□□地压缩。使用最少□□的文本,你选择的□□短语必须□□□□有意义和□□□□吸引人。
选择一个干净的UI
从视觉上看,你应该希望布局整洁。当涉及到登陆页面设计时,简单就是清晰。为了让你的登陆页面便于访客浏览和消化,避免混乱。留下足够的空白,并分解大块的文本。如果你要在登陆页面上添加一个注册表单,不要添加太多字段。相反,要保持简洁,切中要害,只留下最重要的细节:访问者的姓名、电子邮件地址,或许还有他们的职位。
写一个强大的CTA
创建登陆○页面的最□□终目标是□□□什么?转换。如果有一□□个转换的□□□□关键因素,那就是你□□□□的CTA。
cta应该很简✦单——通常只有□□两个词——但他们需☆要清楚地□□□□传达价值。从视觉上□□□□看,它们应该□□醒目醒目。创建一个□□对比色的CTA按钮,并把它放□□□□在一个高□□度可见的□□位置,例如直接◆在你的登□□陆页面的□□□□主标题下□□□□面。
坚持品牌颜色
最好的登陆页面包括色彩的突出。这可以确保你的品牌在所有平台上是一致的,并帮助访客立即将你的登陆页面与你的业务联系起来。尝试使用与网站其他元素形成对比的品牌颜色来创建一个突出的登录页面。
选择吸引人的视觉效果
视觉效果,就像你对□□□□颜色的选丨择一样,必须吸引□□□□并吸引访□□□问者。即使您的□□产品是高□□度技术化□□□□的,例如软件,您也需要▽找到一种□□□□方法来可□□视化地表◣示它。这不仅对□□□□吸引访问□□□□者的眼球◉很重要,而且对分□□解文本和□□□让你的登□□录页面更□□□□容易理解□□□□也很重要。
使用F或Z模式
人们的眼□□□□睛倾向于□□□以F或z形的模式△在网站上□□移动。为了最大□□化你的登□□□陆页设计□□□的有效性,试着把这▽些模式考□□□虑进去。
可以把最❖重要的登□□陆页面元□□素-页眉,主图像和CTA按钮-放在一个F或Z配置。例如,将图像放□□□在左边,标题放在□□右上角,CTA在标题下□□□□面遵循F模式,提示读者□□的目光锁□□定在CTA上。
让访问者专注于页面
避免在登□□□□陆页面本□□□□身包含你□□网站的导□□航栏——这会让访❖问者很容□□□易地离开CTA。同样,不要在你•的登陆页□□拷贝中包□□□含反向链◣接。
社交分享
一个有效□□□的策略是□□□□让它在社□□交媒体上▲被分享。这可以让□□□□浏览你的□□□□登陆页面□□□的人向他□□们的追随□□□□者传播信□□□□息。虽然这种□□策略不能□□直接提高□□□□转化率,但可以增□□□□加页面的□□点击次数。你带来的□□□访客越多,整体的转□□化率就会□□越高。为了鼓励□□□□人们分享,在登陆页□□□□面的第一◥页添加一※些不同的□□社交按钮。
A/B测试
如果你对◉某个特定□□□的登陆页□□□□设计有矛□□盾,最好的事♦情就是做□□□一个实验□□□来测试你□□□□的页面的□□□□不同版本。