这篇文章来自我们的用户体验清单系列:
如何提高登录页体验
登陆页是重要的潜在客户生成工具，它有两个主要目标:1)为用户提供决策所需的关键信息，2)提供明确的行动路径。
虽然一个登录页面的成功很大程度上取决于受众、产品或服务、行业和垂直领域，但有一些通用的指导方针可以改善任何登录页面的用户体验。
为了帮助你开始，我们把事情分成了对可用性和转化率都至关重要的四个主要类别:
查看我们下面的检查清单，看看你的登录页面是如何衡量的:
1.清晰
清晰度可能是最重要的话题。如果你想让人们采取行动，他们首先需要理解你所提供的东西。理想情况下，您的页面应该足够容易理解，任何访问者都能够向其他人解释您提供的内容。
一般清晰
传达你的价值主张
用户应该能够立即弄清楚这个页面是关于什么的，它对他们有什么用处，以及他们应该如何以及为什么要采取行动。
使信息尽可能可扫描
79%的用户浏览内容，只有16%的用户逐字阅读。一个好的经验法则是每段不要超过3-4行，每两段之后有一个描述性的小标题。事实上，尼尔森诺曼集团发现简洁、可扫描、客观的文案可以提高124%的可用性。
创造吸引眼球的标题
你的标题是用户登陆你的页面时看到的第一件事。它应该是清晰的，相关的，并触及你的报价的主要好处。它也应该满足用户的期望:如果他们是从广告进入你的登录页面的，确保信息是一致的。
也不要低估小标题的作用。例如，不要只写“我们的过程”，试着加入一个好处:“我们的过程——为你节省X，以更少的Y和更多的z。”
清楚地列出支持细节
项目列表比段落更容易理解和记忆。使用列表列出关键的好处和特性，或任何其他对价值支柱重要的支持信息。
使用任何人都能理解的语言
应该避免使用行话、最高级、炒作或任何其他无意义的短语。他们不仅难以理解，而且给人的印象是噱头和不值得信任。当它怀疑时，保持简单和直接!
提供完整的信息
做出决定所需的所有关键信息都应该得到处理。这可能包括对价格、运输、退货政策信息或保证等方面的怀疑或犹豫。
设计清晰
留下积极的第一印象
人们很快就能做出判断，处理视觉效果比书面内容要快得多。这意味着你的设计对你的名声！你的设计应该看起来专业，值得信赖，而不是垃圾。
建立一个强大的视觉层次
页面上最大和/或最突出的部分是最重要的吗?你的提议和行动号召应该在你的视觉层次中排名靠前。考虑大小、位置、颜色和折叠上方或下方的位置。
避免假底
虚假底部发生时，有一种页面完整的错觉，尽管下面有更多的内容。注意页面上那些感觉像是逻辑结尾的区域，并添加视觉线索。虽然几乎所有人都会滚动页面，但我们想要确保能够激励他们这么做保持滚动。
利用高质量的图片、视频等。
比真人更大的照片吸引了人们的注意力，但我们想确保它们传达了正确的故事。确保你的图片和视频是高质量的，以创造一个积极的第一印象和专业的感觉。
2.激励
激励是鼓励人们此时此地而不是以后采取行动的激励因素。通过运用与你的价值支柱相关的说服技巧，让你的提议看起来不可抗拒。
关注用户，而不是产品
清楚地展示你的用户将获得的好处，帮助他们理解为什么他们应该采取行动。例如，“在4周内塑形”是比“我们专门做有氧运动训练”更有力的激励。
教育的特点和好处
特征(技术规格、细节、材料、组成、事实)对环境和决策很重要，但应该转化为好处(价值道具、销售宣传、奖状)，以推动你的报价。
换句话说，就是特性告诉虽然好处出售．在这两方面都要进行教育，但要在哪个最能与目标受众产生共鸣的基础上取得平衡。
有足够的说服力
- 紧急情况:过去常常鼓励人们现在就行动。例如:“限时优惠”或“还有5天加入!”
- 社会证明:这是任何来自公司外部的第三方主张，用于合理化决策。当社会认同用于缓解摩擦或痛点时，它是最有效的。例如:奖状，评级和评论，案例研究，安全图标，统计数据等。
- 稀缺性:类似于紧迫性，但指的是数量而不是时间。人们会被那些看起来独一无二的东西所吸引。例如:“库存还有2件”或“在过去6小时内预订了17次!”
- 权威:值得信赖的人物大有帮助，这就是为什么那么多公司请医生、名人或名厨为他们的产品做代言。例句:“10个医生中有9个推荐……”
- 互惠:如果你提供免费赠品，人们更倾向于购买。例如:免运费、赠品、优惠券/折扣、特价等。
3.摩擦分
摩擦表现为用户在完成任务或转换前可能面临的障碍、恐惧、焦虑或怀疑(例如，从技术错误到不一致的消息传递)。识别并解决这些问题对提高可用性和转化率大有帮助。
不要白费力气
人们喜欢低视觉复杂度(保持简单)和高prototypicality(保持布局熟悉)!
确保上下文相关性
- 标题与页面内容匹配吗?
- cta是否与他们所获得的价值相符?
- 图片或视频是否与你的内容相关?
- 你的用户来自哪里?如果它们来自一个宣传“免费试用”的展示广告，那么最好在你的页面上宣传“免费试用”。
符合技术标准
在移动电话时代，您的页面必须能够响应并跨多种设备工作。
此外，它还必须跨多个浏览器工作，并快速加载。确保你的QA是彻底的，或者在多个设备和浏览器上对你的页面进行演练，以发现错误或技术问题。
简化形式
确保表单只问必要的问题。如果你问的是敏感信息人们怀疑自己的隐私或安全——他们不会提交那份表格的。确认信息、清晰的错误验证、直观的标签和微拷贝也很重要。
提前解决疑虑和焦虑
确保您解决了用户在完成任务时可能遇到的任何恐惧或担忧。例如，你正在销售一种产品，但没有提供任何关于退货政策或担保的信息吗?解决这些摩擦点不留问题有助于减轻用户的疑虑和恐惧。
避免不必要的干扰
- 闪烁的横幅或自动滑动条是否会偷走人们的注意力?
- 你是否有很多与offer无关的信息?
- 是否有任何因素不能促成期望的行动?
如果以上任何一个问题的答案都是肯定的，那么很有可能，你应该考虑削减一些开支了。
减轻可访问性问题
- 使用对比度检查器文本和背景颜色
- 避免使用颜色作为传达信息的唯一方式
- 只使用键盘/不使用鼠标导航
- 让可点击的项目足够大(44x44像素是一个很好的基准)
- 提供Alt属性对于任何非文本元素，如图像和地图
- 为音频和视频添加字幕和文本
4.行动
确保行动的路径非常清晰
确保你的cta足够大，有足够的空白空间和视觉对比度，这样它们就能在页面上脱颖而出。相关的图标也可以帮助你的cta吸引人们的注意。
创建备用路径进行操作
可以考虑添加二级路径来代表不同阶段(研究、评估等)的访问者，但不要忘记你的视觉层次。次要的行动路径应该看次要的。
尽可能有效地标记按钮
根据经验，你的标签你也可以使用关键字研究、用户测试和调查来确定一个触发词来包含在你的CTA中。如果你的用户正在寻找“定价”，那么触发因素就是“定价”。最好避免使用“提交”。期望是模糊的，很少有人渴望“屈服”。
优化转换过程
结合上文提到的“点击触发器”来增加动力或减轻恐惧或担忧。例如，“不需要信用卡”或“随时取消”可以很好地缓解焦虑，而“限时优惠”或“仅剩1件存货”则增加了一种紧迫感。
如何优先安排登陆页更新
你的登录页面选中了一些复选框，但不是全部。现在怎么办呢?
清晰度和摩擦是两大具有高回报潜力的类别。如果你正在寻找一种更系统的方法来划分事情的优先级，试试下面的5分制:
5 =严重的；这是一个影响大多数访问者的关键可用性问题，或具有很高的潜在收入影响。
4 =至关重要的；这是一个关键的可用性问题，可能不会影响到所有的访问者，或者对收入的潜在影响较小。
3 =主要；这是一个主要的可用性问题，可能不会影响所有的访问者，或者有很高的潜在收入影响。
2 =小；这是一个较小的可用性问题，可能不会影响很多访问者，或者对潜在收入的影响较小。
1 =吹毛求疵；这是一个较小的可用性问题，具有较低的可视性或较低的潜在收益影响，但仍然值得修复。
下一个步骤
无论您是在创建新的登录页面还是优化旧的登录页面，我们都可以帮助您:
注册我们的时事通讯，在您的收件箱中查看更多类似的文章:
