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