Web2.0時代,體驗式營銷,體驗式網(wǎng)站設(shè)計開始走向主流,那么體驗式網(wǎng)站到底意味著什么?具體表現(xiàn)在那些地方?根據(jù)建站的一點經(jīng)驗和觀察,也參照了網(wǎng)友的一些建議,總結(jié)了體驗式網(wǎng)站設(shè)計的四各方面,41個關(guān)鍵體驗點,將其梳理概況,與大家分享。
一、體驗式網(wǎng)站設(shè)計的四個方面
1、視覺體驗:呈現(xiàn)給用戶視覺上的體驗,重在UI設(shè)計,強調(diào)舒適性。
2、瀏覽體驗:呈現(xiàn)給用戶欄目和內(nèi)容的體驗,重在合理規(guī)劃,強調(diào)協(xié)調(diào)性。
3、信任體驗:呈現(xiàn)給用戶的信任體驗,重在細(xì)節(jié)斟酌,強調(diào)穩(wěn)定性。
4、互動體驗:呈現(xiàn)給用戶操作上的體驗,重在路徑設(shè)計,強調(diào)易用性。
二、視覺體驗的11個關(guān)鍵體驗點
視覺體驗:呈現(xiàn)給用戶視覺上的體驗,重在UI設(shè)計,強調(diào)舒適性。
1. 整體風(fēng)格:這是網(wǎng)站給用戶呈現(xiàn)的第一印象,主要體現(xiàn)在兩方面,一是網(wǎng)站質(zhì)量的權(quán)衡,網(wǎng)民第一次看到網(wǎng)站后,首先會根據(jù)感覺對網(wǎng)站有個上、中、下額評判,二是網(wǎng)站類型的歸屬,例如是資訊型,形象型等。因而網(wǎng)站在設(shè)計之前,必須明確目標(biāo)客戶群體,并針對目標(biāo)客戶的審美喜好,進行分析,網(wǎng)站設(shè)計要符合目標(biāo)客戶的審美預(yù)期和類型歸屬。
2. 網(wǎng)站LOGO:LOGO的設(shè)計水平直接體現(xiàn)了站長的審美水平。并且logo是網(wǎng)站整個風(fēng)格的主導(dǎo),也是網(wǎng)站對外傳播的形象標(biāo)示,務(wù)必要仔細(xì)斟酌,不僅要簡潔得體,還要符合網(wǎng)站的定位和目標(biāo),最好找家設(shè)計公司,或者去toidea.com 威客一下。
3. 頁面布局:重點突出,主次分明,圖文并茂,聲畫全面。網(wǎng)站的有效空間是有限的,網(wǎng)站的第一屏畫面至關(guān)重要,頁面布局要與網(wǎng)站的營銷目標(biāo)相結(jié)合,將最能吸引用戶的內(nèi)容,通過合適的表現(xiàn)形式,放置在最重要的位置。
4. 頁面色彩:六個務(wù)必:網(wǎng)站務(wù)必要有個主題色,務(wù)必注意冷暖色調(diào)的搭配,務(wù)必注意主色調(diào)、輔助色的使用數(shù)量,務(wù)必保持網(wǎng)站整體形象相統(tǒng)一,務(wù)必注意漸變色的使用,務(wù)必恰當(dāng)搭配色彩的明度和亮度。
5. 頁面大小:最好將網(wǎng)站設(shè)置成為自適應(yīng)的頁面,如果無法修正,最好調(diào)整為1024*768,照顧到800*600用戶,頁面主要內(nèi)容可以偏左設(shè)置。此外,還有一些異性的網(wǎng)站,務(wù)必要考慮到核心用戶群的使用習(xí)慣,可以主要從年齡上來判斷,30歲以上用戶,還是800*600居多。
6. 動畫效果:首先注意動畫的放置位置,其次是呈現(xiàn)方式,再次是加載速度,最后也是最關(guān)鍵的是內(nèi)容的表現(xiàn)形式。動畫效果會在第一時間吸引用戶的關(guān)注,但關(guān)注不是目的,要讓用戶有興趣接受動畫所傳達的內(nèi)容。在動畫表現(xiàn)形式設(shè)計時,還要注意與主畫面相協(xié)調(diào),動畫效果節(jié)奏適中,不干擾主畫面瀏覽。
8. 圖片展示:首要的還是圖片欄目的頁面位置,要與整體網(wǎng)站比例協(xié)調(diào),符合一般用戶的瀏覽習(xí)慣;其次是圖片的展示形式,現(xiàn)在有很多flash的圖片代碼,還有l(wèi)ightbox的js也是不錯的選擇,再次是圖片內(nèi)容要清晰、不變形,圖片選擇上也要符合網(wǎng)站的總體風(fēng)格,不要太突兀。
9. 圖標(biāo)使用:首要考慮與頁面整體風(fēng)格統(tǒng)一,其次是簡潔、明了、易懂、準(zhǔn)確,再次可以嘗試使用一些3D效果圖標(biāo)。
10. 廣告位的設(shè)計:廣告設(shè)計最關(guān)鍵是要符合用戶對網(wǎng)站廣告的預(yù)期,不要讓用戶對廣告產(chǎn)生反感。有很多是網(wǎng)民早已認(rèn)可的廣告位置和形式,例如頁面上方的banner條,頁面兩邊的對聯(lián)形式,頁面右下方的文字廣告等,這些位置都是網(wǎng)民們默認(rèn)的廣告位,千萬不要沖擊網(wǎng)民的瀏覽習(xí)慣,避免干擾視線,除非你的廣告創(chuàng)意絕對吸引人,否則結(jié)果往往是立刻關(guān)閉廣告和網(wǎng)站。
11. 背景音樂:除非是活動推廣或者是形象推廣類主題網(wǎng)站,搞點刺激性的音樂提提神,否則千萬不要設(shè)置背景音樂,一個字,煩!就算設(shè)置背景音樂,最好將開關(guān)按鈕及音量控制放在顯要位置,免的網(wǎng)民因為找不到控制按鈕而立刻關(guān)掉頁面。
三、瀏覽體驗的8個關(guān)鍵體驗點
瀏覽體驗:呈現(xiàn)給用戶瀏覽上的體驗,強調(diào)吸引性。
1. 頁面導(dǎo)航:網(wǎng)站導(dǎo)航如同樓房的地基,是整個網(wǎng)站基礎(chǔ)和框架,一切內(nèi)容和服務(wù)都是從導(dǎo)航中延伸出去。頁面導(dǎo)航的設(shè)計分為兩個層次,一是形式層:體現(xiàn)在導(dǎo)航位置、表現(xiàn)形式(文字、圖片、flash等)等方面,二是內(nèi)容層,頁面導(dǎo)航也是對整個網(wǎng)站內(nèi)容框架的分類和高度概括。形式層的設(shè)計,建議參照一下韓國網(wǎng)站的設(shè)計風(fēng)格,動感、簡潔、清晰。至于內(nèi)容層,就因站而異了,分類條理最關(guān)鍵。但欄目名稱盡量簡短,欄目層次也不宜過多,兩層比較合適,但也要以內(nèi)容為中心。
1. 頁面速度: web2.0,網(wǎng)站中增加了越來越多的視頻、動畫元素,對網(wǎng)站速度的要求也
越發(fā)苛刻。回想一下,這么多視頻分享網(wǎng)站中,為什么很多人選擇優(yōu)酷?就一個速度。此外,大一點的網(wǎng)站再考慮一下南北互通,或者教育網(wǎng)的對接問題,此外選擇一家穩(wěn)定的服務(wù)器托管商也至關(guān)重要。
2. 頁面容量:主要指首頁的頁面容量,除非是資訊類網(wǎng)站,否則網(wǎng)站首頁內(nèi)容最好不要
超過兩屏,最好不要讓用戶再滾動鼠標(biāo)就可以瀏覽到整個頁面。再就是頁面設(shè)計要考慮到文字和圖片的搭配,還有不同字號、字體、顏色的搭配,還有網(wǎng)站留白的設(shè)計,以
上一條: 義烏網(wǎng)站設(shè)計之網(wǎng)頁設(shè)計的視覺路徑和版式設(shè)計
下一條: 義烏做網(wǎng)站打不開最常見的五個原因
義烏網(wǎng)站設(shè)計之網(wǎng)頁設(shè)計的視覺路徑和版式設(shè)計 用戶瀏覽網(wǎng)站的視覺路徑一般是:從上到.....
義烏做網(wǎng)站三個方面決定網(wǎng)站是否發(fā)揮作用: 研究表明,一個企業(yè)網(wǎng)站是否可以最終發(fā)揮作.....
義烏網(wǎng)站策劃電子商務(wù)中的顧客服務(wù): 沒有人會否認(rèn)顧客服務(wù)對經(jīng)營成敗的重要性,互聯(lián)網(wǎng).....
義烏做一個網(wǎng)站多少錢?義烏網(wǎng)站報價? 這個問題我們遇到最多,但也很難回答,太籠統(tǒng)了.....
先設(shè)計版面覺得行再簽合同,可以嗎?如果不是數(shù)萬元以上的大型項目參與競標(biāo)需要外,我們.....
義烏網(wǎng)絡(luò)營銷如何走好第一步? 伴隨著網(wǎng)絡(luò)的快速發(fā)展,越來越多的企業(yè)開始注重網(wǎng)絡(luò)營.....
義烏做網(wǎng)站公司什么樣的的網(wǎng)站才算一個好網(wǎng)站? 對于瀏覽者來說,什么樣的站才.....
義烏做網(wǎng)站如何提升網(wǎng)站權(quán)重的相關(guān)細(xì)節(jié): 其實對于網(wǎng)站權(quán)重的提升,絕大多數(shù)人都知道的.....
義烏企業(yè)網(wǎng)站制作前期必須了解的要素:1、關(guān)于UI設(shè)計 在這里面網(wǎng)站構(gòu)架的東西反而.....
義烏做網(wǎng)站新站如何快速渡過百度考核期: 義烏網(wǎng)站建設(shè)洲盾商務(wù)的企業(yè)網(wǎng)站客戶占了很大.....