網(wǎng)站開(kāi)發(fā):網(wǎng)站改版的優(yōu)點(diǎn)有哪些?我們開(kāi)發(fā)網(wǎng)站應(yīng)該通過(guò)以前的案例和失敗的經(jīng)驗(yàn)為基礎(chǔ)，再加上最潮流的設(shè)計(jì)趨勢(shì)，來(lái)設(shè)計(jì)最符合當(dāng)代人群的網(wǎng)站，增加用戶體驗(yàn)，上海網(wǎng)站建設(shè)公司木辰小編就以UC改版為案例，談?wù)劄槭裁淳W(wǎng)站要改版，改版前和改版后的區(qū)別有哪些?

我們知道2012年UC瀏覽器的用戶量突破3億，成為名符其實(shí)的中國(guó)第一大手機(jī)瀏覽器。而UC官方網(wǎng)站——作為公司形象展示及產(chǎn)品介紹推廣的重要平臺(tái)，構(gòu)建得并 不十分完善，在視覺(jué)設(shè)計(jì)和網(wǎng)站構(gòu)架上有許多不盡如人意的地方。在2011年年底，為了配合UC走向世界的主旋律，UC英文官網(wǎng)進(jìn)行了一次全新改版，改版后 的整體視覺(jué)效果更具沖擊力，更顯國(guó)際化，訪問(wèn)量得到了顯著提高。所以，中文版的改版勢(shì)在必行。經(jīng)過(guò)為期一個(gè)多月的前期調(diào)研和準(zhǔn)備，在英文官網(wǎng)改版經(jīng)驗(yàn)的基 礎(chǔ)上，開(kāi)始了中文版官網(wǎng)的改版。

一、項(xiàng)目方案

網(wǎng)站開(kāi)發(fā)前，要擬定官網(wǎng)基調(diào)-整理官網(wǎng)構(gòu)架-優(yōu)化視覺(jué)設(shè)計(jì)

二、執(zhí)行過(guò)程

網(wǎng)站設(shè)計(jì)前要確定基調(diào)，化繁為簡(jiǎn)

三、通過(guò)調(diào)查后對(duì)網(wǎng)友意見(jiàn)的匯總，我們總結(jié)出舊官網(wǎng)存在如下不足：

2012年UC的網(wǎng)站不統(tǒng)一、閱讀不便、粗燥、下載不便、小氣過(guò)時(shí)、嚴(yán)肅

四、改版后的

UC瀏覽器是一款全球領(lǐng)先的智能手機(jī)瀏覽器，具有智能、極速、安全等特性，由此我們聯(lián)想到輕便、快速、聰明等關(guān)鍵詞，而今互聯(lián)網(wǎng)產(chǎn)品的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格大多趨 向于簡(jiǎn)潔、開(kāi)闊、輕盈，結(jié)合UC產(chǎn)品的特性以及互聯(lián)網(wǎng)主流的審美走向，并摒除了舊官網(wǎng)的不足，我們?yōu)樾鹿倬W(wǎng)確立了新的基調(diào)：

科技、簡(jiǎn)潔、大氣、輕盈、穩(wěn)重、體貼、靈動(dòng)、舒適、輕便

舊官網(wǎng)的配色是以橙色、灰色為主，但是在統(tǒng)一性上做得不夠，許多子頁(yè)面出現(xiàn)混搭其他色系的錯(cuò)誤做法。新官網(wǎng)將繼續(xù)沿用橙色加灰色的色調(diào)，并嚴(yán)格執(zhí)行色調(diào)的統(tǒng)一。

五、開(kāi)闊版面、清理層級(jí)

舊官網(wǎng)構(gòu)架的最大問(wèn)題是產(chǎn)品下載板塊，存在操作次數(shù)過(guò)多、步驟繁冗、下載方式不夠直觀等問(wèn)題，所以新官網(wǎng)整理框架的首要問(wèn)題是將下載頁(yè)面化繁為簡(jiǎn)、優(yōu)化下載體驗(yàn)。主要作了以下幾個(gè)方面的更改：

(1)分塊展示下載方式;

(2)所有下載均以懸浮框的方式進(jìn)行，下載無(wú)須打開(kāi)新頁(yè)面，全部在當(dāng)前頁(yè)面完成;

(3)摒棄了下拉框的選擇機(jī)型方式，通過(guò)字母索引，簡(jiǎn)便兩步：選品牌——選型號(hào)，即可直達(dá)下載;

(4)增加整站對(duì)于產(chǎn)品下載的指引;

(5)統(tǒng)一了頁(yè)面所有下載按鈕的樣式，增強(qiáng)了下載指引的連貫性;

為了達(dá)到預(yù)期的清爽、大氣、開(kāi)闊的設(shè)計(jì)效果，首頁(yè)的焦點(diǎn)區(qū)域采用了完全打通的形式，高度也相應(yīng)加大，頁(yè)面留白增加，板塊的間距適度增大，開(kāi)闊、透氣的設(shè)計(jì)令視覺(jué)沖擊力得到強(qiáng)化。UC瀏覽器是UC最重要的產(chǎn)品，它的資訊量也最大，所以我們把它獨(dú)立于其他產(chǎn)品頁(yè)，給予單獨(dú)的首頁(yè)、功能介紹頁(yè)、專題更新頁(yè)等，以便能承載更多資訊。新官網(wǎng)還對(duì)頁(yè)面和板塊進(jìn)行了精簡(jiǎn)，刪去了部分信息陳舊的子頁(yè)面，減掉了沒(méi)有意義的圖片邊幅。

六、精美的圖片設(shè)計(jì)

考慮到頁(yè)面大塊的留白和簡(jiǎn)潔的配色，banner的設(shè)計(jì)多采用了對(duì)比強(qiáng)烈的色彩和突出的主視覺(jué)，讓其起到提亮整個(gè)頁(yè)面的作用，和簡(jiǎn)潔的版面構(gòu)成和諧而鮮活的整體。在設(shè)計(jì)banner的過(guò)程中，力求細(xì)致、精美、貼合產(chǎn)品特性，并且能夠在設(shè)計(jì)風(fēng)格上保持一定的關(guān)聯(lián)。將產(chǎn)品功能特性介紹的配圖進(jìn)行重新設(shè)計(jì)設(shè)計(jì)，用黑白圖示的方式逐漸取代原來(lái)的彩色圖標(biāo)的介紹方式，令設(shè)計(jì)更有質(zhì)感。新官網(wǎng)上線后，UC瀏覽器日均下載量上升了26%，其中Android平臺(tái)上升了47%，塞班平臺(tái)上升了42%。全新的視覺(jué)使產(chǎn)品的推薦力度得到加 強(qiáng)，用戶更易從官網(wǎng)的指引進(jìn)入下載流程;優(yōu)化了下載流程，減少下載流程損耗從而提高下載量;頁(yè)面層級(jí)關(guān)系清晰，資訊傳達(dá)更加明確，透過(guò)官網(wǎng)這個(gè)窗口，更生 動(dòng)、更鮮活了展現(xiàn)了UC領(lǐng)先全球的企業(yè)形象。由于時(shí)間的關(guān)系，新官網(wǎng)的改版也存在著不足之處，我們會(huì)在日后一一改進(jìn)，也希望大家能和我們一起共同探討，給予更多好的建議。

聲明：本文由 上海網(wǎng)站建設(shè) 收集整理的《網(wǎng)站開(kāi)發(fā):網(wǎng)站改版的優(yōu)點(diǎn)有哪些?》，如轉(zhuǎn)載請(qǐng)保留鏈接:http://m.redcrossapp.cn/news_in/1189