转UI，让我们从注册表单开始吧。

我写了一篇关于平面设计师转UI的文章，很多看过的小伙伴都会问我如何转？还有一些人留言说交互的事情。关于交互，说实话，我也没有系统学过，只是接受过一些碎片知识，大多都是凭感觉在做。熟能生巧吧，做多了也许你就会悟到点什么。以下就是我的一点感悟。

从理论上讲产品经理提出PRD，然后应该经过需求评审会评估一下。这里解释一下需求评审会，就是产品经理提出需求让大家PK，然后决定后续工作的会议。几乎所有的开发、设计、测试都会参加，从自己专业的角度评估需求的可执行性。这个很重要，只是，很可惜，大多时候，这个会没有的。产品经理会直接把PRD丢给设计，然后你就知道了。比如：

原型图.png

这个就是一个没有经过评审的需求。产品经理认为他给到了原型图，你按他的原型设计就可以了。面对这样的需求，你按需求做出来的设计可能是这样的，产品经理确认后会交付前端开发，最后到用户手上，问题就来了。

按执行原型图.png

一、没有人会愿意填这么多资料。
二、更没有人会愿意用手机填这么多资料。

三、就算给我钱，我填的也很痛苦。我研究过一款做贷款的app，产品营销期，提供三个月无息贷款，但是需要你填注册资料。最终，我没填完。
这里需要拆分步骤，对于用户来说，填写这些资料是一件很困难的事情。需要设计把这个任务分解成若干个小任务，让用户从简单的开始，引导他一个一个完成。比如，把这些信息分成五大类：
1.个人信息
2.职业信息
3.财产情况
4.择偶标准
5.生活照
让用户分步骤完成填写，可中途挂起，直至完成。

分解任务.png

设计分两步走，分别是信息架构设计和细节设计。以上我们做的任务分解其实就是设计的第一步，把信息整理归类到一个或多个步骤里，形成整个注册过程。如此，你就顺利的从一个平面设计转型为UI设计师了。

接下来再来做细节设计。细节设计就是从默认状态、填写状态、反馈状态三个角度进行设计。

细节设计.jpg

请原谅我配的图顺序有点乱，这里我想特别提一下验证码的事情。我个人很痛恨验证码。每次输入都很痛苦，总是提示我输入不正确。但是，不用验证码，又存在安全问题，比如暴力注册或破解啥的。具体我也讲不清楚。我的想法是，第一次输入时我们无条件假设用户是人，而不是其它。如果输入用户名及密码正确，就完成登录。如果出现错误，第二次再出现验证码。这样或许更友好一些。