分析总结改版· EX设计注册/登陆
对社交的注册/登陆,做了一个简单的调研
总结了下自己的观点
欢迎大家点评、指正、分析、讨论
在设计的路上越走越长~~~~~
第一次写文章还有点紧张呢~哈哈~
(˶‾᷄ ⁻̫ ‾᷅˵)
言归正传、分析EX的作品
ex设计注册流程,需要6个步骤,每一个步骤,都有一个页面的跳转。
优点:一页一个任务,做起来用户感觉容易完成注册。更加轻松。
缺点:层级划分太多。用户较迷茫,什么时候才能完成一层一层的填写。

接下来、分析完EX的作品、我下载了一些社交类的app、分别截图、对他们的排版分布做了对比和分析。
废话不多说、上图。
社交类竞品分析截图
微信
共三个页面
直接手机注册登陆获取验证码。
分析:手机号展示为344区分、输入超过11位、则344区分消失。

----------------------------------------------------------------------------------
陌陌
共四个页面跳转
顺序为:填写昵称——头像、生日选择、性别选择——手机号输入——获取验证码
分析:1.头像上传后、才可以进行下一步
2.手机号限制只可输入11位

----------------------------------------------------------------------------------
友电
共三页界面跳转
顺序为:输入手机号、密码—获取验证码——头像、性别选择

----------------------------------------------------------------------------------
SOUL
共二页界面跳转
顺序为:输入手机号、验证码、密码——头像、生日、签名
分析:手机号限制只可输入11位、没有344区分

----------------------------------------------------------------------------------
KakaoTalk
共三页界面跳转
顺序为:输入手机号—获取验证码—头像、昵称

----------------------------------------------------------------------------------
番外篇
在截图分析的同时、我也去看了一些文章(原文章手滑找不到了、感谢原作者让我学习)
有一点我觉得很不错、自己整理了一下、也分享在这里~
获取验证码的摆放位置
左侧图视觉线:填写手机号-看一眼验证码输入框-点击验证码按钮-回来输入验证码-点击注册。在这个过程中,验证码输入框被2次阅读,这是一种浪费,所以出了右边的方案。
右侧图视觉线是直了:输入手机号-点击验证码-输入验证码-点击注册,但是从手机号到验证码跳了一行,思路会突然断一下,再着一按钮直接冲在最前吗有点突兀。

那怎么样才能视觉线和思路保持一致呢?发现仅是一小步,将验证码按钮上移到输入手机一行,这样在用户输完手机号码时,看到验证码很自然就会点击,然后输入完成操作。当然“除非有更好的选择,否则就遵从标准”

自我总结归纳
以上截图分析:陌陌、微信、苹果手机号输入、对数字做了分段处理、数字分割一目了然、所以我做了一个对比图、更在直观的看出344分割真的很棒~

【敲黑板、划重点】:用户输入错自己的手机号的概率是比较小的、但是344的分割一目了然去查找输入错的手机号、识别率会更高一点。
整理总结改版需求
注册环节,最多不超于4页跳转,控制在四页完成注册,快速注册,减少用户考虑的时间
头像位置大多以昵称、性别、年龄为一板块。(头像必填)
手机号码分段展示;空格隔断,方便记忆。(138 1827 2323)
密码改为不可视化、添加可视按钮。
最终改版
以下是我对EX的改版(只放了主要界面图)
密码默认改为不可视
新增密码可是不可视按钮
将手机号分为344分隔展示
将注册流程缩减到两步走完成
登陆注册左右切换、无需页面跳转
获取验证码位置调整在手机号后面

第一次写文、请多支持~
谢谢




































