一只51job初级产品汪的网站设计说

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

最近工作中的网站产品首页设计阶段已经接近尾声,经历过很多次大大小小的讨论,也让我更加明白该如何设计一个产品,到现在为止接触产品1年多,从不知产品为何物到真正从头开始参与设计产品,有很多的收获。以51job网站首页为例,我梳理了一下自己做产品的过程,分享给小伙伴们,也希望与你们能多多交流,我们共同进步。

51job

第一步:思路整理

1、设计一个网站的首页首先要清楚一个网站的定位和作用。

从产品角度:首页用来陈列网站内容(职位、搜索、资讯);突出精华内容(考虑用户需求、商业需求);优先呈现与用户需求直接相关的内容。

从用户角度:思考网站主要解决用户什么问题,为解决这个问题的核心功能是什么,让核心功能处于页面醒目或重要位置。如51job主要解决的是用户找工作的问题,本质是用户搜索职位投递简历的问题。因此把搜索框至于重要的位置,甚至可以作为全局变量,让用户在任何页面都可以搜索。另外,职位推荐也是重要部分。因此,职位推荐+搜索在首页必须出现;

从战略角度:51job个人端首页还应起到为其他子产品(校园、资讯、BBS、微访谈、求职攻略)提供入口的作用,对应届生、精英、蓝领、HR人群进行分流,放置SEO内容为爬虫准备。

2、清楚当前版本的不足之处在哪里。

比如当前51job首页的广告位利用率不高,企业广告样式不统一,广告排列不美观,导航设计过时,有的页面需要重新整合等等。看到51job目前的首页,相信你已经无力吐槽了,对吧~

1

3、把当前版本首页中的所有功能项整理出来。

不要忽视任何一个小功能哦!全部整理出来,思考哪些可以删除,哪些可以保留,哪些待定(因为有些内容涉及到其他部门)。可以借助思维导入,如下图。

2

有些功能存在背后的考虑,是你做为一个初入公司的小白不知道的,因此有必要把思考结果拿出来和上级讨论功能的去留问题。比如当初我的考虑是把右上角的企业服务全部删除,变成企业登录文字链;好像没什么问题,但这种考虑其实是没有站在全局观上考虑问题的结果。

3

4、每个按钮点击之后的页面内容,也是需要同步考虑的。

比如设计导航栏,那么导航栏中每个选项点击之后的二级页面也要同步考虑。比如当顶部导航有“我的51job”,并且把简历收在“我的51job”中时,主导航还是否需要保留”my51job”以及“简历管理”项?

4

第二步,功能模块排列

放置哪些功能确定下来后,从以下几个角度来考虑如何排版。

1.功能重要度排序。

搜索>横幅banner区>职位推荐>我的51job>其他频道链接

2.考虑用户使用习惯

  • 哪些内容是用户在“浏览→搜索→投递→查看” 整个过程中随时都可能会去访问的(如搜索职位);
  • 哪些功能是用户每天登陆都会用的(如简历刷新、搜索、查看投递反馈);
  • 哪些是访问频率稍低但与用户个人直接相关,一旦用户想操作必须提供最短路径使其找到的,如账号信息、屏蔽公司;

这三者涉及的功能均需作为全局变量。

3.竞品的功能排版。

竞品分析,看竞品网站的首页是如何设计的。有哪些模块,每个模块是如何排列的。

第三步:规则以及与现有模块内容的衔接

当然,在之前的两步中就需要同步考虑规则问题。比如登录前、登陆后内容展示是否有不同,广告区如果出现空位卖不出去怎么补位?还有,之前的广告区如果要撤销,那么已经购买广告的客户怎么办,代偿方案应如何设定。这就需要对广告的售卖情况及各类广告的售卖方式有清楚的了解才能制定出合理的补偿方案。

最后,记住网站设计的两个比较小但是非常重要原则

  1. 用户从哪里来就让他到哪里去。比如注册登录在顶部导航,那么登录之后的“欢迎您,xx;退出”也要在顶部导航以保持统一。
  2. 用户在每个页面时,都要清楚告知其当前位置。

小结

产品设计的过程其实是一个平衡各方需求的过程。产品设计要考虑到用户方面、商业方面、业务方面等等问题。想要成为一名优秀的产品经理,真的需要千锤百炼。

 

作者:袁婷 (邮箱:yuanting.yuan@51job.com)前程无忧产品,1年互联网产品设计经验。曾主导考试通APP公务员模块的产品改版工作,现主导51job网站首页首屏和导航栏改版设计工作。

本文由 @袁婷 原创发布于人人都是产品经理 ,未经许可,禁止转载。

祝给予赞赏的伙伴,2017年发大财!

评论( 18

写下你的想法
  1. 正好抓住了做51job的产品 :razz: ,我就来吐槽下,51job的首页整体给人的感觉好low,模块分出那么多,完全找不到重点,而且即使有想要的信息,这么多内容也很难从其中找到有用的信息。只是一个首页,都没有登录进去的欲望了!!

    回复
    1. 回复

      哈哈,我觉得我们PC改版后有必要在首页设置一个意见反馈的按钮。 :smile: 让你们的意见随时都能快速到达我这儿。

    2. 回复

      纯属吐槽! :twisted: :twisted:

    3. 回复

      其实反过来想,51job网站这么丑,那为什么这么多年行业老大的地位还是没有被动摇?
      根本原因是51job一直在做搜索引擎的优化和职位更加精准的推送,把简历和职位进行尽量做到精准再精准,有海量的职位和海量的简历,如何让合适的人与职位在我们的平台上高效精准匹配才是核心。这个不是一个互联网创业公司搞个一年半年那么简单就能够超越的。

  2. 写的束手束脚,感觉很多东西没说完就讲下一话题了, 应该是考虑到产品隐私安全等问题,但是让人看了感觉该文章失去了本来存在的意义。或者你可以不用真实的51job来写文章,自己举例应该能把话说得透彻一点,把想讲的都能讲完

    回复
    1. 回复

      经验总结性的文章给予大的方向和思路归纳,剖析性的文章属于每一个细节点的深入。谢谢你的建议,就喜欢你这样直接表达不满的同学。~

  3. 有广告不可怕,最可怕的是到处是广告,一些基本的求职功能被隐藏了,第一眼望过去找不到想要的,ui设计确实过时了,给我的感觉还是几年前黄页网站的体验;作为公司发布职位的时候,一些职位条件已经过时了,排版挺难用的,关联邮箱还要给人一种在编程的感觉,………………以及长长的省略号…………………………

    回复
    1. 回复

      嗯,确实如您所说,有广告不可怕,可怕的是到处都是广告隐藏了基本功能。
      您说的职位条件过时具体是不是职能类别找不到合适的?还是其他选项?目前公司发布职位的话,职位名称是自填,职位类别只能选择。
      绑定邮箱的操作具体是在网才端“系统设置”→“帐号管理”吗?长长的省略号是哪里的呀?方便的话还请详细告知一下,也可以发我邮箱yuanting.yuan@51job.com。
      酱紫我可以第一时间反馈给公司,帮您解决问题(*^__^*) 嘻嘻

    2. 回复

      额,在前家公司做过招聘的一些工作,记得当初碰到问题挺多的,现在换工作了,就忘了具体是什么了,唯一记得你关联多个邮箱是:邮箱地址+;+邮箱地址+;这种方式实现的

    3. 回复

      soga….好滴我知道啦~

  4. 国内的这几个招聘网站由于体验的问题,硬生生的被拉勾网撕出一道口子,拉钩网的成功不是因为它做的多好,完全是51,智联,58做的太差了。

    回复
  5. 你们可是把搜索框放得需要用放大镜找了。当然,你们需要广告,还得给金主搞得亮闪闪

    回复
    1. 回复

      是呢,我当初找工作的时候用起来也觉得好难用,不过这次规划已经把搜索框置于最突出的位置啦,还有万恶的广告~至少我们这次设计把第一屏的广告样式做了统一,实在不能再bulingbuling的闪了~不然每天上班都要被闪瞎1万遍~~~
      还有什么要吐槽的都尽管来~趁我们还在规划中,我都向我们老大反馈~

  6. 你们可是把搜索框放得需要用放大镜找了。当然,你们需要广告,还得给金主搞得亮闪闪

    回复
  7. 招聘网站一定要花里胡哨的吗,看看秒聘网把

    回复
    1. 回复

      嗯,广告样式不在于多,只要整体统一体验就会很好,的确51job广告是在太花哨了必须得改。

  8. 我球棒棒哒

    回复
    1. 回复

      哇哇哇!火眼金睛啊你~~~ 阿念~~~:grin:

加载中