解析APP登录/注册交互细节

新用户下载APP第一步操作便是登陆过程，整个过程的流畅度的体验是用户对APP的第一印象；登录注册基本属于所有APP的通用流程，在整个流程上大同小异，所以，在交互设计上，需要考虑的更多的是数据异常、误操作等这些细节的处理。

最近体验知识付费类的APP，作为新用户针对【首次登录】交互体验做了一些整理和归纳；在确定产品登录功能流程后，设计交互体验时需要留意的交互细节点。

APP产品：得到、荔枝微课、知识星球、千聊

机型：Android Honor V8

一、基本流程概括：

新用户登录对比

二、信息流程及页面对比：

此处只列举微信登录授权和用户使用手机账号登录两种方式。

2.1 得到：

允许用户游客登录体验部分功能。

微信授权后页面直接跳转用户绑定手机号。

输入异常提醒

成功、失败状态有及时提示反馈给用户

2.2 荔枝微课：

手机号登录需提前完成微信授权及绑定

输入异常提示不清晰

用户错误操作无反馈

2.3 千聊：

手机账号密码和短信TAB切换用户操作

默认短信登录会更合理，用户密码登录需要绑定后设置密码才能操作

2.4 知识星球：

登录流程不清晰，与常规操作差异大会因偏离用户习惯而造成较差的用户体验

账号登录缺乏注册引导说明

三、基本的登录交互说明：

【登录按钮】有默认置灰和高亮两种状态，对两种状态用户操作提升需要及时给出不同的提示反馈。

原型设计和说明示例

在设计交付原型稿的时候，经常容易忽略一些限制(数据范围限制、极限值)、状态（默认状态、常见状态、异常状态）、及操作（特殊操作、误操作等）交互问题；因此，在输出的交互说明要时刻留意对这些情况的详细阐述。参见《破茧成蝶》交互原型设计基本内容 -