網(wǎng)站開(kāi)發(fā):網(wǎng)站改版的優(yōu)點(diǎn)有哪些?
- 作者:上海網(wǎng)站建設(shè)
- 發(fā)表時(shí)間:2024-02-10 18:31:19
- 來(lái)源:上海網(wǎng)站設(shè)計(jì)
- 瀏覽量:525
網(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://redcrossapp.cn/news_in/1189
- 開(kāi)發(fā)App的5個(gè)基本步驟
- 手機(jī)App的發(fā)展前景展望
- 網(wǎng)站制作從原型圖架構(gòu)到設(shè)計(jì)開(kāi)發(fā)的具體步驟
- 站長(zhǎng)必看網(wǎng)站建設(shè)系統(tǒng)選擇知識(shí)
- 高端網(wǎng)站建設(shè)必須要滿足哪些要求--木辰建站
- 企業(yè)用網(wǎng)站進(jìn)行網(wǎng)絡(luò)宣傳的優(yōu)勢(shì)
- 淺析影響網(wǎng)站百度權(quán)重排名的幾大要點(diǎn)
- 個(gè)人網(wǎng)站應(yīng)該選擇哪種虛擬主機(jī)?
- 什么是偽靜態(tài)?偽靜態(tài)有何作用?哪種好?
- 「高端網(wǎng)站定制」企業(yè)網(wǎng)站要如何做好頁(yè)面標(biāo)題設(shè)置?-木辰網(wǎng)站建站