5W1H分析法（登陆）

从UI中国中看到楼主分享的5W1H（What、Where、When、Who、Why、How）分析法的应用，十分受教~就此把自己的学习笔记记录一下：

原帖：http://www.ui.cn/detail/62701.html

1.What设计对象：

a.设计对象：APP登陆界面的原型

b.设计的元素：用户名、密码标签，用户名、密码输入框，登陆、取消按钮

2.Where位置：

元素展示的位置（罗列布局）

3.When时间和程序：

a.界面的展示顺序（三种状态：默认、输入、信息反馈）

如：输入的交互过程：点击用户名输入框—弹出键盘，默认中文键盘，输入用户名—出现用户名内容清除按钮—弹出键盘，默认英文键盘—输入密码—出现密码清除按钮，键盘上的功能键登陆被激活—登陆按钮变激活状态—回车或点击登陆按钮进行信息验证

信息验证后反馈状态交互情形：

a 用户名不为空，密码为空—提示输入密码，高亮显示密码输入框

b 用户名不正确—提示用户名不存在，高亮显示用户名输入框

c 用户名存在，密码不正确—提示密码不正确，清空密码输入框，高亮显示密码输入框

4 Who用户：

注意：

如果面对的是本地用户 是否应用中文简体，如果是年纪大的，字体大小如何调整，如果是专业学者，文案是否应该严肃......

5 Why为什么

a 元素摆放： PC端是F型，手机是L型（导航、重要操作在下面）

b 标签和提示文字排布：

用户名 说明文字

密   码 说明文字（视觉纵线，节约空间，元素稳定，最佳）

c  没有用户为空的验证是因为只有在用户名和密码都输入完毕，登陆按钮才会被激活，这样会少一次验证，提交表单后验证可以更加高效。

d 不采用及时校验反馈 PC端可用，但是移动端考虑到网速、网络环境等问题，等待校验的时间会很长，会影响下一表单的填写，所以暂时采用先提交后验证

5 How 方式（如何完成）