操不完的心！在设计注册/登录界面时要注意的常见问题
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
操不完的心！在设计注册/登录界面时要注意的常见问题
如何为网站设计用户流程是一个老生常谈的话题。随着时代的发展，新用户注册、到真正加入一个网站的过程一直在变化，从简单的信息填写发展到全面的注册方式，再从系统的注册回归简约直观的登录体验，新用户的登录流程经历了一个迂回的变迁过程。现如今，绝大多数的网站已经放弃了复杂、繁复的注册流程，将用户可能会遭遇障碍、引起用户反感和烦躁的部分去除，尽可能简单的让用户完成注册和登录流程。
当用户完成注册之后，可以选择性地提供额外的信息，而这些信息可能会给给用户带来更加定制化的。为了安全起见，绝大多数的网站还是提供了邮箱验证甚至电话验证的环节，甚至提供备用安全邮箱的验证机制。
总而言之，在今天我们来审视网站的新用户注册登录流程，这是一套系统、完善且具备完整约定俗成规则的设计环节。
登录与注册
随着注册流程的优化和简化，和注册界面现在很容易被混淆。造成这种混淆的原因不止是简化。首先许多网站会选择将登录和注册界面设计地非常相似，甚至将其直接容纳到同一个界面当中去。许多用户不经意间在一个网站注册过好几个帐号的事情，并不鲜见。
问题不仅仅存在于流程上。在中文中，“登录”和“注册”两个词在视觉上有很明显的差异，但是英文中，“Sign Up”和“Sign In”也是很容易引起混淆的。
所以，为了让用户不再有不必要的混淆，最好是设计不同的界面，并进行差异化的视觉和内容的设计，确保用户不会误判。在这里说说反例， 的登录/注册界面就非常典型地勾勒出简化后的重复布局是具有何等的迷惑性。
邮箱地址和用户名
在注册环节，还有一个特别值得注意的问题就是用户名和注册邮箱的问题。当用户注册时候，最好不要让用户去创建独特的用户名，并且以此用作登录服务的唯一凭证。绝大多数的用户会有至少2个邮箱——一个用作工作，一个用作私人用（在中国许多人可能只有一个邮箱，QQ邮箱……）。所以，最好的方式是让用户使用邮箱登录，注册用户可以在登录之后修改信息，增加辅助邮箱，可以添加用户名。
另外，在移动端发展迅猛的今天，让用户使用手机号登录也是非常不错的方案。首先手机号具有独特性，作为登录帐号拥有便捷性和易于记忆的特征，作为常用的帐号存在，更易于用户使用。
值得一提的是，手机号还符合目前流行的两步验证安全机制，系统可以更加便捷地为用户发送验证码。
进度条是用户界面中最重要的存在之一，它为用户呈现进度，设定目标，并将信息反馈给用户。进度条让用户可以清晰地了解他已经完成多少，还有多少有待完成。也正是有了进度条，复杂的加入环节才得以分割、简化，并且显得更加清晰。
LinkedIn 在这方面做的相当突出，它将用户信息的完成度完全量化，激励用户不断添加内容完善个人信息。
动效是目前最常用也最实用的元素之一。使用动效来告诉用户如何填写表单，将动效和行为召唤按钮等设计结合到一起，可以让用户明白下一步的操作流程。
在 Readme.io 这个网站中，猫头鹰会随着操作而变化，当用户输入密码的时候，会非常可爱地盖住自己的眼睛。动效和动画的加入让页面无形中加入了更多的互动，显得更加引人入胜了。同样的，Shopify 在注册界面中，会用弹出的标签动效来帮助用户了解下一个操作步骤。
第三方登录
虽然并不是每个用户都会使用第三方的帐号（微博、微信、Facebook、Twitter、LinkedIn等）来注册/登录网站服务，但是预留第三方帐号登录的选项是很有必要——这样的登录方式更加便捷。
越来越多的网站和APP的注册流程中，密码不再是输入两次，这样的情景下，注册时密码输入错误几乎是致命的，所以为用户提供密码显示可以有效的避免这个问题。要知道，目前许多注册都是在移动端上完成的，拇指在屏幕上输入密码比在键盘上输入的失误率更高。
超过82%的人有忘记网站登录密码的经历，随着网站、APP和各类服务的增长，这个数字只会增加不会减少。
提醒大写锁定
当用户输入密码的时候，提醒他们键盘是否有大写锁定，也是值得注意的点。为用户提供文本提醒或者视觉提醒都有助于避免多次输入错误，降低用户浏览受挫机率。大多数的浏览器已经集成了大写锁定提醒，所以这个问题只要稍加注意就可以看到。不过，用户在属于密码的时候注意力大都集中在输入的内容上，所以大写锁定提醒必须优雅又醒目。
避免反模式设计
设计模式的存在，顺应用户的习惯和交互的规律，让用户可以更好地与界面进行操作。反模式的存在，同样可以引导用户行为，但是引导的结果往往不可控或者无法达成目标。常见的反模式设计并不少：
·用户输入信息失误的时候报错，然后删除所有输入的而内容
·当用户已经拥有帐号的时候，依然允许用户使用该用户进行注册
·为用户添加了看似可点击但是实则无法点击的标签
·限制用户输入字段长度但是完全不给予提醒
去除验证码
移除验证码可以有效的提高转化率。虽然验证码可以很好的避免注册机，但是验证码对于用户而言的挫折更多，12306 堪称反人类的验证码就是个很好的反例。据统计，有38%的用户会在第一次输入验证码的时候输错，15%的用户会一直输错，而这类用户通常在第五次输错之后彻底放弃注册。
REDDIT 就彻底移除了注册环节的验证码，去除之后网站的新用户注册率同比增长8%。当然，反注册机和机器人还是很有必要的，如果情况比较严重可以选择比较人性化的验证机制来规避。
想要提升新用户注册的转化率，绝大多数要应对的的问题，了解用户的痛点，除了要考虑传统的桌面端用户的问题，还要应对移动端用户的新需求。在好体验和安全性之间把握好平衡点，这也是新用户注册环节最难两全的问题。
【技多不压身的设计师工资更高！】
平面设计：
交互设计：
前端开发：
抠图技巧：
配色方案：
交互设计自学路径图：
原文地址：
优设译文：
「子木说」
城市越来越大，上班在路上的时间越来越长。当初在北京工作的时候，我住在知春路，公司安排的上班地点在燕郊，每天耗在路上四五个小时，一来一回全靠Kindle和播客混时间。那时候听的最多的是友的聊播客和糖蒜电台，转眼几年过去，优设也有微电台了。虽然才刚刚起步，但是妹子们做的很用心，内容也很接地气。每期时间都算不得太长，甚至都不够填满你在西直门排队换乘的时间，但是甜美的声线能让你在拥挤的人流中不再烦躁。
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的师学习平台，专注分享、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量108万的人气微博 ，欢迎关注获取资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注【求助】facebook账户被停用_facebook吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：155,066贴子：
【求助】facebook账户被停用收藏
......您好,你的帐户已被��用，因为你违反了 Facebook 条款。因宣导或推销产品、服务或商业机会而发送不请自来的讯息之用户帐户会因此而被停用。你负责的一份或数份内容被鉴定为正参与上述活动。其中一些例子包括：- 以欺诈方式鼓励分享、赞好或点击，被定义为- 无法启用所承诺之功能- 无法提供所承诺之奖赏- 无法指示至所承诺之内容- 鼓励分享、赞好或点击，并导致用户安全受损害- 需要或要求复制和贴上 JavaScript code- 保持专页完全专用於推广���上赠品」很抱歉，无论基於任何理由，我们将不会重新启动您的帐户。问题是我刚注册，立马就无法登录，让我验证身份，意思就是我一次都没登录过，没办法我上传了身份证，然后过了一段时间，收到这个邮件，我都没登录过，怎么可能做了他说的那些事情，违反啥了我！
0基础电脑培训——变身高富帅!
来个邮箱我帮你注册个看看
可能IP不行
SOON网络加速器是一款专业的网络加速器，史上最多IP软件超过6000个IP，支持Windows/Linux/Mac等电脑系统，支持Iphone/Ipad/Android等各类移动终端系统，支持目前所有网络游戏、网上聊天、畅游国内外所有网站。
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或& 关于Facebook账户被锁定/禁用的解决方法
一直以来我就很少或者基本就已经不用Facebook，一方面在我身边的人没几个用的，除了那几个出过留学在国外待着的人。不过有时候会去登陆一下，在我上次登陆的时候被提示我的账户已经被锁定。只提示了一行字：Your Facebook Account is Disabled.
看页面上也没有任何解除锁定的按钮，只告诉你如果有任何疑问的话需要联系Facebook小组的email。我想是因为我太久没有登陆这个账户的原因。我立马用英文发邮件给帮助小组，请求解决问题。第二天得到了回复，回复内容如下：
第一封信的内容：
Your account was suspended because we could not verify your account information. After reviewing your situation, we have reactivated your account. You may now log in.
Please review the following guidelines to help prevent your account from being disabled in the future:
o Use the site to connect with friends from school and your community.
o Don’t use the site to contact strangers through messages or friend requests.
o Make sure your real date of birth is listed by checking your profile settings. For more information on this, click on the following link:
o Make sure your real first and last name are listed on your account.
For more information on this, click on the following link:
For technical and security reasons, we are unable to provide more details regarding this warning. Learn more about our policies by reading Facebook’s Statement of Rights and Responsibilities, which can be accessed by clicking on the “Terms” link at the bottom of any Facebook page.
We apologize for any inconvenience.
The Facebook Team
在回复了此封邮件后，又收到了官方需要确认信息的邮件：
We will do our best to assist you with this matter. Please provide as much of the following information about your disabled account as possible:
o The full Facebook name that was listed on the disabled account you are referring to
o The date of birth (month/day/year) that was listed on the disabled account you are referring to
o Any school or work networks you were in (e.g., Stanford University network)
For security reasons, we need to ensure that you are writing to us from the email address that is listed on the disabled account. If the account was registered under a different email address, then you will need to take the following steps:
o Respond directly from the email address that is listed on the account to which you are referring
o Include a copy of your original request in the new email
Once we have this information, we will take further steps to assist you.
The Facebook Team
第一封信的大致的意思就是告诉你你的账户被锁定的原因是因为：官方无法确认你的信息的真实性。信写得非常的客气，其实解决起来也方便，确认完信息机算接触锁定了，你只需要按照格式发送下面的信息即可：
被禁用的完整的Facebook用户名
生日（按照 月份/具体日子/年份 的格式）
你所在的学校或者工作地点
我的回复邮件为（具体信息已隐藏）
Facebook account name is:
My birthday at facebook account setting is: x/x/xxxx
And there is a website link at personal info:
Thank you very much.
不过你登陆的时候会要求你要验证手机号码，因为，所以没有立即确认账户，就一直搁置，慢慢的也把事儿给忘了（因为我本身就不常使用Facebook）。前两天把号码（看起来验证的号码必须是你原来的账户里写的电话，改不了）补回来了之后去验证信息，和所有的验证机制一样，很快手机就接收到了6位验证密码，填写完毕之后用户解冻。还有点值得注意的是，所有的个人信息、照片、留言什么的都在，解冻后账户和没被冻结的时候的任何地方都是一样的。这点被冻结账户的人不用担心。facebook的上传照片ID问题 昨天刚注册的 用VPN的 手机验证码也输了 然后登录说我帐号停用要上传照片验..._百度知道facebook注册 输入发送到手机上的验证码 然后就提示 你尝试太多次了 请要求另一个数据。。怎么办？_百度知道