網(wǎng)站作為企業(yè)的門面，既承載著企業(yè)的價(jià)值，又要傳遞公司業(yè)務(wù)，因此需要定期改版升級(jí)。

　　而很多團(tuán)隊(duì)在網(wǎng)站改版時(shí)，直接在原網(wǎng)站的基礎(chǔ)上做新的效果圖，缺失了對(duì)用戶群體和公司業(yè)務(wù)的目標(biāo)梳理。這樣做出來(lái)的新網(wǎng)站通常無(wú)法達(dá)到最優(yōu)的效果。

　　其實(shí)，網(wǎng)站改版是一個(gè)精細(xì)化用戶使用的過(guò)程。綜合考慮用戶使用目標(biāo)、公司業(yè)務(wù)及企業(yè)價(jià)值主張構(gòu)建一個(gè)全新的布局策略，才能讓網(wǎng)站“脫胎換骨”。

　　改版前后對(duì)比

　　設(shè)計(jì)改版的關(guān)鍵步驟

　　以下是優(yōu)派做網(wǎng)站改版的流程：

　　了解用戶及需求目標(biāo)

　　了解企業(yè)使命、愿景、價(jià)值觀

　　原網(wǎng)站評(píng)測(cè)

　　同行業(yè)及行業(yè)趨勢(shì)研究

　　新網(wǎng)站設(shè)計(jì)策略定義

　　原型設(shè)計(jì)

　　風(fēng)格定位

　　UI詳細(xì)設(shè)計(jì)

　　開(kāi)發(fā)實(shí)現(xiàn)

　　一、了解用戶及需求目標(biāo)

　　網(wǎng)站設(shè)計(jì)應(yīng)當(dāng)以滿足用戶需求為首要任務(wù)。可以通過(guò)用戶訪談、問(wèn)卷調(diào)查等方式獲取用戶反饋，并對(duì)這些反饋進(jìn)行分析和總結(jié)，找出用戶需求的共性和差異，明確核心用戶的關(guān)鍵訴求。

　　二、了解企業(yè)使命、愿景、價(jià)值觀

　　企業(yè)的使命、愿景、價(jià)值觀是企業(yè)的靈魂，更是企業(yè)區(qū)別于同行的差異化體現(xiàn)，所以需要非常精準(zhǔn)的提煉才能讓用戶有更好的心智識(shí)別和記憶。

　　三、原網(wǎng)站評(píng)測(cè)

　　改版前要清晰需要改進(jìn)提升的問(wèn)題是哪些，如上線版有哪些急需解決的問(wèn)題，未上線版有哪些要在線上實(shí)現(xiàn)或解決等等。針對(duì)問(wèn)題進(jìn)行設(shè)計(jì)可以事半功倍。

　　四、同行業(yè)及行業(yè)趨勢(shì)研究

　　調(diào)研同行業(yè)的優(yōu)質(zhì)網(wǎng)站，提前了解設(shè)計(jì)的要求與約束，同時(shí)參考行業(yè)流行趨勢(shì)，找出可吸取的內(nèi)容，比如風(fēng)格、框架、各模塊的交互及展現(xiàn)方式，以便快速定義屬于自己特色的網(wǎng)站方向。

　　五、新網(wǎng)站策略定義

　　“策略引導(dǎo)設(shè)計(jì)，設(shè)計(jì)引導(dǎo)開(kāi)發(fā)”是我們做產(chǎn)品正確的指導(dǎo)方針。而策略則來(lái)源于前期的充分研究。

　　明確目標(biāo)、明確問(wèn)題點(diǎn)，制定相應(yīng)的方案思路，前期把功夫做足了，后期就不用擔(dān)心再次返工了。

　　六、原型設(shè)計(jì)

　　原型設(shè)計(jì)是將設(shè)計(jì)想法轉(zhuǎn)化為真實(shí)場(chǎng)景的關(guān)鍵步驟。通過(guò)原型設(shè)計(jì)，可以更好地模擬網(wǎng)站的實(shí)際使用，可實(shí)現(xiàn)對(duì)網(wǎng)站的快速測(cè)試和迭代改進(jìn)，大大提升與客戶確認(rèn)需求的效率。

　　七、風(fēng)格設(shè)計(jì)

　　基于企業(yè)品牌、行業(yè)特點(diǎn)、地域特色，參照所研究分析的設(shè)計(jì)策略，進(jìn)行風(fēng)格定位，可快速有效地完成方案設(shè)計(jì)。

　　八、UI詳細(xì)設(shè)計(jì)

　　設(shè)計(jì)前中后均要有規(guī)范意識(shí)，可依據(jù)風(fēng)格方案定義出網(wǎng)站的規(guī)范。通過(guò)頁(yè)面布局、框架、導(dǎo)航、風(fēng)格、典型頁(yè)面、圖標(biāo)、組件、圖形、字體、顏色等進(jìn)行規(guī)范化約束，可在品牌使用、延展設(shè)計(jì)等各方面實(shí)現(xiàn)統(tǒng)一的對(duì)外使用與展示；

　　九、開(kāi)發(fā)實(shí)現(xiàn)

　　效果圖的實(shí)現(xiàn)和還原是本階段的重要工作。不僅要完成功能的開(kāi)發(fā)，遵守設(shè)計(jì)規(guī)范，搭配適當(dāng)?shù)膭?dòng)效展現(xiàn)，讓頁(yè)面操作更加絲滑也是我們需要關(guān)注的體驗(yàn)細(xì)節(jié)。

　　總結(jié)

　　一個(gè)好的網(wǎng)站應(yīng)具備四個(gè)要素：

　　1、物理價(jià)值——解決問(wèn)題

　　2、情感價(jià)值——建立關(guān)系

　　3、經(jīng)濟(jì)效應(yīng)——帶來(lái)收益

　　4、社會(huì)效應(yīng)——推動(dòng)時(shí)代變革

　　在網(wǎng)站改版時(shí)，基于用戶體驗(yàn)和品牌價(jià)值，解析清楚網(wǎng)站的定位和問(wèn)題點(diǎn)，能起到事半功倍的作用。同時(shí)也要注意保持與舊版網(wǎng)站的連貫性和一致性，避免對(duì)用戶的認(rèn)知造成過(guò)多的影響。