如果让我设计拉勾移动端 App

作者: 小马达 | 来源:发表于2015-05-12 05:19 被阅读49677次

    PS:由于产品 100 约稿,这篇文章已经首发在产品 100 上面。阅读量还不错,心里挺高兴,就迫不及待的在这里分享给大家了,希望大家多多讨论,多多指教。

    在拉勾上发现拉勾自己在招移动端产品,准备在移动端发力,因为自己就是给自己的定位就是以后做移动端,因此投了简历,获得了面试机会,也过了产品负责人的那一面,只是后来 HR 面的时候由于某些原因没能过,虽然很遗憾但还是坦然接受了这个事实,毕竟面试就像相亲,这个东西还是比较讲究缘分的。

    由于面试时间安排的比较靠后,中间个人准备时间比较充裕,就想拉勾现在还没有真正的移动端出来,虽然他们出过一个移动端 App,但是用他们产品负责人的话说,就是在 WAP 端套了一个壳,所以功能和易用性上都有许多问题,当时自己就想如果是我来做这个产品,会做成什么形态,越想越激动,然后就自己开始动手了。

    战略层

    需要说明的一点是,这是在详细分析了拉勾的产品理念,结合自己对移动端的理解和对招聘网站对移动端需求的分析进行的设计,当然,其中有一些没有考虑到的地方和错误的地方希望有专业的认识给我指出,谢谢。

    行业简介及梳理

    首先需要对招聘做一个介绍,现阶段招聘行业分为三大块。

    第一是传统的囊括各行各业的招聘网站,比如智联,51job 等。这一类招聘网站的一个特点是包含各行各业的招聘信息,招聘信息多而全,这就导致了一个问题,这么多的信息里面用户不能很好的筛选出自己想要的信息。还有一点,传统招聘网站主要是 2B 端的,他们重点服务的对象是企业,因此他们把企业的招聘需求放的位置是高于投递简历者的,所以我们会看到这一类网站首页上各种广告位一样的企业招聘信息入口,会显得特别的乱,这又增加了用户筛选信息的难度。

    第二类是行业细分化招聘,他们在特定的领域做细分垂直招聘,比如拉勾、周伯通都是做互联网圈子的招聘,猎聘是做高端职位的招聘。首先他们的首页看起来就比传统招聘网站的页面清爽许多,而且对信息的分类也做的更好,这就是由于他们都是 2C 产品思路所决定的,他们希望通过为投递简历的用户创建优秀的用户体验,解决他们的需求来吸引更多的优质用户,用优质用户来吸引企业在该平台投放招聘信息。他们重点服务的对象是投递简历的用户,因此他们尽可能多的要求企业放上投递简历用户所希望了解的信息,比如有明确的工资范围,拒绝面议。

    第三类就是招聘形式上的创新,比如现在正火的 LinkedIn,脉脉所提倡的社会化招聘, 个人对这一块了解的相对较少,而且也不是这篇文章的重点,因此不做过多的介绍。

    个人是比较赞同细分招聘市场的观点,只有通过给投递简历者提供专业的优质服务招徕更多的优质用户,这样才能在与企业的对话中拥有更多的话语权,才能要求企业提供更多详细的招聘信息,又用这些详细的信息吸引更多的用户选择该平台,形成一个良性循环。

    需求分析

    用户分类:

    用户分类

    拉勾的 slogan 是,最专业的互联网招聘网站,因此定位自己的目标用户群体在互联网行业内有一定的工作经验,只有拥有这样的专业的用户才能称得上专业的招聘网站,所以他们的主要用户群体集中在一年以上的工作经验者。而且又由于4年以上工作经验者有很大一部分是选择通过走猎头或者通过人脉获得工作,由此得到他们的核心目标用户群体是 1 到 4 年工作经验的互联网行业从业者。关于这一点可以从拉勾前段时间在地铁上铺天盖地的广告,却在繁忙的校招季没有什么动作可以得到佐证。

    移动端使用场景:

    使用场景

    从使用场景分析可以得出在移动端需要更多的专注于对招聘流程的跟踪和与招聘方在面试期间的联系。还需要着重关注保护用户隐私的情况。

    角色成就感:

    角色成就感

    用户通过平台投递简历获得面试机会是最直接的用户成就感的体现。在招聘过程中对过程的及时反馈也是增强这种成就感的有效手段。但是所有的这些手段都是为了一个终极目标,就是用户通过这个平台找到自己心仪的工作。因此根据移动端的碎片化的特性可以增加资讯这一块内容帮组用户更加了解行业和面试相关的信息,借此帮组用户早日找到心仪的工作。

    用户需求满足过程中的关键节点:

    用户需求满足过程中的关键点

    考虑到篇幅问题,且主要的产品用户群体是 1-4 年工作经验的用户,因此这里只展开了1-4年用户群体的用户需求满足过程中的关键点。其中在产品层面主要关注于使用产品、需求得到满足、离开、回来这几个阶段优化用户招聘体验。这其中就需要关注对流程的跟踪和资讯的整理推送。

    人物角色:

    人物角色

    创建这两个人物角色是为了在进行产品设计的过程中,如果出现一些卡壳的地方,就可以回到这里,通过模拟为创建的人物角色解决问题,满足他们的需求来获得问题的解决办法。人物角色主要设定的都是有一定行业经验,且对整个互联网行业比较熟悉的两个代表人物。

    产品目标:

    产品目标

    对于简历投递者而言,找工作是一件十分严肃,需要坐在电脑前花大量时间进行操作的一件事情。创建简历也是非常繁琐,需要高度集中精力的,毕竟在简历中出现错别字,对投递者影响是很大的。所以在移动端招聘只能作为 PC 端的一个使用场景的延伸,确保用户使用整个招聘网站,跟踪招聘信息的流畅性。

    因此移动端招聘产品首要目标是要完成对招聘流程的跟踪,以及针对不同的招聘要求及时对简历能够做个性化调整(包括在线简历和上传的简历)。优先级第二的是对职位的查询,投递。优先级第三的是对行业资讯的查看。

    范围层

    产品信息结构:

    信息结构图

    整个信息结构的梳理也是按着产品目标为指导进行的。其中优先级排第一的是对招聘流程跟踪的操作,接下来是对简历的查看、修改、上传等操作,然后是对职位、公司信息的推荐和搜索,最后才是对资讯的分类整理。

    这里需要详细说明一下提醒定制的功能,移动端一个很重要的使用场景就是当准备换工作的用户在公司有空余时间的时候,想查看一下面试的反馈信息或者想查看一下职位信息,如果在公司的电脑上大张旗鼓的打开拉勾,未免显得太过于嚣张,因此这个时候就体现出来移动端私密性的优势。

    我们再来想象一下,你和公司领导、同事在一起开会,你习惯性的将手机放在桌上,当你在大家面前唾沫横飞的讲着自己对于新产品的规划,突然手机屏幕亮起提示你昨天晚上在拉勾上投递的简历通过筛选,正在约你面试,如此画面太美,已然不敢想象。既然移动端有私密性的特点,那就将私密性的特点用到极致,用户可以个性化定制推送信息显示的图标和显示的信息,这样除了你自己没有人知道这个推送信息究竟是什么内容。

    内容需求

    关于对资讯想法我是这样理解的,根据拉勾产品的终极用户成就感体现在用户通过该平台找到工作这样一个过程,又由于拉勾的核心用户群体是 1 – 4 年工作经验投递简历者,因此会存在对行业理解不够深入,面试经验欠缺的情况。因此想利用移动端碎片化的特性让用户在哪怕不找工作的时候也能够使用拉勾移动端阅读行业资讯,以此来增加用户粘性。拉勾的行业资讯与其他资讯客户端的差异化体现在所有资讯都是经过运营编辑归类梳理过,都是以行业细分,内容由浅入深的进行介绍,方便用户用最短的时间深入了解一个行业。

    这里有一个问题,就是内容的来源,版权问题怎么解决,我的思路是做内容聚合,在每一篇报道前着重显示信息来源的地方,做流量的入口,给对应的内容发布发布平台导入流量,今日头条就是通过这种方法活的那么潇洒,所以这种方式暂时在法律上的风险应该是可以解决了。不过也还是需要借助拉勾网站平台的数据做一些有内容专题,要做原创内容,招聘行业到最后还是要拼内容。对于招聘企业,你的优质求职者数量就是你的内容,对于求职者,你平台上职位数量和质量是你最优质的内容,资讯也是平台内容的一部分,只有做好这两方面的内容才能让整个平台产生良性循环,越来越好。

    结构层

    功能结构:

    功能结构图

    功能结构遵循信息结构对招聘流程跟踪优先级的第一的安排,用户打开拉勾移动端,首先进入的是个人中心,对自己的投递、会话、面试记录管理。接下来事职位信息的查看搜索,最后是信息资讯页,因此整个 App 分为三个主页面。

    核心流程:

    核心流程图

    在这里我假设的情况是投递简历用于已经在 PC 端创建了简历,并且已经有过投递记录,这样设定是符合正常的用户使用场景的,并且是为了弱化在移动端创建简历的过程。让流程更接近于实际使用情况,对于流程的跟踪和对职位信息的查看。流程中还有很多对产品核心功能没有影响的细节没有展示出来。

    框架层

    说一千道一万,最后还是要有一个具体的原型才行,是骡子是马我都拉出来遛遛了。基于上面的分析,自己也是做了一个比较高保真的原型。考虑的情况也是注册登录后的状况,未登录情况在后面有说明。

    个人中心页:

    个人中心页

    职位列表页:

    职位列表页

    内容资讯页-资讯:

    内容资讯-资讯页

    内容资讯页-面经:

    内容资讯-面经页

    个人中心-个性化推送信息页:

    个性化推送信息页

    未登录进入 App 默认显示职位列表页,进行投递、评论等操作则提示需要登录,进入个人中心则直接转达登录页。

    整个原型的设计过程中关于职位、公司的信息和内容等一些页面排版照着原有版本进行的,没有做改动。

    由于页面太多就不一一展示,这里有原型的线上操作地址:

    http://modao.io/app/VU5zmRH2lwXPLvuiNMnT

    扫面页面左上方的二维码可在手机上安装 APK ,我使用的机型是 Lg nexus5 ,系统 Android 5.1 ,生成的 APK 适配这个机型,我也不知道其他机型安装 APK 后有没有问题,大家可以自行去验证。需要注意的一点是安装了 APK 也需要在有网络的情况才能使用。

    这里不得不推荐一下墨刀这款在线原型制作网站,操作简单,功能虽然没有 Axure 那么强大,但是它针对移动端的特性做了很多的工作,特别是能够生成 APK 安装包,真的非常的方便,强烈推荐(不知道,墨刀看到我这么不要脸的跪舔,是不是可以把我那一年的升级高级账户的费用给我免了)

    表现层

    这里真的希望能有设计师看到这篇文章后与我联系,然后我们一起将页面设计出来,就权当练手了,而且这是一个相对完整的原型,可以有一整套东西产出,希望有意愿的设计师能够联系我。这里有一点小小的要求,希望你认可Google的Material Design设计风格,并能够以这个风格进行设计。

    总结

    前前后后用了快一个月时间才全部弄完,从最开始在网络上查资料,查看招聘行业大牛的新闻访谈和他们在知乎等网站上面的问答,也和朋友讨论交流。自认为在整个产品的设计方向和思路上应该是没有问题的。当然有很多的细节由于篇幅关系没有展示出来,只能通过使用原型模拟操作才能看到,因此还是建议大家都去操作一下原型。

    最后整理文档,当写给自己看的时候可以适当随意一点,有的地方能简便就简便,但是要写给别人看的时候就不得不重新把整个产品产生的过程梳理一遍,用让别人最容易看懂的方式呈现出来,就这个对我而言还是挺有挑战性的。希望看到这篇文章的读者中,比我新的新人能够得到他想要的东西,也希望有经验的前辈能提出中肯的意见,这也是我做文章分享的很重要的原因,谢谢。

    希望大家能够多多讨论。

    相关文章

      网友评论

      • 陸雨先生:太棒了,很用心!可否透露下微信呢,很想认识你! :heart:
      • youyajun:在wap套了个壳,难怪那么难用
      • 795a2d128add:写的不错,哈哈有机会可以合作啊!我是做UI 的 :smile:
      • Murphy_2046:认认真真地看完,觉得特别好。我是16年的应届毕业生,也在努力寻找找产品的工作。方便的话可否传授点面试经验呢?
      • 虫的碎花花:作者好厉害!
      • elite_me:不错的干货
      • 18a22522f65d:PO主,我想把这篇文章转载到http://wowotop.com去,可以吗? :pray: :innocent:
        小马达:@KaitianX 可以呀。
      • 王瑞:非常不错,撸主有心了
      • Larix:不行
      • 战斗吧鸡排饭:题主讲的很好,受教了 :smiley: 不过感觉如果将投递反馈作为核心需求的话,感觉微信服务号已经做得很好了- - PS:有个小建议,互联网资讯类的内容建议加上 XX分钟之前 ,毕竟时效性是资讯比较重要的一个方面吧。
      • 6ace75ff8fb9:缺乏对平台发展和用户服务上深入的思考,全篇更多是在卖弄所谓的方法和流程,然并软。原因是对招聘业务不够了解。
      • 6ace75ff8fb9:@桥段1214 刘和唐 有啥过节?
      • 定Ding:@WHAM93 你确定吗...md原生里左上角放返回键很正常...有份数据是我之前在海外面试的一家公司做的调研,绝大多数用户会在左上角找返回,即便在安卓手机上,而这并不是从ios上迁移下来到习惯。

        另外楼主的原型和卡片没有什么关系吧...看不出卡片的感觉是个什么概念...暂时和文主合作的视觉初稿完全符合md语言和风格。
      • 7cc3ef73ae6e:@小马达 楼主加油,多分享一些类似的文章 :smiley:
      • whamwong:很明白笔者想要做出一个Material Design风格的拉勾app,个人体验了一下原型图,除了首页的搜索小按钮,还是缺少那种卡片式的感觉,也许笔者对Material Design视觉设计了解的不够透彻,而且在状态栏顶部左侧加入返回键,本身可看出iOS设计风格对产品设计思维影响很大。然而说说国内互联网处于半封闭状态,有多少安卓手机是装着Google服务的原生系统,如果不装原生系统跟Material Design的app真的很不搭调(哎我强迫症又发作了)虽然我也很喜欢Material Design,但是我觉得国内的app只能算是一个半扁平化的风格,没有一个完整的设计体系。难怪会说万物基于MIUI,所以现在设计师都好懒,直接把iOS设计套路套进去,行业好悲催啊。
      • 小马达:@雪饼 谢谢。 :smile:
      • 小马达:@孙圳pm1 还是希望能够说得详细一点,或者提示一下两点是指哪方面的?
      • a0a9ef619a94:非常好,喜欢你的文章
      • 孙圳pm:内容太多,没有亮点
      • 小马达:@rockiss 关于分类那一块我的确做的不好,本来是针对应聘用户做的分类,整个分类过程又会不自觉的讲企业用户考虑进来,还一直没有察觉到。所以谢谢。关于文章长的问题,其实文字也不读才4千字多一点点,就是图多了几张才会显得很长。说文章没有重点和逻辑我不太同意。整个文章就是讲这个东西是怎么出来的,这就是重点。逻辑这一块儿,我是按着 《用户体验要素》 中讲解的设计一个产品的设计流程出来的,所以我觉得还是挺有逻辑的。整个文章我还真不是拼命的堆砌,除了开始,最后和中间关于推荐墨刀的是废话意外,其他的我还都是尽量用图来简单说明。最后还说一点,其实我分享中说出了面试的事情,并不是想在这里证明什么,面试没过又不丢人,只是说明自己还不够好,还需要继续努力,仅此而已。
      • 26f890f0d22e:只是在拼命堆砌东西,从刚开始的用户分类开始就错了,按工作经验分类的只是应聘用户吧。整个文章没有重点,就是长,非常长。小标题之间不连贯,没有逻辑,是会fail的呀。
      • 1d0dea4fd899:写的很不错
      • 小马达:@非现有逻辑 我感觉这就是脉脉,加上这些会显得更重。个人认为拉勾是一个工具性的 APP, 如果加入社交,那你怎么让这些人互相了解,怎么互相展示以至于信任。感觉需要更多的东西,加上这些以后就会变成四不像,而且重的没法用。我想还是做好工具这个核心功能就好了。
      • 一张白纸:@小马达 我表示找到工作 有咨询我也不会打开它 如果说移动端能做成一个HR和求职者之间 基于工作的社交性质 大家可以互相了解熟悉 而不一定是马上找到工作或者找到人 基于这个移动端 可以进入对方的社交圈 微信 微博 等等 或许还有可能成为朋友 当然可能不太现实 但是这样互相熟悉和了解下来 才能更好的做好一个招聘平台的服务;任何形式都是基于服务本身的基础...
      • 刺十三:@小马达 谢谢,可关注公众号pmyuedu哈
      • 小马达:@产品经理悦读 喔,没有问题。 :smile:
      • 刺十三:楼主 我需要转载到www.pmyuedu.com以及公众号pmyuedu,望同意?
      • 小马达:@jacktan 不过他们整个面试过程挺好的,其实也还好,这个东西真讲缘分。我不是技术转产品。 :smile:
      • 78e3493ed88b:我去!!这么强悍都被拒了??把这篇文章pia到那HR的脸上!!话说楼主是从技术转产品的吗?
      • 小马达:@子凌 他们也是这么做的,首先在微信上有服务号,微信上对流程的跟踪的功能基本都有了。但是为了让所有的东西都是自己可控的状态的话,还是需要有个 APP 的,要不然某一天由于某些原因,微信号除了些问题,对自己影响还是挺大的。
      • 小马达:@励定洲 等我私信。 :smile:
      • 小马达:@留架兔 这也行。简直了。
      • 4b86a493a77b:喜欢梳理的部分,最喜欢原型效果图的部分,我就不做专业性的分析啦
        不过年费减免可以有~ 不要跑,等我联系你~ :smiley:
      • iHTCboy:@子凌 现在的应用,都做平台,平台就想简书,以某种形式聚合用户。微信只是一个冰山,不可能着落。
      • 定Ding:我也是五儿子用户,如有需要愿意协助你设计😘
      • 泡沫伊然:非常感谢分享~看完之后确实收获了很多知识,尤其是作为产品经理的思考方式以及工作内容,看完后整个人都“不好”了,发现自己以前思考问题上存在很多漏洞和不足~总之学习了
      • 定Ding:传说中的full stack designer吗,好有干劲,自愧不如😳
      • 小马达:@HTC 的确是应该去了解 iOS 的东西。
      • 小马达:@桥段1214 听说过,只是不知道具体情况,也就不做评论。
      • 小马达:@河河海 太笼统了,能不能讲的稍微细一点。
      • 产品经理说:@小马达 投递简历的状态你怎么改成了三个?
      • 一起产品经理吧: @桥段1214 关于这件事,不予置评,而且真不关我事,就不瞎起劲了,做好我的产品就好!
      • 子凌:个人觉得拉勾目前有微信就差不多了。了解拉勾的人基本都上微信。
      • 61dfd2f1c042: @小方飞剑 所见略同,前几天在某qq群看到产品100的人,对刘蚊子崇拜的那叫一个神… 不知博主清楚产品100的刘蚊子和唐杰的事吗?对产品100只说:道不同不相为谋
      • iHTCboy:@小马达 哈哈,看完文章,写得很好。产品经理也要接触iOS哦,不能单以安卓为主
      • 小马达:@某人某年 资讯那一块儿好像大家都觉得有点多余。上传图标那一块儿是为了解决一个用户隐私的问题。我的思路核心也是对流程的跟踪,这是这一点在原型里面体现不出来。谢谢认真的评论。
      • iHTCboy:有个问题,iOS推送图标是无法自定义的,解决方便还是定时推送。
      • 小马达:@HTC 第一眼看成大难不死,必有后福了。 :sob:
      • 小马达:@小方飞剑 这不是专为产品100 约稿写的,本来打算自己弄完以后发在简书上的,只是那边约稿,才把这篇文首发在上面的。前面两块内容我自认为是没有问题的。关于资讯那一块儿,自己也纠结了很多,但是最后还是决定加上了,好像大家都觉得那有点多余。谢谢你认真的评论。
      • 一起产品经理吧:想太多,有些乱,产品定位不清晰,估计拉勾也不会让这样一款产品问世。
        看到产品100的约稿,我顿悟了...
      • iHTCboy:虽然很遗憾但还是坦然接受了这个事实,毕竟面试就像相亲,这个东西还是比较讲究缘分的。

        大起大落,必有后福!
      • 产品经理说:有的功能的确多余了,比如咨询,上传 图标。我是拉钩重度用户,移动端主要是弥补PC端不足:及时反馈状态,这点他们微信做的核心定位也是推送状态,如果要做移动端,也应该强化这点,做到单点极致。
      • 小马达:@非现有逻辑 我自己也有一种偏重的感觉,但是关于简历的修改和对职位搜索那一块是必须要有的,因为这个一个工具类的 APP ,这两个是基础功能是必须要有,且要尽可能详细的。之所以觉得偏重是也是觉得是否应该有资讯那一块儿,考虑到找工作是一个阶段性的事情,若扎到工作有就不会再打开这个软件,所以才考虑做资讯,希望暂时还没有找工作需求的用户也可以打开 APP 查看有专业编辑整理分类的行业专业报道。
      • 首席游戏玩家:应该,在简单点,符号,数字,有些少。
      • 一张白纸:虽然很详细,功能齐全,但总感觉移动端不应该如此,整体偏重,内容复杂,尤其是资讯类,如果不是做得很有风格和实际意义的咨询,整个产品就显得很low……个人觉得以后的招聘,尤其是移动端,不应以简历为主要方式,而是一个人的社交圈,或可以加入在线面试的方式……随遍想一下,你感受一下
      • 小马达:@Aaron毛 可能我没有说清楚,我想表达的是,想这个 APP 能够按着 Material Design 的设计风格来设计,所以我在做原型的时候尽量把能表现出 Material Design 设计风格的东西表现出来,真正要实现 Material Design 设计风格,还是需要设计师来搞定的,不知道有没有回答你的问题。
      • 65f9370eaa13:悬浮的search按钮和md风格什么鬼关系。
      • 21612e03a831: 看完后很有收获哦 :+1:
      • 小马达:@jungege 谢谢。也是花了一点时间才弄完的。
      • 小马达:@我们都是设计狮 在一个互联金融公司,因为现在还在职,所以不太方便透露太多的信息,不知道你有没有兴趣设计我做的这个原型? :smile:
      • 我们都是设计狮:非常好,作者现供职于哪里啊
      • 又已是十年:写得很好。

      本文标题:如果让我设计拉勾移动端 App

      本文链接:https://www.haomeiwen.com/subject/aojfqttx.html