新用户下载APP第一步操作便是登陆过程,整个过程的流畅度的体验是用户对APP的第一印象;登录注册基本属于所有APP的通用流程,在整个流程上大同小异,所以,在交互设计上,需要考虑的更多的是数据异常、误操作等这些细节的处理。
最近体验知识付费类的APP,作为新用户针对【首次登录】交互体验做了一些整理和归纳;在确定产品登录功能流程后,设计交互体验时需要留意的交互细节点。
APP产品:得到、荔枝微课、知识星球、千聊
机型:Android Honor V8
一、基本流程概括:
二、信息流程及页面对比:
此处只列举微信登录授权和用户使用手机账号登录两种方式。
2.1 得到:
允许用户游客登录体验部分功能。
微信授权后页面直接跳转用户绑定手机号。
输入异常提醒
成功、失败状态有及时提示反馈给用户
2.2 荔枝微课:
手机号登录需提前完成微信授权及绑定
输入异常提示不清晰
用户错误操作无反馈
2.3 千聊:
手机账号密码和短信TAB切换用户操作
默认短信登录会更合理,用户密码登录需要绑定后设置密码才能操作
2.4 知识星球:
登录流程不清晰,与常规操作差异大会因偏离用户习惯而造成较差的用户体验
账号登录缺乏注册引导说明
三、基本的登录交互说明:
【登录按钮】有默认置灰和高亮两种状态,对两种状态用户操作提升需要及时给出不同的提示反馈。
在设计交付原型稿的时候,经常容易忽略一些限制(数据范围限制、极限值)、状态(默认状态、常见状态、异常状态)、及操作(特殊操作、误操作等)交互问题;因此,在输出的交互说明要时刻留意对这些情况的详细阐述。参见《破茧成蝶》交互原型设计基本内容 - 简书