前言：

站在用户+体验角度改造，非官方。"12306"是中国铁路推出的官方手机购票应用软件，致力于为用户提供更优质、更舒适的出行体验。但在企业快速成长期间，随着新功能不断增加，现有的体验设计架构已经无法匹配市场消费升级和用户需求的变更。“12306”急需全面化、轻量化、品质化的全新架构来为品牌焕新。此次“12306”登录注册页面体验设计框架改版，通过用户体验地图了解用户的焦虑点，解决用户使用焦虑。让用户在登录注册模块有更便捷的体验。

竞品分析

通过掌上高铁、巴士管家、携程旅游这三个竞品应用的登录页面进行分析，了解竞品设计风格，分析竞品设计优缺点。通过用户体验地图分析得出以下四个痛点：

1. 1. 手机验证登录直接注册
2. 2. 输入格式出现错误实时反馈
3. 3. 简化找回密码的繁琐信息填写
4. 4. 二次登录自动推荐一键登录/人脸登录方式

版本问题

对12306登录页面进行分析后，发现现在旧版登录页面中，存在以下三个问题：

1. 1. 登陆步骤繁多，用户容易产生焦虑情绪
2. 2. 使用手机号码登录时，没有其他登录方式可选
3. 3. 输入账户密码时输入出错率高，增加用户使用成本

首次登录-账户密码登录

改版前，页面干扰信息过多，登录按钮的未能凸显，且未区分不同情景下的按钮状态，会造成用户错误点击。登录需通过五个步骤才能完成，流程繁琐导致用户使用成本过高。对此我们对页面进行了以下4点优化：

1. 1. 降噪设计，加入情感化标题文字
2. 2. 按钮不同状态区分明显，提高用户体验
3. 3. 两步快速登录实现交互减步长
4. 4. 自动识别本机号码，一键输入验证码信息，信息完整后自动登录

报错提醒及登录完成

手机号格式输入出错时，立即显示报错提醒，减少用户错误输入次数。输入用户或密码错误时，也会显示报错提醒。

推荐登录方式

完成首次登录后，系统会自动推荐给用户下次登录方式。

再次登录-问题分析

当用户再次登录时，与首次登录界面一样。设计风格陈旧，登录方式比较单一，层次关系混乱。 

再次登录优化方案

再次登录页面的优化，使用了交互减步长来优化用户体验。同时进行了功能梳理，对功能进行有效删减，区分功能优先级。         

 再次登录—默认

再次登录时，系统默认手机号验证码登录，自动识别手机号。获取验证码，只需两步即可轻松登录。同时进行视觉层级优化，干净简洁的登录界面，用户一眼即可抓住视觉中心，增加用户体验感。新增更多登录方式：指纹登录和面容登录。

 再次登录-指纹登录

差异化设计，我们根据不同的机型匹配不同的登录方式。首次登录成功后，系统会自动给用户推荐面容解锁和指纹解锁两种快捷登录方式。用户只需根据提示录入指纹和面容，下次登录就可使用这两种快捷登录方式。若手机机型没有面容和指纹功能，系统将会把短信验证登录设为默认的登录方式。

 忘记密码-找回密码

改版前设计样式比较陈旧。过多的数字输入，会提高出错率，从而增加用户使用成本。所需输入信息未按类别进行分类，过多的信息填写会让用户产生焦虑情绪。

 找回密码—手机验证

在衡量了身份证填写的权重后，最终决定删掉这块的信息填写。为了减少用户的操作成本，删减了原来的证件输入信息模块，新增历史记录验证。但是为了账户安全，添加选择历史行程验证。

将原有复杂信息的单屏布局分为三个，减少一屏上的信息堆积。在第一屏进行手机验证，在输入号码时减少用户操作。加入“本机号码”自动检测手机号码，减少操作步数和出错率。

 找回密码-邮箱验证

在输入绑定的邮箱之后，会有官方邮箱发送到绑定的邮箱。发送验证信息成功后，弹窗提示会有一个快捷按钮。点击“打开邮箱”按钮，系统会自动发起请求。而之前的设计，需要用户打开邮箱，再返回桌面找到邮箱打开。

找回密码—试错设计

在历史票务验证这个模块设定了试错设计，给用户可以多次选择的机会。为防止恶意盗取别人信息，当日三次机会用完时会提醒用户第二天再来尝试。

Powered by Froala Editor