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