往往当用户想要在某一个网站或APP上登录或注册一个账号时，登录和注册页面就显得尤为重要。登录或者注册表单是网页和APP设计中最重要的元素之一，所以在设计网站和APP的时候，表单的设计需要慎重考虑。好的登录/注册表单可以鼓励用户成为注册者，订阅者甚至成为你的常驻业务客户。一个拥有干净的外观，优质的创意以及视觉吸引人的表单必定会提高访客的转化率。设计一个有效和干净的登录/注册表单要求设计师具有丰富的创造力和经验，以下几个小技巧希望可以帮助大家。
小贴士：以下是几款表单设计常用的原型工具供大家参考：
网页： Axure， Mockplus， UXPin。
APP： Justinmind， Proto.io， Invision。
将“注册”和“登录”分开
大多数情况下，我们看到“注册”和“登录”按钮位于彼此靠近的位置，但这可能对用户产生反向影响。
两个动作都包含相同的动词，并且看起来相似，所以他们可能会混淆用户选择错误的选项。使用户感到沮丧，离开应用程序。基本上，嵌入在应用界面中的元素不应该让用户暂停和思考。可以使用不同的动词或简要说明每个字段是什么来帮助用户更好的理解。
提供明确的引导提示
当用户输入错误时一定要明确的指出到底错在哪，而不是简单地说一句“输入错误”，同时还应指导用户写出正确的答案。“出于安全考虑，您的密码长度必须在 6 个字符到 10 个字符之间，并且包含至少 1 个大写字符、 1 个数字和 1 个符号”。这是一个典型的密码错误提示。
使密码可见
用户经常遇到的另一个问题是密码错误，因为大多数密码输入字段由于安全原因而被屏蔽。
即使是最有经验的打字员也会有输错的时候，尤其是当他们从移动设备登录时。
在这种情况下，可以在密码字段旁边添加一个“显示密码”复选框或图标，当用户勾选它时显示密码。
输入时自动填充/自动读取常用账号
我们在登录/注册时，经常需要输入账号和密码。这时候，简化或缩短用户输入时间是各网页/应用优化体验的的方式。
允许第三方账号登录
使用第三方账号登录可以解决很多注册问题，用户无需注册表单，填写信息资料，密码甚至验证码等。最重要的一点便是用户不需要再记住一个新的用户名和密码了。不足之处就是有些用户可能不喜欢共享账号或者担心隐私被泄露。所以最好的方法就是即提供邮箱注册，也提供第三方账号登录，让用户自己选择，提高用户体验。
不要在不警告的情况下锁定用户的帐户
为了避免强制进入和暴力攻击，许多网站和应用程序在一系列错误尝试后会锁定帐户。
安全性是第一，但是至少应该在锁定账号之前尝试警告用户，告诉他们还可以尝试多少次输入。还可以给出额外的详细信息，例如 10 分钟后再重试。
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/surface/1831.html
微信扫一扫
支付宝扫一扫
相关推荐
-
为什么keep完成训练后不直接显示发布按钮？
用了很长时间的Keep，个人觉得这个多一步操作是相当有价值的。 首先，在完成了训练的时候，会记录完成训练的次数和相关信息，并提示点选“感觉如何”，这是一部简单到一秒钟就可以完成的动…
-
从百度知道改版看网站制作发展方向
刚刚到百度知道看了看，突然发现很不适应。原来是百度知道页面整体剧中了，你还别说，还真有点不适应……百度知道为什么突然之间改变多年的习惯，一下子剧中了呢？这里是不是蕴含着什么秘密？我们大家一起来大胆的猜想一下，纯粹猜想，如果您不屑一顾，那么就当作一次笑料吧！放眼望去，互联网90%以上的网站都是剧中的，其中又有一大部分是中小型网站。说中小型网站还不如直接说咱们个人站长得了！
-
2021毛玻璃拟物化会成为UI设计新趋势吗？
今年年初新拟物化（Neumorphism）风格最初在社交媒体上风靡，很大程度上，来源于资深设计师 Michal Malewicz 的文章《Neumorphism in user i…
-
企业网站风格应该如何选择
如何选择自己企业的网站风格，谈不上其中有多深的学问，但一定有科学道理在其中，一个人不可能同一时间点内对两件事同等的关注，也就是说有重点，这个重点就是你最想告诉浏览者的，其余的围绕这个重点，这是企业网站应该有的特征，企业网站的界面一定应该简洁大方，协调一致，最起码不能给人的生理心理造成干扰。
-
PANTONE（潘通）发布2021春夏10大流行色，设计师的配色灵感来了
不知不觉，2020仅剩两个多月 很快又要迎来新的一年了 而每逢这个时候 色彩预测权威机构PANTONE潘通 都会公布下一年的流行配色 这不，前段时间潘通大佬 发布2021春夏10大…
-
如何在原生 Android 上强制启用圆形图标规范
Google 在 Android 7.1 中引入了 圆形图标 设计，在 Android O 中又进一步引入了 自适应图标 特性。这些图标设计演进的最终目的都是为了让应用图标在保留自…
-
css超级实用的一些写法
一提起图标，大家可能第一个会想到PS、美工等词语，但很多小图标现在根本都不需要再打开PS了。 1、常见的括号（ 前进或后退“>” ） .arrow{ width:12rpx;…
-
互联网系统架构为什么要做前后端分离呢？
在现在的互联网架构中，前后端分离已经是一个非常常见的系统架构方式了，但是我们将前后端分离以后，感觉项目的架构比传统的分层架构更复杂了，需要的人力资源也更多了，甚至项目周期也变得更长…
-
企业网站问题的深层次分析
从表现形式来看，每个网站的问题可能都有所不相同，但从实质上来说，其根本原因是相似的，也就是说都具有共同的缺陷特征。从现象来看，这种状况通常被认为是企业网站运营策略失当，如网站推广不力、信息更新不及时等，但从更深入的层次上分析，则是由于缺乏对企业网站功能、企业网站的本质以及企业网站与网络营销之间关系等基本问题的深入了解所致。