網(wǎng)站作為企業(yè)的門(mén)面,既承載著企業(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ò)多的影響。