注册页面设计（当当网注册页面设计 要求HTML语言）

本文目录

• 当当网注册页面设计 要求HTML语言
• 注册与登录界面的设计思考
• 如果要设计网站的注册页面，将用户注册的信息保存到数据库中，使用ASP.NET如何设计和实现
• asp.net 新建一个空网站综合使用常用服务器控件，设计一个用户注册界面
• WEB程序设计（后台登陆页面和用户注册页面设计）
• 用java设计一个注册界面，要求将注册信息利用输出流保存到本地txt文件
• 如何设计用户注册流程
• javascript 注册页面设计
• 如何避免设计出“烦人”的登录和注册页面
• 如何设计出用户体验良好的登录/注册页面

当当网注册页面设计 要求HTML语言

说实话 你这样子没有人会帮你写的，你不如自己去下载一个 破解版的webzip软件 他可以帮你把你想要的页面下载下来，包括图片、CSS、html所有你在原网站看到的东西；下载下来你只要修改你要的参数就行了；

注册与登录界面的设计思考

登录和注册过程往往是产品和用户的 first sight，因此登录注册入口是给用户留下好的第一印象的关键。遵循「所有的设计都应有据可循」的原则，下面通过对登录与注册几个关键问题的探讨，来思考登录与注册界面的设计逻辑。

1.注册页面的需求是什么？

2.默认注册还是登录？

3.邮箱注册一定要验证通过么？

4.关于手机登录与第三方账号登录

5.iOS 11 带来的新登录方式

6.为什么需要注册？

登录页面比较好理解，我们重点来看注册页面，以 Spotify 为例，以下是一个非常典型的传统注册页面。

由此试图分析，在注册场景下，用户和产品两个维度上的需求如下。

用户需求：

1）进入应用；

2）获得应用完整功能（评论、点赞、收藏等）。

产品需求：

1）获取、验证用户的账号与密码信息；

2）获取用户个人信息、联系方式；

3）告知用户协议；

4）订阅邮件。

首先总体上我们可以发现，用户与产品在注册场景下存在需求冲突。用户对于注册界面的需求非常简单明确，就是为了快速进入应用或者获取完整功能。不会有用户想要主动阅读成百上千字的用户协议，也不太愿意主动提供个人信息或是订阅邮件。因此，产品角度的第 (2)(3)(4）需求在注册场景中，都是对用户体验的破坏。所以，尽量避免产品需求对用户体验的破环，更多地给予用户情感安慰，这是设计注册界面的大原则。

豆瓣默认是登录，Airbnb 默认是注册，而锤子的系列软件将注册与登录按纽都并列在下面，不做默认。
考虑到目前 App 普遍采取的「长久性登录」策略，默认为「注册」也不失为一个具有概率意义的选择。毕竟大家都通常只会在换机、重置系统、登录失效、主动退出这些低频时刻来登录。但其实这个问题，没有通行的做法，更没有绝对意义上的好坏。每个产品根据各自定位和情况的不同，会有不同的侧重点。比如说，约 8 亿用户量的国民级社交应用 QQ，绝大多数场景下都已经没有了「注册账号」这一需求，默认为「登录」操作，同时将「注册」入口极大弱化是比较合适的。而定位于垂直领域的社交应用脉脉，目前拥有约3000 万用户量，目标用户群体中仍然有非常大的潜在用户量增长空间。因此，第一次进入脉脉，在并列给出注册和登录入口的同时，默认引导用户进行「注册」操作。
想到这一步，笔者突然想到，如果是同一产品面对不同市场，注册登录会不会有针对性的侧重点呢？比如说，instagram 在海外用户基数庞大，而在大陆则较为小众，会不会出现海外区 ins 默认为登录，国区 ins 默认为注册呢？笔者特意找到身处海外验证，遗憾的是，两者除了语言的变化之外，并没有其他不同。
其实，默认注册还是登录并不重要，无论做何种默认都无法完全避免用户的误操作，即在登录界面填写注册信息，或者反之。那么怎么避免这种情况呢？
首先，不要急于让用户填写登录/注册表单，可以先让用户确认选择。
其次，可以在文字和样式上对二者进行比较显著的区分。文字方面，英文语境下，Sign up 与 Sign in 容易产生混淆。比较好的解决方案是用 Sign up / Log in，或者 Register / Sign in 等方案。
用词混淆的情况，中文语境下情况会好一些，「登录」与「注册」天然具有区分度，但是仍然可以在文字样式上设定足够的差异，给以足够的提示，引导用户进行正确操作。
此外，可以输入信息后及时反馈，避免全部表单填写完毕再给出反馈。（没找到比较合适的案例，自己动手做了一个...）
其实不管怎么避免，用户依然有将登录与注册弄混淆的可能。关键在于，在用户在错误的界面花费了时间与精力填写信息之后，如何降低用户的纠错成本，也就是说： 如何解决「登录」与「注册」两种界面切换时，发生的数据丢失。 相比较在注册页面粗暴地告诉用户「这个手机号已注册」，更好的解决方案可以是「询问用户是否需要登录，并在登录界面自动转填已填写的信息」，确保用户即使犯错了，也可以辅助其跳往正确的目标，这能大大减轻用户的犯错成本，也可以给人一种产品很「聪明」的印象。
或者，不给用户犯错的机会，弱化「登录」和「注册」，只给出一个「登录身份」的输入框，附带一个「下一步」的按纽。后台验证用户输入的「登录身份」，来判定是登录还是注册。
从用户体验的角度而言，产品应在用户注册后自动登录。而不是通过验证后，再次由用户登录。因此，可以将验证放置在注册完成之后的某个时刻，利用虚拟奖励、功能限制、安全恐吓等方式激发用户去完成验证。

长久以来，为了避免用户注册时输入了错误密码，要求用户输入两次密码也是一种惯例。然而事实上，「注册时输入错误密码」与「忘记密码」并没有本质上的区别，「输入错误密码」并非十分严重的错误。此外，用户容易输错密码的原因是密码通常隐藏显示，而加入「显示密码」选项，也能从根本上更好地防止输入错误。
网页端常常使用「输入两次登录身份」的方法，来避免登录信息的输入错误，但是面对移动设备的输入压力，确认两次「登录身份」的做法并不友善。但是，如果不及时确认登录身份正确的话，在「注册后立即自动登录」的大前提下，「输入错误登录身份」会带来不可逆的后果。一旦在注册时填写错误登录身份，在账户验证期限内无法验证账户，轻则需要重新注册，重则丢失在验证期内产生的所有用户数据。

进一步思考，抛开问题看本质，验证的本质是确认「登录身份」是正确的，可联络的。从这个角度看，验证账户更像是一种事后的纠错机制，而并不能避免用户犯错。那么，怎么降低用户犯错的可能性呢？

可能的解决方案有：

1）增加注册确认界面，降低确认成本。放大「登录身份」信息，让用户无法忽视，并只需点击即可确认。

2）账户未验证时，允许用户修改一次登录身份，并要求输入两次登录信息，在前端验证一致性。

手机 + 验证码登录与第三方登录是目前 App 最为流行的做法，免去了注册过程，改变了账户密码的登录方式。WhatsApp 是最早将手机号码和账户绑定在一起的 App 之一。通过手机号码一键注册/登录是 WhatsApp 获得巨大成功的关键。其创始人 Jan Koum 曾经说到： 「有过传统通讯 app 的痛苦体验，再看看如此简洁的界面，你就明白我们的初衷了。只需要短信就能解决的事，我们有什么理由不做呢？」
此外，对于产品而言，通过第三方登录，产品还可以获取用户的个人信息，甚至是好友关系。
iOS 11 为 iCloud 钥匙串进行升级，在原本 Safari 保存和自动填写密码的基础上，也为 App 提供此项功能。在需要帐号密码的页面输入时，系统键盘会显示 符号，通过 Touch ID 验证后会自动填入，同时该功能还支持匹配提醒，优先为你显示和该应用有关的密码信息，非常方便。如果你完全生活在苹果的生态中，那么你可以使用这一功能来替代 1Password 和 LastPass。
1Password 等密码工具在 iOS 11 也有了更大的可能性，现在可以直接在注册登录表单中调用了。
跳出「如何设计」的思维框架来进一步思考「为什么设计」，不难发现，其实从用户的角度而言，注册登录更像是「为了正常使用产品，而不得不做的一个步骤」。尤其在接触一款新产品时，注册流程都会在一定程度上打击用户的积极性。那么问题来了，是否所有产品都需要注册，才能使用或是正常使用呢？

1）登录才能使用的产品，需要采用「立即注册」的方式，最典型的例如社交应用

2）不需要登录也能开始使用的产品（如浏览内容），可采用「稍后注册」的方式
首先是内容为主的产品：比如微博，知乎，站酷等，无需注册登录便可以浏览，但是回复、收藏、发帖这类操作必须注册或者登录账号；再其次是有同步和备份需求、有用户数据沉淀的工具类产品，比如记事、记账、todo、日历等等。

不过，其实利用苹果的 iCloud Drive 同步功能，大多数工具类应用也可以避免注册登录操作。当然前提是完全生活在苹果的生态中。
3）无需注册就能正常使用的产品，尽量不要要求用户注册。

比如大部分纯粹的工具类应用，比如时钟、计算器等。以及部分没有同步或备份需求的工具类应用，比如说便签、私密相册等。即使是便签与私密相册这类有特殊用户数据沉淀，也可采用密码（数字密码／手势密码）或是指纹识别的方式来保证数据的安全性，避免注册程序破坏用户体验。
此外，有时候限制注册、提高注册难度这类看似对用户不友好的方式，在特殊的情况下也是一种很好的策略。比如早期的知乎、Dribbble 的发帖权限采用的邀请制、还有 B 站的 up 主考试，虎扑的答题考试，这类 UGC 内容较为丰富的产品，通过提高创作权限的门槛，能有效地保证核心用户和内容的质量。同时，用户由此产生的「付出感」，也有利于其对产品及其使用权利的珍惜，进而触发「特权」的感受。
以上是针对注册与登录界面的几个关键问题展开的引申探讨。其实笔者写到一半时，发现注册登录的水特别深，除上述内容之外，还有非常多的场景与细节值得挖掘与思考。不过设计就是如此，很多看起来似乎非常基本的内容，但是背后需要大量的思考和打磨，绝非一句「好看」就算完成。设计的复杂性，也让我始终保持着一颗敬畏之心。说得不好，希望大家多多批评指正，感谢各位。

如果要设计网站的注册页面，将用户注册的信息保存到数据库中，使用ASP.NET如何设计和实现

楼上说的都对！！！整个操作就两部分，建立相应的数据库和前后台的编写
通常来说：用户注册无非就是一个ID，用户名，密码，备注或者加些什么用户类型啥的，这样你的数据表结构就可以有这么几个列：id,用户名，密码，备注 基本都是字符串型就可以了，长度自己决定。
至于页面前台的，就是拖几个label控件，几个textbox控件，几个按钮就行了
用户名： textbox1
密码： textbox2 不过密码框一般都是设置成*显示，textmode=password
重复密码：textbox3
重置按钮 注册按钮 退出按钮
最简单的注册页面都差不多这样，至于后台编写，无非就是一些SQL的写入操作

asp.net 新建一个空网站综合使用常用服务器控件，设计一个用户注册界面

建议买本书看看吧，看看这本书里面的服务器控件介绍，然后看看实例吧；
asp.net从入门到精通

WEB程序设计（后台登陆页面和用户注册页面设计）

这个其实蛮简单 也是WEB中最基础的东西
1.就是在SQLSERVER中建立表 来保存用户名和密码之类的信息。
2.信息获取的话 无非就是两个textbox，把密码的那个textbox的“type”属性改为“password”
3.创建数据库链接字符串 然后 sqlconnection --接着编写SQL查询语句--最后--sqlcommand。
4.这里我的方法是 用sqlcommand的Executereader方法来获取一个 datatable "dt".
然后来判断 dt的dt.rows.count属性是否大于0 如果大于0 则证明用户名与密码正确的了。 (即这行记录存在于表中)
前提是 你的SQL语句 必须这么写
select * from "保存用户信息的表" where textbox1.text=username and textbox2.text=password
以上是我自己想的方法 很不专业 但是功能都能实现 忘高手给个比较专业的方法。

用java设计一个注册界面，要求将注册信息利用输出流保存到本地txt文件

效果图

参考代码和注释

import java.awt.*;
import java.awt.event.*;
import java.io.*;
import javax.swing.*;
//该窗口继承自JFrame, 实现了ActionListener接口
public class SingUpFrame extends JFrame implements ActionListener {
//定义需要的组件
JTextField jtfName, jtfEmail; 
JPasswordField jpf;
JRadioButton jrb1, jrb2;
JComboBox《String》 jcb;
JButton jbReset, jbSingUp;
//常量
static final String NEW_LINE = System.getProperty("line.separator");// 获取系统的换行符
static final String FILE_PATH = "d:/users.txt";//指定文件的路径
//构造器
public SingUpFrame() {
JPanel jp1 = new JPanel();
JLabel jl1 = new JLabel("账号");
jtfName = new JTextField(15);
jp1.add(jl1);
jp1.add(jtfName);
JPanel jp2 = new JPanel();
JLabel jl2 = new JLabel("密码");
jpf = new JPasswordField(15);
jp2.add(jl2);
jp2.add(jpf);
JPanel jp3 = new JPanel();
JLabel jl3 = new JLabel("邮箱");
jtfEmail = new JTextField(15);
jp3.add(jl3);
jp3.add(jtfEmail);
JPanel jp4 = new JPanel();
JLabel jl4 = new JLabel("性别");
ButtonGroup bg = new ButtonGroup();
jrb1 = new JRadioButton("男");
jrb1.setSelected(true);// 默认选中男性
jrb2 = new JRadioButton("女");
bg.add(jrb1);
bg.add(jrb2);
jp4.add(jl4);
jp4.add(jrb1);
jp4.add(jrb2);
JLabel jl5 = new JLabel("年龄");
String;
for (int i = 18; i 《 30; i++) {// 18~30可供选中的范围
ary = i + "";
}
jcb = new JComboBox《String》(ary);
jp4.add(jl5);
jp4.add(jcb);
JPanel jpc = new JPanel(new GridLayout(4, 1));// 4行1列布局
jpc.add(jp1);
jpc.add(jp2);
jpc.add(jp3);
jpc.add(jp4);
add(jpc);
JPanel jps = new JPanel();
jbReset = new JButton("重填");
jbReset.addActionListener(this);//给按钮添加响应
jbSingUp = new JButton("确定");
jbSingUp.addActionListener(this);//给按钮添加响应
jps.add(jbReset);
jps.add(jbSingUp);
add(jps, BorderLayout.SOUTH);
setTitle("注册窗口");// 窗口标题
setSize(300, 285);// 窗口大小
setLocationRelativeTo(null);// 窗口居中
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);// 当窗口关闭时,程序结束
}
@Override
public void actionPerformed(ActionEvent e) {
JButton jb = (JButton) e.getSource();
if (jb == jbReset) {
jtfName.setText("");
jpf.setText("");
jtfEmail.setText("");
jrb1.setSelected(true);
jcb.setSelectedIndex(0);// 选中第1个选项(18)
} else if (jb == jbSingUp) {
String name = jtfName.getText().trim();
String pswd = new String(jpf.getPassword());
String email = jtfEmail.getText().trim();
String xb = jrb1.isSelected() ? "男" : "女";
String age = (String) jcb.getSelectedItem();
if(name.equals("")||pswd.equals("")||email.equals("")) {//对输入的信息进行一个简单的判断
JOptionPane.showMessageDialog(null, "请完整填写所有的信息", "提示",JOptionPane.WARNING_MESSAGE);  
return;
}
StringBuffer sb = new StringBuffer();
sb.append("账号:" + name + NEW_LINE + "密码:" + pswd + NEW_LINE + "邮箱:" + email + NEW_LINE + "性别:" + xb
+ NEW_LINE + "年龄:" + age+NEW_LINE);
boolean flag = saveInfo(sb.toString());
if(flag) {
JOptionPane.showMessageDialog(null, "注册成功 ,保存成功");
}else {
JOptionPane.showMessageDialog(null, "Sorry!保存失败.注册出现了问题...", "IO错误",JOptionPane.ERROR_MESSAGE);
}
}
}
//方法:保存信息到文件
public boolean saveInfo(String info) {
FileWriter fw;
try {
fw = new FileWriter(FILE_PATH, true);//追加文字到文件尾部
fw.write(info);
fw.close();
} catch (IOException e) {
e.printStackTrace();
return false;//IO异常,保存不成功
}
return true;//保存成功
}
//main方法
public static void main(String args) {
new SingUpFrame().setVisible(true); //创建窗口并可见
}
}

如何设计用户注册流程

举个例子，如果说商品详情页和付款流程是电商网站的黄金页面和流程，那么新用户注册页面/流程就是各个社区网站（尤其是刚成...Conversion（转化率）这个词在电子商务团队中应该是很熟悉了，但是其实不仅仅是电子商务，这个词也应该出现大部分互联网团队的核心考核指标中。举个例子，如果说商品详情页和付款流程是电商网站的黄金页面和流程，那么新用户注册页面/流程就是各个社区网站（尤其是刚成立的）的黄金页面和流程。去年在51.com大热的时候曾经对其做过分析，发现姑且不论其“山寨”的一面，在新用户注册和引导这里51.com是达到和国际水平接轨了，推测应该也是参考借鉴了很多国外的先进例子。下面贴出的这个ppt的内容来自之前AdaptivePath做的一份用户注册流程案例分析报告（最早来自豆瓣上交互设计小组的Helicopter的介绍），我进行了全文翻译和更新部分内容。主要说来我们能从这些国外网站是如何设计新用户注册流程的实际案例中提炼出下面的四大原则：为用户提供绝妙的加入理由 – 要说服新用户注册，网站应一方面提高自己在潜在用户心中的价值估价，同时降低用户加入所需要投入的成本。简单地说就是要让这个（价值-成本）的差值越大越好！�0�2设计使用户感到轻松的注册过程 – 成功引导用户按下“注册”按钮只是第一步！网站还需要一个让用户觉得轻松舒服的注册体验！如果注册过程是便捷快速的，用户会更倾向于尝试各种其他服务，就算他们并不确定到底会得到什么好处。不要让新用户“悬着”- 对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏下一步如何行动的提示只会使用户感到迷惘。因此应想办法向新用户们隐形或显性地指导他们下一步可以做什么。加快初始好友建立过程– 对于新加入社区的用户来说，如何开始建立自己的社交圈子是最大的障碍。如果没有好友，很多基于社区的服务会失去很大价值。因此，帮助用户迅速找到和添加好友是留住用户的关键。

javascript 注册页面设计

纯JS完成？ 具体哪些功能？
页面1：
reg.html
《html》
《head》
《script》
function checkForm (obj) {
var ele = obj.elements;
for (var i = 0; i 《 ele.length; ++i) {
var e = ele;
if (e.name) {
if (e.type == ’select-one’) {
if (e.options.value == ’’) {
alert(’请选择籍贯’);
return false;
}
else {
continue;
}
}
else if (e.type == ’select-multiple’) {
continue;
}
else if (e.type == ’checkbox’ || e.type == ’radio’) {
var checkObj = document.getElementsByName(e.name);
var check = false;
for (var j = 0; j 《 checkObj.length; ++j) {
if (checkObj.checked) {
check = true;
}
}
if (!check) {
alert(’请做出选择,性别或爱好’);
return false;
}
}
else if (e.type == ’button’) {
continue;
}
else if (e.type==’hidden’) {
continue;
}
else if (typeof e.value != ’undefined’ && e.value != ’’ && e.style.visibility != ’hidden’) {
continue;
}
else {
alert(’用户或密码,年龄为空’);
return false;
}
}
}
return true;
}
《/script》
《/head》
《body》
《form id="form1" method="get" action="reg_save.html" onsubmit="return checkForm(this)"》
《table width="343" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td height="43" colspan="2"》注册《/td》
《/tr》
《tr》
《td width="157" height="32"》姓名：《/td》
《td width="186"》《input type="text" name="username" id="username" /》《/td》
《/tr》
《tr》
《td width="157" height="32"》密码：《/td》
《td width="186"》《input type="password" name="passwd" id="passwd" /》《/td》
《/tr》
《tr》
《td height="37"》年龄：《/td》
《td》《input type="text" name="txtAge" id="textfield2"》《/td》
《/tr》
《tr》
《td height="36"》性别：《/td》
《td》《input name="sex" type="radio" id="sex1" value="男"》
男
《input type="radio" name="sex" id="sex2" value="女"》
女《/td》
《/tr》
《tr》
《td height="41"》籍贯：《/td》
《td》《select name="jiguan" id="select"》
《option value=""》请选择《/option》
《option value="广东"》广东《/option》
《option value="湖南"》湖南《/option》
《option value="广西"》广西《/option》
《option value="湖北"》湖北《/option》
《option value="北京"》北京《/option》
《option value="上海"》上海《/option》
《/select》《/td》
《/tr》
《tr》
《td height="35"》爱好： 《/td》
《td》《input type="checkbox" name="hobby" id="hobby1" value="看书"》
看书
《input name="hobby" type="checkbox" id="hobby2" value="上网" /》
上网
《input type="checkbox" name="hobby" id="hobby3" value="运动"》 运动《/td》
《/tr》
《tr》
《td》 《/td》
《td》《input type="submit" name="tijiao" id="tijiao" value="提交"》《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》
=========
页面2：
reg_save.html
《html》
《head》
《/head》
《body》
《script》
var request = {
QueryString : function(val) {
var uri = window.location.search;
var re = new RegExp("" +val+ "\=(*)", "ig");
return ((uri.match(re))?(uri.match(re).substr(val.length+1)):null);
},
QueryStrings : function() {
var uri = window.location.search;
var re = /\w*\=(*)/ig;
var retval=;
while ((arr = re.exec(uri)) != null)
retval.push(arr);
return retval;
}
}
var q = request.QueryStrings();
for (var i in q) {
document.write(decodeURIComponent(q) + ’《br /》’);
}
《/script》
《/body》
《/html》

如何避免设计出“烦人”的登录和注册页面

往往当用户想要在某一个网站或APP上登录或注册一个账号时，登录和注册页面就显得尤为重要。登录或者注册表单是网页和APP设计中最重要的元素之一，所以在设计网站和APP的时候，表单的设计需要慎重考虑。好的登录/注册表单可以鼓励用户成为注册者，订阅者甚至成为你的常驻业务客户。一个拥有干净的外观，优质的创意以及视觉吸引人的表单必定会提高访客的转化率。设计一个有效和干净的登录/注册表单要求设计师具有丰富的创造力和经验，以下几个小技巧希望可以帮助大家。
小贴士：以下是几款表单设计常用的原型工具供大家参考：

网页: Axure , Mockplus , UXPin 。

APP: Justinmind , Proto.io , Invision 。

将“注册”和“登录”分开
大多数情况下，我们看到“注册”和“登录”按钮位于彼此靠近的位置，但这可能对用户产生反向影响。

两个动作都包含相同的动词，并且看起来相似，所以他们可能会混淆用户选择错误的选项。使用户感到沮丧，离开应用程序。基本上，嵌入在应用界面中的元素不应该让用户暂停和思考。可以使用不同的动词或简要说明每个字段是什么来帮助用户更好的理解。
提供明确的引导提示
当用户输入错误时一定要明确的指出到底错在哪，而不是简单地说一句“输入错误”，同时还应指导用户写出正确的答案。“出于安全考虑，您的密码长度必须在6个字符到10个字符之间，并且包含至少1个大写字符、1个数字和1个符号”。这是一个典型的密码错误提示。

使密码可见
用户经常遇到的另一个问题是密码错误，因为大多数密码输入字段由于安全原因而被屏蔽。

即使是最有经验的打字员也会有输错的时候，尤其是当他们从移动设备登录时。

在这种情况下，可以在密码字段旁边添加一个“显示密码”复选框或图标，当用户勾选它时显示密码。
输入时自动填充/自动读取常用账号
我们在登录/注册时，经常需要输入账号和密码。这时候，简化或缩短用户输入时间是各网页/应用优化体验的的方式。

允许第三方账号登录
使用第三方账号登录可以解决很多注册问题，用户无需注册表单，填写信息资料，密码甚至验证码等。最重要的一点便是用户不需要再记住一个新的用户名和密码了。不足之处就是有些用户可能不喜欢共享账号或者担心隐私被泄露。所以最好的方法就是即提供邮箱注册，也提供第三方账号登录，让用户自己选择，提高用户体验。
不要在不警告的情况下锁定用户的帐户
为了避免强制进入和暴力攻击，许多网站和应用程序在一系列错误尝试后会锁定帐户。

安全性是第一，但是至少应该在锁定账号之前尝试警告用户，告诉他们还可以尝试多少次输入。还可以给出额外的详细信息，例如10分钟后再重试。

如何设计出用户体验良好的登录/注册页面

你要是觉得没思路，找几个大的网站，扒皮就好了。大网站的每个细节都是经过设计的，值得拥有。