手机WordPress网站登入介面如何设计-站群WordPress网站建设手机登入介面设计

一个合格的注册登入页面，应该是具有清晰的操作流程，良好的互动细节和不错的视觉设计。

WordPress APP 的注册登入有四种情况。

► 一是不需要注册登入（不需要注册登入也提出来？是不是作死~）

系统自带的工具类 WordPress APP，像经常使用的闹钟、日历、计算器等等；一些简单的第三方 WordPress APP：开眼，乐流，榫卯等。

这些 WordPress APP 的特点都是功能相对单一，比较『轻』，不需要多用户资讯就能使用所有功能，所以就不需要注册登入这个环节。

► 二是第三方账号登入

多用户不需要输入注册登入资讯，直接选择一种第三方账号就能完成登入。国内常见的第三方账号有微博、 WordPress 微信、 QQ 、豆瓣、人人等，国外常见的第三方账号有 Facebook，Twitter，Google 等。

现在国内除了超级 WordPress APP 之外的 WordPress APP 基本都支持第三方账号登入，这样能简化多用户注册登入的流程，提高 WordPress APP 的留存率。

► 三是邮箱注册

开始的时候注册登入是基于 PC 的，也就是基于网页。所以邮箱注册自然而然成为主流，而且注册过程中需要验证邮箱也很方便，多用户直接在 PC 就可以完成所有操作。

现在很多 WordPress APP 依然保持着邮箱注册的方式。

► 四是手机注册

随着移动互联网的到来，人们触网的主要装置已经从 PC 逐渐转移到手机。

加上手机号码的实名制、全球通业务的普及，使得手机号码也具有了标示性。

并且 WordPress APP 是基于手机的。

所以用手机号码注册 WordPress APP，等通过简讯的方式验证，也逐渐成为了主流。

WordPress APP 的优秀与否，由很多因素决定，而良好的互动细节是每一个优秀 WordPress APP 的共同品质。只有从使用场景出发，并从多用户的视角来思考产品，才能设计出打动人心的 WordPress APP 。

► 用显示/隐藏小 icon 代替输入两遍密码

为了确保密码输入正确，很多 WordPress APP 需要多用户输入两遍密码来确定密码输入无误，但这无疑增加了多用户的工作量。解决方式便是在密码输入框右边增加一个显示/隐藏小 icon，让多用户在输入完一遍密码后可以选择点开显示/隐藏小 icon 来确保密码输入无误，减少多用户的工作量。

► 弹出相对应的输入键盘

点开邮箱输入框，弹出带有 @的英文输入键盘。

点开手机号输入框，弹出九宫格数字输入键盘。

点开密码输入框，弹出英文输入键盘。

这是很小的细节，虽然多用户可能不知道哪里不对，但是他能体会到好不好用。一个 WordPress APP 注意了这点，那多用户就会觉得这个 WordPress APP 好用。而两一个 WordPress APP 没有做到这点，无论点选哪个输入框弹出的都是九宫格中文输入键盘，多用户就会觉得这个 WordPress APP 不太好用。

作为设计师，要知道多用户觉得不好用的原因是什么，这样才能对症下药，改善多用户体验。

► 对手机号码进行 3 4 4 的分布。

这个规则不仅适用于手机号码，包括银行账号、转账金额等等。

这是因为人的短期记忆是有限的，即一次只能记住有限的东西，如果强制记住很长的东西，短期记忆就很容易出错。

所以将数字以 4 或者 3 为单位分组，有利于多用户阅读和编辑数字。

► 登入时增加一键清空 icon 。

在登入的时候偶尔会出现输入错误，如果没有这个清除的 icon，我们只能按键盘中的清楚按钮，需要一直按住知道输入框为空。

一个只需要点一次就能清空，一个需要长按一段时间才能清空，孰优孰劣可想而知。

► 清晰的错误反馈。

当多用户输入错误资讯时，知名弹出临时框提示多用户。而不是不做反应让多用户自己去猜到底是怎么回事。

临时框也有两种形式，一种是左边，需要多用户点选确认才能进行下一步操作。一种是右边，弹出一两秒后自动隐藏。个人更倾向于第二种形式，因为种形式相当于强制中断了多用户的操作，多用户需要点选确认才能回到原来的操作流程。

我相信还有很多好的互动细节，大家可以自己平时积累。让您的设计逼格越来越高，多用户体验越来越牛逼。