51job網(wǎng)站設(shè)計(jì)
2017-04-12 17:08:56最近工作中的網(wǎng)站產(chǎn)品首頁(yè)首屏設(shè)計(jì)階段已經(jīng)接近尾聲，經(jīng)歷過很多次大大小小的討論，也讓我更加明白該如何設(shè)計(jì)一個(gè)產(chǎn)品，到現(xiàn)在為止接觸產(chǎn)品1年多，從不知產(chǎn)品為何物到真正從頭開始參與設(shè)計(jì)產(chǎn)品，有很多的收獲。以51job網(wǎng)站首頁(yè)首屏為例，我梳理了一下自己做產(chǎn)品的過程，分享給小伙伴們，也希望與你們能多多交流，我們共同進(jìn)步。
第一步：思路整理
1.設(shè)計(jì)一個(gè)網(wǎng)站的首頁(yè)首屏首先要清楚一個(gè)網(wǎng)站的定位和作用。
從產(chǎn)品角度：首頁(yè)用來陳列網(wǎng)站內(nèi)容(職位、搜索、資訊);突出精華內(nèi)容(考慮用戶需求、商業(yè)需求);優(yōu)先呈現(xiàn)與用戶需求直接相關(guān)的內(nèi)容。
從用戶角度：思考網(wǎng)站主要解決用戶什么問題，為解決這個(gè)問題的核心功能是什么，讓核心功能處于頁(yè)面醒目或重要位置。如51job主要解決的是用戶找工作的問題，本質(zhì)是用戶搜索職位投遞簡(jiǎn)歷的問題。因此把搜索框至于重要的位置，甚至可以作為全局變量，讓用戶在任何頁(yè)面都可以搜索。另外，職位推薦也是重要部分。因此，職位推薦+搜索在首頁(yè)必須出現(xiàn);
從戰(zhàn)略角度：51job個(gè)人端首頁(yè)還應(yīng)起到為其他子產(chǎn)品(校園、資訊、BBS、微訪談、求職攻略)提供入口的作用，對(duì)應(yīng)屆生、精英、藍(lán)領(lǐng)、HR人群進(jìn)行分流，放置SEO內(nèi)容為爬蟲準(zhǔn)備。
2.清楚當(dāng)前版本的不足之處在哪里
比如當(dāng)前51job首頁(yè)首屏的廣告位利用率不高，企業(yè)廣告樣式不統(tǒng)一，廣告排列不美觀，導(dǎo)航設(shè)計(jì)過時(shí)，有的頁(yè)面需要重新整合等等?？吹竭@樣的首頁(yè)首屏，相信你已經(jīng)無(wú)力吐槽了，對(duì)吧~
3.把當(dāng)前版本首頁(yè)首屏中的所有功能項(xiàng)整理出來。
不要忽視任何一個(gè)小功能哦!全部整理出來，思考哪些可以刪除，哪些可以保留，哪些待定(因?yàn)橛行﹥?nèi)容涉及到其他部門)?？梢越柚季S導(dǎo)入，如下圖。
一定有些功能存在背后的考慮是你做為一個(gè)初入公司的小白不知道的，因此有必要把思考結(jié)果拿出來和上級(jí)討論功能的去留問題。比如當(dāng)初我的考慮是把右上角的企業(yè)服務(wù)全部刪除，變成企業(yè)登錄文字鏈;好像沒什么問題，但這種考慮其實(shí)是沒有站在全局觀上考慮問題的結(jié)果。
4.每個(gè)按鈕點(diǎn)擊之后的頁(yè)面內(nèi)容，也是需要同步考慮的。
比如設(shè)計(jì)導(dǎo)航欄，那么導(dǎo)航欄中每個(gè)選項(xiàng)點(diǎn)擊之后的二級(jí)頁(yè)面也要同步考慮。比如當(dāng)頂部導(dǎo)航有“我的51job”，并且把簡(jiǎn)歷收在“我的51job”中時(shí)，主導(dǎo)航還是否需要保留”my51job”以及“簡(jiǎn)歷管理”項(xiàng)?
第二步，功能模塊排列
放置哪些功能確定下來后，從以下幾個(gè)角度來考慮如何排版。
1.功能重要度排序。
搜索>橫幅banner區(qū)>職位推薦>我的51job>其他頻道鏈接
2.考慮用戶使用習(xí)慣。
a)哪些內(nèi)容是用戶在“瀏覽→搜索→投遞→查看” 整個(gè)過程中隨時(shí)都可能會(huì)去訪問的(如搜索職位);
b)哪些功能是用戶每天登陸都會(huì)用的(如簡(jiǎn)歷刷新、搜索、查看投遞反饋);
c)哪些是訪問頻率稍低但與用戶個(gè)人直接相關(guān)，一旦用戶想操作必須提供最短路徑使其找到的，如賬號(hào)信息、屏蔽公司;
這三者涉及的功能均需作為全局變量。
3.競(jìng)品的功能排版。競(jìng)品分析，看競(jìng)品網(wǎng)站的首頁(yè)首屏是如何設(shè)計(jì)的。有哪些模塊，每個(gè)模塊是如何排列的。
第三步：規(guī)則以及與現(xiàn)有模塊內(nèi)容的銜接
當(dāng)然，在之前的兩步中就需要同步考慮規(guī)則問題。比如登錄前、登陸后內(nèi)容展示是否有不同，廣告區(qū)如果出現(xiàn)空位賣不出去怎么補(bǔ)位?還有，之前的廣告區(qū)如果要撤銷，那么已經(jīng)購(gòu)買廣告的客戶怎么辦，代償方案應(yīng)如何設(shè)定。這就需要對(duì)廣告的售賣情況及各類廣告的售賣方式有清楚的了解才能制定出合理的補(bǔ)償方案。
最后，記住網(wǎng)站設(shè)計(jì)的兩個(gè)比較小但是非常重要原則
1.用戶從哪里來就讓他到哪里去。比如注冊(cè)登錄在頂部導(dǎo)航，那么登錄之后的“歡迎您，xx;退出”也要在頂部導(dǎo)航以保持統(tǒng)一。
2.用戶在每個(gè)頁(yè)面時(shí)，都要清楚告知其當(dāng)前位置。
小結(jié)，產(chǎn)品設(shè)計(jì)的過程其實(shí)是一個(gè)平衡各方需求的過程。產(chǎn)品設(shè)計(jì)要考慮到用戶方面、商業(yè)方面、業(yè)務(wù)方面等等問題。想要成為一名優(yōu)秀的產(chǎn)品經(jīng)理，真的需要千錘百煉。
