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

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

第一步：思路整理

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

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

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

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

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

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

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

不要忽视任何一个小功能哦！全部整理出来，思考哪些可以删除，哪些可以保留，哪些待定（因为有些内容涉及到其他部门）。一定有些功能存在背后的考虑是你做为一个初入公司的小白不知道的，因此有必要把思考结果拿出来和上级讨论功能的去留问题。比如当初我的考虑是把首页右上角的企业服务模块全部删除，变成企业登录文字链；好像没什么问题，但这种考虑其实是没有站在全局观上考虑问题的结果。

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

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

第二步，功能模块排列

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

1.功能重要度排序。

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

2.考虑用户使用习惯 。

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

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

3.竞品的功能排版。

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

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

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

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

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

小结

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

 

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

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