網(wǎng)站作為企業(yè)的門面,既承載著企業(yè)的價值,又要傳遞公司業(yè)務(wù),因此需要定期改版升級。
而很多團(tuán)隊在網(wǎng)站改版時,直接在原網(wǎng)站的基礎(chǔ)上做新的效果圖,缺失了對用戶群體和公司業(yè)務(wù)的目標(biāo)梳理。這樣做出來的新網(wǎng)站通常無法達(dá)到最優(yōu)的效果。
其實,網(wǎng)站改版是一個精細(xì)化用戶使用的過程。綜合考慮用戶使用目標(biāo)、公司業(yè)務(wù)及企業(yè)價值主張構(gòu)建一個全新的布局策略,才能讓網(wǎng)站“脫胎換骨”。
改版前后對比
設(shè)計改版的關(guān)鍵步驟
以下是優(yōu)派做網(wǎng)站改版的流程:
了解用戶及需求目標(biāo)
了解企業(yè)使命、愿景、價值觀
原網(wǎng)站評測
同行業(yè)及行業(yè)趨勢研究
新網(wǎng)站設(shè)計策略定義
原型設(shè)計
風(fēng)格定位
UI詳細(xì)設(shè)計
開發(fā)實現(xiàn)
一、了解用戶及需求目標(biāo)
網(wǎng)站設(shè)計應(yīng)當(dāng)以滿足用戶需求為首要任務(wù)。可以通過用戶訪談、問卷調(diào)查等方式獲取用戶反饋,并對這些反饋進(jìn)行分析和總結(jié),找出用戶需求的共性和差異,明確核心用戶的關(guān)鍵訴求。
二、了解企業(yè)使命、愿景、價值觀
企業(yè)的使命、愿景、價值觀是企業(yè)的靈魂,更是企業(yè)區(qū)別于同行的差異化體現(xiàn),所以需要非常精準(zhǔn)的提煉才能讓用戶有更好的心智識別和記憶。
三、原網(wǎng)站評測
改版前要清晰需要改進(jìn)提升的問題是哪些,如上線版有哪些急需解決的問題,未上線版有哪些要在線上實現(xiàn)或解決等等。針對問題進(jìn)行設(shè)計可以事半功倍。
四、同行業(yè)及行業(yè)趨勢研究
調(diào)研同行業(yè)的優(yōu)質(zhì)網(wǎng)站,提前了解設(shè)計的要求與約束,同時參考行業(yè)流行趨勢,找出可吸取的內(nèi)容,比如風(fēng)格、框架、各模塊的交互及展現(xiàn)方式,以便快速定義屬于自己特色的網(wǎng)站方向。
五、新網(wǎng)站策略定義
“策略引導(dǎo)設(shè)計,設(shè)計引導(dǎo)開發(fā)”是我們做產(chǎn)品正確的指導(dǎo)方針。而策略則來源于前期的充分研究。
明確目標(biāo)、明確問題點,制定相應(yīng)的方案思路,前期把功夫做足了,后期就不用擔(dān)心再次返工了。
六、原型設(shè)計
原型設(shè)計是將設(shè)計想法轉(zhuǎn)化為真實場景的關(guān)鍵步驟。通過原型設(shè)計,可以更好地模擬網(wǎng)站的實際使用,可實現(xiàn)對網(wǎng)站的快速測試和迭代改進(jìn),大大提升與客戶確認(rèn)需求的效率。
七、風(fēng)格設(shè)計
基于企業(yè)品牌、行業(yè)特點、地域特色,參照所研究分析的設(shè)計策略,進(jìn)行風(fēng)格定位,可快速有效地完成方案設(shè)計。
八、UI詳細(xì)設(shè)計
設(shè)計前中后均要有規(guī)范意識,可依據(jù)風(fēng)格方案定義出網(wǎng)站的規(guī)范。通過頁面布局、框架、導(dǎo)航、風(fēng)格、典型頁面、圖標(biāo)、組件、圖形、字體、顏色等進(jìn)行規(guī)范化約束,可在品牌使用、延展設(shè)計等各方面實現(xiàn)統(tǒng)一的對外使用與展示;
九、開發(fā)實現(xiàn)
效果圖的實現(xiàn)和還原是本階段的重要工作。不僅要完成功能的開發(fā),遵守設(shè)計規(guī)范,搭配適當(dāng)?shù)膭有д宫F(xiàn),讓頁面操作更加絲滑也是我們需要關(guān)注的體驗細(xì)節(jié)。
總結(jié)
一個好的網(wǎng)站應(yīng)具備四個要素:
1、物理價值——解決問題
2、情感價值——建立關(guān)系
3、經(jīng)濟(jì)效應(yīng)——帶來收益
4、社會效應(yīng)——推動時代變革
在網(wǎng)站改版時,基于用戶體驗和品牌價值,解析清楚網(wǎng)站的定位和問題點,能起到事半功倍的作用。同時也要注意保持與舊版網(wǎng)站的連貫性和一致性,避免對用戶的認(rèn)知造成過多的影響。