了解如何创建一个有效的登录页面可以增加网站访问者的数量，采取预期的行动的网页。让我们来讨论一下可以导致更好的登录页面设计的因素和考虑因素。
什么是登录页?
在我们开始讨论之前，有必要快速定义什么是登录页面。
- 从网页开发/技术的角度来看:一个着陆页由相同的基本元素，任何其他网页(HTML, CSS，内容复制，图像，视频等)
- 从商业角度来看:这是一个要求用户执行特定任务的网页，比如购买物品或订阅电子邮件列表。
- 从用户的角度来看:这是他们在点击另一个网站的超链接后看到的页面(谷歌搜索，tweet中包含的URL，横幅广告等)。
创建登录页的三个常见原因是:
- 让人们注册(无论是为了一个账户，一个通讯等)。
- 在特定的情况下销售特定的产品(如销售或促销)
- 让人们下载和安装软件
有效的登录页设计指南
让我们来谈谈一个好的登录页面设计的重要组成部分和因素。
行动呼吁
行动号召明确要求并迫使用户采取特定的、期望的行动。一个行动号召的例子是“订阅我们的邮件列表”。通常要求用户点击网页元素(如超链接或按钮)或填写web表单。
小贴士:
- 是明确的。通过简洁地说明用户应该采取的行动和行动的结果来直接表达。
- 限制行动呼叫的数量。通过只提供少量操作调用，你可以专注于让用户尽快采取你想要的首选操作。
- 对需要单击的操作使用按钮。按钮是传统的UI控件，用户知道它是可点击的。此外，如果设计得当，它可以吸引人们对你的行动呼吁的注意。
- 在附近准备好支持信息。用户需要被强迫采取行动，确保你的登陆页面上有鼓励他们执行你想要的行动的内容。
登陆页面广场是一个很好的行动号召的完美例子。(我们需要的是注册一个Square账户。)他们明确表示希望你注册，作为奖励，他们会给你一个免费的Square读卡器。
标题
一个有效的登陆页必须有一个强有力的标题。标题发送了登陆页面的主要信息，让访问者知道他们来对了地方。标题只有一个任务:吸引网站访问者停留在登陆页面上。
这是我们要牢记的主要目标。当你起草标题时，问问自己:这个标题足够有趣吗?它能让访问者继续阅读吗?小贴士:
- 保持标题简短直接。不要浪费用户的时间，让用户知道他们可以在登录页面上尽快实现什么。
- 设计要抓住观众的注意力。使用大字体，并将标题放在页面的显著位置。标题应该在网页的顶部，互联网用户希望它在那里。
- 考虑使用相关的关键词。使用搜索引擎用户可能使用的关键词和短语来找到您的页面。使用HTML标题元素(例如
<标题>或< h2 >)，以帮助搜索引擎更好地索引网页内容。
的Shopify登陆页面显示一个好的标题。该副本很短，并为读者提供了服务是什么快速概述。它的设计使用了一个大字体，并被放置在一个显著的位置，以便迅速抓住用户的注意力。
在标题中使用关键短语“在线商店”可能有助于Shopify的SEO努力。
简单
登陆页面应该很简单。如果登录页面太复杂，站点访问者可能会被劝阻留在页面上。越是复杂的登录页面，用户执行所需操作的机会就越小。
信息必须清晰，只包含最重要的内容。小贴士:
- 页面上的每个元素都应该鼓励用户采取您想要的行动。使用还原论的概念来帮助你消除不必要的条目和复制。
- 只有一个主要的行动号召。保持登陆页面的目标简单。选择一个您希望用户执行的任务，例如下载您的软件或注册您的邮件列表，并将其限制在此范围内。
任何额外的行动呼吁都应该加强你的首要行动呼吁。
- 使用足够的空白。如果东西太挤在一起，可能会在视觉上吓到网站访问者。
的Dropbox登陆页面非常简单。它有一个标志，一个视频还有一个行动呼叫按钮。最主要的行动是下载软件。
次要的行动呼吁“观看视频”，通过向你展示一些你为什么想要下载和使用Dropbox的信息来支持主要的行动呼吁。
眼睛流
为了确保访问者能够接触到所有的登陆页面元素，这些元素将帮助他们做出决定，采取你想要的行动，眼流量应该是经过深思熟虑的。良好的眼流量可以让网站访问者更快地使用页面上共享的信息，并确保他们最终看到你想要的行动呼吁。小贴士:
- 以逻辑的视觉层次结构安排网页组件。确定你想让浏览者看的顺序，然后设计你的网页来支持这个顺序。要了解更多关于视觉层次结构的知识，请阅读以下指南:在设计中运用视觉重量”、“在网页设计中创造焦点”和“使用权力结构和格式塔的视觉层次”。
- 利用图形元素发挥你的优势。箭头、图标和吸引人的图片可以帮助将用户的眼睛引导到网页的某个区域。
- 在某些网页组件上使用高对比度的前景色。如果一个元素相对于其背景和周围元素具有明亮的颜色，那么它就很可能获得关注。
的让我们这样做!该网站要求网站访问者向Susan G. Komen for the Cure组织捐款，为如何引导用户响应你的行动号召树立了一个很好的榜样。
网页的布局是有逻辑的，这样你就可以马上看到主要的行动呼吁。用箭头将你的眼睛指向“捐赠”按钮。与深灰色的背景相比，按钮和周围的箭头具有高对比度的颜色，确保它脱颖而出。
相关性
每个访问者从一个特定的来源来到你的登陆页面。登陆页必须与该来源相关。例如，如果你的广告说，用户点击它，可以以一半的价格购买ipad，那么你的登陆页面最好是以一半的价格出售ipad。
相关性是关键。小贴士:
- 考虑为每个营销活动创建登陆页面。例如，如果你有一个Facebook营销活动，创建一个登陆页面来迎合Facebook用户。
- 根据源自定义登录页面。根据用户来自哪个网站，添加特殊内容、折扣代码和行动号召。
减少采取行动的风险
互联网用户不喜欢冒险，这是显而易见的。我们经常担心安全、隐私和被骗。小贴士:
- 提供强有力的保证。例如，如果你想让用户购买一件产品，考虑给他们一种方法来收回他们的钱，如果他们对他们的购买不满意。
- 预见用户可能存在的任何问题并解决它们。在采取某个操作之前，用户可能希望了解该操作的更多结果。这些问题通常与成本、时间和安全性有关。
- 提供免费试用(如果可能的话)。例如，如果登录页面的目标是要求用户订阅您的付费计划之一，那么可以考虑允许用户在需要提供信用卡信息之前进行尝试。
Squarespace展示了减少注册和使用他们的web服务风险的好例子。通过明确地告诉用户不需要信用卡，注册过程只需要30秒，并且没有任何永久的承诺，他们成功地解决了与成本、时间和安全性相关的问题。
稀缺性
设计有效的登陆页面的一种方法是创造一种稀缺感。如果用户觉得产品可能会断货，或者折扣价格可能很快就会结束，他们可能会被迫不要拖延，现在就采取行动。小贴士:
- 使用有说服力的文案，传达一种紧迫感。例如，明确表示特价即将结束可能会促使用户立即购买你的产品。
- 提供传递稀缺的动态信息。例如，如果你只出售100件物品，那么在你的登陆页面上，每当有人购买一件物品时，就会显示还剩下多少件物品。
在强大的交易，它们会显示交易还有多久到期的倒计时。这可能会促使网站访问者立即购买交易。
信任的元素
有许多方法可以让用户放心，从您的登录页面执行请求的操作是安全的。一种方法是提供社会证明。社会证明的形式可以是展示关于产品的推文，来自前买家的推荐，以及第三方/非附属网站(如评论网站和博客)的正面评论。
其他方式包括展示第三方公司的证书和徽章。小贴士:
- 提供来自信誉良好和知名的web服务的社会证明数据。例如，显示Facebook上“赞”的数量是展示社交认可的好方法。
- 定位靠近操作调用的信任元素。重要的是，用户能够看到这些信任元素围绕着你的行动号召。
- 要诚实。这是不言而喻的:不要发布虚假的推荐信和膨胀的社交媒体粉丝数。
在FreshBooks登录页面，你可以看到三个信任元素:(1)使用他们的web服务的人数，(2)引用来自著名的网站，如纽约时报，(3)他们的隐私认证。
结论
登录页面的设计对于提示用户采取您想要的行动至关重要。通过遵循上面提到的简单提示，你将在创建有效的登录页面的路上走得很好。
