APP框架之四登录页面

描述：当用户已经注册过账号后再次使用app，为用户提供已有信息。
上下文情境：当用户在注册后再次进入你的app，已经对app有一定的了解，希望通过你的app完成一定的目标，希望app能记住用户的一些习惯，保有一定的数据，且比第一次能更好的完成任务，带来一定的惊喜。
任务流程：用户进入app，输入自己的账号（在选择记忆情况下有记忆，或保存）和验证（密码，手机可用验证码，第三方登录）。
构成元素：用户账号【手机，邮箱，账号】，对应的验证元素【密码，手势密码，第三方登。录，验证码】，忘记密码【提供方便的验证方式】。
辅助元素：视觉辅助，注册跳转
设计准则：减少用户的输入！

元素1：视觉辅助

通过与app有一定联系的视觉页面或文字营造一定的氛围，宣扬一定的产品理念，通过品牌logo展现品牌信息，
用户进入登录页面时，往往先会被图片，文字吸引，其次登录框

这时图片文字最好能很好的传达产品的相关信息，营造氛围（节日相关，QQ的节日主题登录，可参考这篇文章《QQ登录banner再设计》
），加深用户对产品的认识

元素2：用户账号（用户名，用户邮箱，手机）

记录用户登录过的用户名，并在用户输入部分后智能补全（qq），联想选择（知米背单词，邮箱后缀）

用户名提示信息（占位符和标签）
要包括用户名的类型（邮箱，手机号，字母+数字等等），帮助用户回忆

提供方便的找回密码功能
密码错误提示要温和，并要起到一定的提示作用，可采用非模态的错误提示。

元素3：第三方登录
第三方账号体系相比于自己的账号体系而言，十分的方便快捷，适用于当用户还不是很了解产品的时候，那么用户可以在不注册一个新的账号的情况下通过这种方式体验产品。用户也不需要记住密码，对用户来说十分方便。
但也存在一些其它问题，用户可能会觉得会泄露自己的资料；用户反馈问题时，无法提供对应账号（可以通过提供一个对应账号解决）

辅助元素：

忘记密码选项
本来不想放，但前两天重新体验一个app的时候，竟然找不到找回密码的选项，让人最后只能重新注册一个账号。。。

注册入口

反馈入口

另外再附加自己一些自己思考的建议，希望得到大家的指正
建议1：不要独创登录表单，保持应用间的一致性，采用用户习惯的设计方案，如无必要，不要违背，这样更易于用户登录

建议2：提供取回已忘记密码的方式

建议3：不要让用户犯错，错误预防，即使错误也不要提供模态的错误警告。
进行有效的即时校验，让用户能及时修改、补充缺漏的信息。
另外，我们还可以通过限制用户的行为，或提供自动修正的方式来预防用户犯错。
如当用户名输入手机号时，自动空格插入，或提示位数；输入邮箱时自动补全@后面的输入。
建议4：减少用户的等待感觉（支付宝 输入密码动画）

建议5：如有验证码，在第一次输入的时候不要出现，只有输入错误到一定次数才出现 万恶的验证码，万恶的验证码，万恶的验证码！
建议6：输入密码错误后，直接显示密码，让用户可以直接查看哪里错误

13147023416：请下载完的乡基会app并且注册过了怎么找到登陆页面呢
籍薛答：1、打开手机上的乡基会app。2、进入app后，点击右下角的我的选项。3、在弹出的界面中，可以看到登录按钮，4、点击登陆按钮即可进入登录页面。

13147023416：巅峰极速app怎么登录?
籍薛答：2. 寻找扫码登录入口：在APP的登录页面或者个人中心页面中，通常会有一个扫码登录的选项或入口。您可以浏览页面，寻找一个类似于“扫一扫”、“扫码登录”或者二维码图标的按钮。3. 点击扫码登录选项：一旦找到扫码登录的选项，点击进入。4. 扫描二维码：在扫码登录页面，您需要使用巅峰极速APP内置的扫码功能...

13147023416：华为云服务官网登录入口详解
籍薛答：3. 如果您没有注册过华为云账号，可以点击“免费注册”按钮进行账号注册。手机APP登录入口：1. 下载和安装华为云APP，打开APP。2. 点击APP首页的“登录”按钮，进入登录页面。3. 输入用户名和密码，勾选“记住密码”后点击“登录”按钮。4. 如果您没有华为云账号，可以点击“快速注册”按钮进行账号...

13147023416：抖音app怎么登录
籍薛答：打开抖音应用，选择微信登录完成登录。1、在手机上找到打开抖音应用。进入登录页面，会看到“手机号/邮箱/抖音号登录”下方有一个选项叫做“其他登录方式”。点击这个选项后，将看到不同的第三方平台供选择。可以选择微信作为你的登陆方式。

13147023416：Axure制作一个APP原型有哪些流程步骤?
籍薛答：Axure制作一个APP原型的流程步骤：01框架搭建这里笔者使用自己正在制作的APP原型进行讲解。版本：AxureRP9企业版 1.新建页面底部导航分为5个部分，所以也对应着五个页面。在制作时先不考虑登录等其他页面，只做主界面。1.在页面部分（注意不是概要部分）添加文件夹命名为主界面，放置主界面的页面。2.在...

13147023416：小红书网页版登录入口
籍薛答：3. 通过社交媒体账号登录 小红书也支持通过第三方社交媒体账号（如微信、QQ等）进行登录。在登录页面找到“社交媒体账号登录”选项，点击后会跳转到相应的授权页面，按照提示操作即可完成登录。4. 扫码登录 如果使用手机端的小红书App，可以通过扫码功能在电脑上登录网页版。在网页版的登录页面找到“扫码登录...

13147023416：如何避免设计出“烦人”的登录和注册页面
籍薛答：往往当用户想要在某一个网站或APP上登录或注册一个账号时，登录和注册页面就显得尤为重要。登录或者注册表单是网页和APP设计中最重要的元素之一，所以在设计网站和APP的时候，表单的设计需要慎重考虑。好的登录/注册表单可以鼓励用户成为注册者，订阅者甚至成为你的常驻业务客户。一个拥有干净的外观，优质的...

13147023416：中国移动app一键登录如何操作?
籍薛答：第一步，进入软件，点击右下方我的。（如下图所示）第二步，在我的页面，点击上方的登录。（如下图所示）第三步，在登录页面，点击本机号码登录。（如下图所示）第四步，点击登录后，会显示个人信息页面，即表示账号已经登录成功。（如下图所示）以上就是解决中国移动app一键登录所有步骤啦，对你有...

13147023416：小护上门医护app怎么登陆
籍薛答：小护上门医护app登陆步骤如下。1、打开小护上门医护App，并进入登录页面。2、在登录页面中输入您的手机号码。3、输入密码，如果是首次使用该App，则需要进行注册并设置新密码。4、点击“登录”按钮，等待系统验证您的登录信息。5、如果输入的手机号和密码正确，系统将跳转到App的主界面，并显示您的个人...

13147023416：中国移动app怎么一件登录
籍薛答：中国移动app一键登录关于这个问题我之前遇到过,挺容易解决的,接下来就跟大家讲讲应该怎么操作: 工具:小米12MIUI13.0,中国移动8.1.6 第一步,进入软件,点击右下方我的。(如下图所示) 第二步,在我的页面,点击上方的登录。(如下图所示) 第三步,在登录页面,点击本机号码登录。(如下图所示) 第四步,点击登录后,...