58同城APP导航、按钮、表单、图标运用浅析

587

一、用户场景:

小A是个刚刚大学毕业进入社会的有志青年,虽然一腔热血,但是却怀才不遇,此时,他做了一个改变他命运的举动——下载58同城APP。下载好之后,当然是一刻都不能耽搁,马上进入全职招聘模块,海量招聘信息,把小A都看飘了,月薪两千?太低。月薪三万?出卖肉体不能干。月薪八千?但是风吹日晒太累了。。小A看了一圈招聘信息都没有中意的,所以小A决定先发布一个简历信息,让符合条件的企业找自己,化被动为主动。发布简历之后各种公司纷纷伸出橄榄枝,小A择优选择,从此走上人生巅峰。

二、导航

58同城刚出的时候,是走功能型产品路线,以招聘、租房为主,后来随着产品的主流功能完善,为了提高用户粘度、增加盈利,对产品的社交功能增加了权重,底部导航除了首页、发布信息、个人信息,另外两个都是社交类功能,可以说权重非常大了,功能型的功能,放在首页以宫格形式展现。


三、按钮

分析该app最有特点的一个按钮,就是发布。发布按钮是整个app使用率最高的按钮,为了提高品牌效应,运用了logo中的四色,醒目,点击后动效将发布按钮,变为关闭按钮,节省空间,因为有一个动效的转换,提醒用户该按钮的操作变化。
点击前:


点击后:

四、表单

简历在普遍用户心智中应该就是一个大表格,为了贴合移动端特性,将录入简历的过程进行简化,只将最核心的内容展现,并在此分步操作表单,比如当用户输入手机号后,自动提示验证,使用户自然的进行手机号验证,其他信息也通过互联网特性,减少用户输入频率,比如姓名,自动获取用户信息,至少满足了一大部分用户的输入;比如性别,也是自动获取,如果获取不到,即便随便默认选中一个,理论上也能避免一半的用户等等。当用户简单的填写完本表单后,再进行下一个简单的表单录入,使用户减小填写表单的抵触心理。



五、图标

将功能分类后,同类功能的图标已同一风格绘制,更加区分类型之间的区别,让大面积的功能区有一个良好的层次感,视觉上减少用户畏惧心,并且在图标风格上活泼动感,增加用户好感动,降低找工作、找房子这些事情的严肃性。