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

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

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

　　改版前后對比

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

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

　　了解用戶及需求目標

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

　　原網(wǎng)站評測

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

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

　　原型設(shè)計

　　風格定位

　　UI詳細設(shè)計

　　開發(fā)實現(xiàn)

　　一、了解用戶及需求目標

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

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

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

　　三、原網(wǎng)站評測

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

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

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

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

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

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

　　六、原型設(shè)計

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

　　七、風格設(shè)計

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

　　八、UI詳細設(shè)計

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

　　九、開發(fā)實現(xiàn)

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

　　總結(jié)

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

　　1、物理價值——解決問題

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

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

　　4、社會效應(yīng)——推動時代變革

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