Web2.0體驗(yàn)式網(wǎng)站設(shè)計(jì)

2018-07-09    分類(lèi): 網(wǎng)站設(shè)計(jì)

Web2.0體驗(yàn)式網(wǎng)站設(shè)計(jì)的41個(gè)關(guān)鍵點(diǎn)
Web2.0時(shí)代,體驗(yàn)式營(yíng)銷(xiāo),體驗(yàn)式網(wǎng)站設(shè)計(jì)開(kāi)始走向主流,那么體驗(yàn)式網(wǎng)站到底意味著什么?具體表現(xiàn)在那些地方?周末,根據(jù)建站的一點(diǎn)經(jīng)驗(yàn)和觀察,也參照了網(wǎng)友的一些建議,總結(jié)了體驗(yàn)式網(wǎng)站設(shè)計(jì)的四個(gè)方面,41個(gè)關(guān)鍵體驗(yàn)點(diǎn),將其梳理概況,但仍是較為粗淺,歡迎補(bǔ)充建議。

一、體驗(yàn)式網(wǎng)站設(shè)計(jì)的四個(gè)方面
1、視覺(jué)體驗(yàn):呈現(xiàn)給用戶(hù)視覺(jué)上的體驗(yàn),重在UI設(shè)計(jì),強(qiáng)調(diào)舒適性。
2、瀏覽體驗(yàn):呈現(xiàn)給用戶(hù)欄目和內(nèi)容的體驗(yàn),重在合理規(guī)劃,強(qiáng)調(diào)協(xié)調(diào)性。
3、信任體驗(yàn):呈現(xiàn)給用戶(hù)的信任體驗(yàn),重在細(xì)節(jié)斟酌,強(qiáng)調(diào)穩(wěn)定性。
4、互動(dòng)體驗(yàn):呈現(xiàn)給用戶(hù)操作上的體驗(yàn),重在路徑設(shè)計(jì),強(qiáng)調(diào)易用性。


二、視覺(jué)體驗(yàn)的11個(gè)關(guān)鍵體驗(yàn)點(diǎn)
視覺(jué)體驗(yàn):呈現(xiàn)給用戶(hù)視覺(jué)上的體驗(yàn),重在UI設(shè)計(jì),強(qiáng)調(diào)舒適性。
1. 整體風(fēng)格:這是網(wǎng)站給用戶(hù)呈現(xiàn)的第一印象,主要體現(xiàn)在兩方面,一是網(wǎng)站質(zhì)量的權(quán)衡,網(wǎng)民第一次看到網(wǎng)站后,首先會(huì)根據(jù)感覺(jué)對(duì)網(wǎng)站有個(gè)上、中、下額評(píng)判,二是網(wǎng)站類(lèi)型的歸屬,例如是資訊型,形象型等。因而網(wǎng)站在設(shè)計(jì)之前,必須明確目標(biāo)客戶(hù)群體,并針對(duì)目標(biāo)客戶(hù)的審美喜好,進(jìn)行分析,網(wǎng)站設(shè)計(jì)要符合目標(biāo)客戶(hù)的審美預(yù)期和類(lèi)型歸屬。
2. 網(wǎng)站LOGO:LOGO的設(shè)計(jì)水平直接體現(xiàn)了站長(zhǎng)的審美水平。并且logo是網(wǎng)站整個(gè)風(fēng)格的主導(dǎo),也是網(wǎng)站對(duì)外傳播的形象標(biāo)示,務(wù)必要仔細(xì)斟酌,不僅要簡(jiǎn)潔得體,還要符合網(wǎng)站的定位和目標(biāo)。
3. 頁(yè)面布局:重點(diǎn)突出,主次分明,圖文并茂,聲畫(huà)全面。網(wǎng)站的有效空間是有限的,網(wǎng)站的第一屏畫(huà)面至關(guān)重要,頁(yè)面布局要與網(wǎng)站的營(yíng)銷(xiāo)目標(biāo)相結(jié)合,將最能吸引用戶(hù)的內(nèi)容,通過(guò)合適的表現(xiàn)形式,放置在最重要的位置。
4. 頁(yè)面色彩:六個(gè)務(wù)必:網(wǎng)站務(wù)必要有個(gè)主題色,務(wù)必注意冷暖色調(diào)的搭配,務(wù)必注意主色調(diào)、輔助色的使用數(shù)量,務(wù)必保持網(wǎng)站整體形象相統(tǒng)一,務(wù)必注意漸變色的使用,務(wù)必恰當(dāng)搭配色彩的明度和亮度。
5. 頁(yè)面大?。鹤詈脤⒕W(wǎng)站設(shè)置成為自適應(yīng)的頁(yè)面,如果無(wú)法修正,最好調(diào)整為1024*768,照顧到800*600用戶(hù),頁(yè)面主要內(nèi)容可以偏左設(shè)置。此外,還有一些異性的網(wǎng)站,務(wù)必要考慮到核心用戶(hù)群的使用習(xí)慣,可以主要從年齡上來(lái)判斷,30歲以上用戶(hù),還是800*600居多。
6. 動(dòng)畫(huà)效果:首先注意動(dòng)畫(huà)的放置位置,其次是呈現(xiàn)方式,再次是加載速度,最后也是最關(guān)鍵的是內(nèi)容的表現(xiàn)形式。動(dòng)畫(huà)效果會(huì)在第一時(shí)間吸引用戶(hù)的關(guān)注,但關(guān)注不是目的,要讓用戶(hù)有興趣接受動(dòng)畫(huà)所傳達(dá)的內(nèi)容。在動(dòng)畫(huà)表現(xiàn)形式設(shè)計(jì)時(shí),還要注意與主畫(huà)面相協(xié)調(diào),動(dòng)畫(huà)效果節(jié)奏適中,不干擾主畫(huà)面瀏覽。
8. 圖片展示:首要的還是圖片欄目的頁(yè)面位置,要與整體網(wǎng)站比例協(xié)調(diào),符合一般用戶(hù)的瀏覽習(xí)慣;其次是圖片的展示形式,現(xiàn)在有很多flash的圖片代碼,還有l(wèi)ightbox的js也是不錯(cuò)的選擇,再次是圖片內(nèi)容要清晰、不變形,圖片選擇上也要符合網(wǎng)站的總體風(fēng)格,不要太突兀。
9. 圖標(biāo)使用:首要考慮與頁(yè)面整體風(fēng)格統(tǒng)一,其次是簡(jiǎn)潔、明了、易懂、準(zhǔn)確,再次可以嘗試使用一些3D效果圖標(biāo)。
10. 廣告位的設(shè)計(jì):廣告設(shè)計(jì)最關(guān)鍵是要符合用戶(hù)對(duì)網(wǎng)站廣告的預(yù)期,不要讓用戶(hù)對(duì)廣告產(chǎn)生反感。有很多是網(wǎng)民早已認(rèn)可的廣告位置和形式,例如頁(yè)面上方的banner條,頁(yè)面兩邊的對(duì)聯(lián)形式,頁(yè)面右下方的文字廣告等,這些位置都是網(wǎng)民們默認(rèn)的廣告位,千萬(wàn)不要沖擊網(wǎng)民的瀏覽習(xí)慣,避免干擾視線,除非你的廣告創(chuàng)意絕對(duì)吸引人,否則結(jié)果往往是立刻關(guān)閉廣告和網(wǎng)站。
11. 背景音樂(lè):除非是活動(dòng)推廣或者是形象推廣類(lèi)主題網(wǎng)站,搞點(diǎn)刺激性的音樂(lè)提提神,否則千萬(wàn)不要設(shè)置背景音樂(lè),一個(gè)字,煩!就算設(shè)置背景音樂(lè),最好將開(kāi)關(guān)按鈕及音量控制放在顯要位置,免的網(wǎng)民因?yàn)檎也坏娇刂瓢粹o而立刻關(guān)掉頁(yè)面。
三、瀏覽體驗(yàn)的八個(gè)關(guān)鍵體驗(yàn)點(diǎn)
瀏覽體驗(yàn):呈現(xiàn)給用戶(hù)瀏覽上的體驗(yàn),強(qiáng)調(diào)吸引性。
1. 頁(yè)面導(dǎo)航:網(wǎng)站導(dǎo)航如同樓房的地基,是整個(gè)網(wǎng)站基礎(chǔ)和框架,一切內(nèi)容和服務(wù)都是從導(dǎo)航中延伸出去。頁(yè)面導(dǎo)航的設(shè)計(jì)分為兩個(gè)層次,一是形式層:體現(xiàn)在導(dǎo)航位置、表現(xiàn)形式(文字、圖片、flash等)等方面,二是內(nèi)容層,頁(yè)面導(dǎo)航也是對(duì)整個(gè)網(wǎng)站內(nèi)容框架的分類(lèi)和高度概括。形式層的設(shè)計(jì),建議參照一下韓國(guó)網(wǎng)站的設(shè)計(jì)風(fēng)格,動(dòng)感、簡(jiǎn)潔、清晰。至于內(nèi)容層,就因站而異了,分類(lèi)條理最關(guān)鍵。但欄目名稱(chēng)盡量簡(jiǎn)短,欄目層次也不宜過(guò)多,兩層比較合適,但也要以?xún)?nèi)容為中心。
2. 頁(yè)面速度: web2.0,網(wǎng)站中增加了越來(lái)越多的視頻、動(dòng)畫(huà)元素,對(duì)網(wǎng)站速度的要求也越發(fā)苛刻。回想一下,這么多視頻分享網(wǎng)站中,為什么很多人選擇優(yōu)酷?就一個(gè)速度。此外,大一點(diǎn)的網(wǎng)站再考慮一下南北互通,或者教育網(wǎng)的對(duì)接問(wèn)題,此外選擇一家穩(wěn)定的服務(wù)器托管商也至關(guān)重要。
3.頁(yè)面容量:主要指首頁(yè)的頁(yè)面容量,除非是資訊類(lèi)網(wǎng)站,否則網(wǎng)站首頁(yè)內(nèi)容最好不要超過(guò)兩屏,最好不要讓用戶(hù)再滾動(dòng)鼠標(biāo)就可以瀏覽到整個(gè)頁(yè)面。再就是頁(yè)面設(shè)計(jì)要考慮到文字和圖片的搭配,還有不同字號(hào)、字體、顏色的搭配,還有網(wǎng)站留白的設(shè)計(jì),以免頁(yè)面造成視覺(jué)抵制,心理學(xué)家做過(guò)實(shí)驗(yàn),人眼每秒攝入的有效字符最多只有20個(gè),要是頁(yè)面全是細(xì)密的文字,效果就可想而知了。
4. 頁(yè)面結(jié)構(gòu) 結(jié)構(gòu)就是放置內(nèi)容的框架,網(wǎng)站的頁(yè)面結(jié)構(gòu)其實(shí)是有章可循的,尤其是現(xiàn)在大家見(jiàn)的網(wǎng)站越來(lái)越多,自然也形成一些列默認(rèn)的模式。簡(jiǎn)單分網(wǎng)站主要也包括“同”字型、“司”字型、“三”字型、“F”型等頁(yè)面布局,具體隨后會(huì)撰文詳述,這里要強(qiáng)調(diào)的是頁(yè)面結(jié)構(gòu)的創(chuàng)新也要基于一定的規(guī)律,千萬(wàn)不要打破用戶(hù)的瀏覽預(yù)期。
5. 內(nèi)容安排 首先是突出重點(diǎn)內(nèi)容,大標(biāo)題,大圖片塑造視覺(jué)沖擊,這也是借用報(bào)紙的操作手法,其次是內(nèi)容協(xié)調(diào),每一個(gè)欄目應(yīng)確保足夠的信息量,避免欄目無(wú)內(nèi)容情況出現(xiàn);再次是內(nèi)容形式,兼顧視頻、圖片、文字的比例和頁(yè)面協(xié)調(diào)。
6.內(nèi)容更新主要包括內(nèi)容來(lái)源、更新頻率、更新數(shù)量、內(nèi)容質(zhì)量三個(gè)方面。Web2.0網(wǎng)站更多強(qiáng)調(diào)如何調(diào)動(dòng)用戶(hù)的積極性,內(nèi)容更新已經(jīng)不僅僅是對(duì)編輯的考量,也是對(duì)網(wǎng)站用戶(hù)價(jià)值的衡量,對(duì)于內(nèi)容質(zhì)量,主要是從原創(chuàng)、轉(zhuǎn)載、內(nèi)容本身價(jià)值等方面權(quán)衡。
7. 內(nèi)容形式 現(xiàn)在有個(gè)立體化新聞的概念,視頻、圖片、文字、評(píng)論都在一個(gè)頁(yè)面中展示,而且再加上網(wǎng)民評(píng)論的即時(shí)更新,表現(xiàn)形式更生動(dòng)。此外,對(duì)于文字部分,字體大小最好設(shè)置可調(diào)選項(xiàng),對(duì)重點(diǎn)內(nèi)容進(jìn)行標(biāo)注,對(duì)關(guān)鍵詞設(shè)置鏈接(seo),如果沒(méi)有廣告的考慮,最好不要設(shè)置多頁(yè)瀏覽,很影響閱讀體驗(yàn)。
8.內(nèi)容呈現(xiàn)方式:更多的是細(xì)節(jié)的內(nèi)容,包括新文章的標(biāo)記、文章導(dǎo)讀、相關(guān)內(nèi)容的推薦、還有網(wǎng)友推薦、打印頁(yè)面、E-MAIL發(fā)送給好友、復(fù)制網(wǎng)址等,現(xiàn)在web2.0流行的DIG功能,加入些鮮活的互動(dòng)元素。
9. 路徑記錄:記錄用戶(hù)的瀏覽路徑,方便用戶(hù)隨時(shí)返回和查找,此外對(duì)一些重點(diǎn)欄目和頁(yè)面可以設(shè)置快速鏈接或者設(shè)置頁(yè)面底部導(dǎo)航,為用戶(hù)提供明確的快速入口。
四、信任體驗(yàn)的十二個(gè)關(guān)鍵體驗(yàn)點(diǎn)
信任體驗(yàn):呈現(xiàn)給用戶(hù)的信任體驗(yàn),重在細(xì)節(jié)斟酌,強(qiáng)調(diào)穩(wěn)定性。
1、友情鏈接:對(duì)于新興網(wǎng)站而言,用戶(hù)對(duì)網(wǎng)站信任的判斷不僅建立在對(duì)網(wǎng)站設(shè)計(jì)的和功能體驗(yàn)的基礎(chǔ)上,而且還有一個(gè)對(duì)同類(lèi)或者其他相關(guān)網(wǎng)站的評(píng)估上。友情鏈接的價(jià)值不僅在于SEO上,也是一個(gè)網(wǎng)站用戶(hù)定位的重要體現(xiàn),如果網(wǎng)站鏈接的都是不知名的小網(wǎng)站,用戶(hù)對(duì)它的評(píng)級(jí)也不會(huì)太高。首頁(yè)友情鏈接的設(shè)置不宜過(guò)多,更多的鏈接可以放置在一個(gè)單獨(dú)的友情連接頁(yè)面中,要特別注重友情連接的質(zhì)量,哪怕是做些單向鏈接,也要顯示自己的實(shí)力。
2、底部信息:網(wǎng)站底部信息內(nèi)容是網(wǎng)站中每個(gè)頁(yè)面都共同的內(nèi)容,底部信息為網(wǎng)民提供了很多建立信任體驗(yàn)的內(nèi)容,例如網(wǎng)站的建立時(shí)間、是否備案、是否經(jīng)營(yíng)性網(wǎng)站、是否有網(wǎng)警標(biāo)示、隱私聲明、網(wǎng)站的歸屬關(guān)系(如:xx旗下的網(wǎng)站)這部分雖然是細(xì)節(jié)的內(nèi)容,但又是最為標(biāo)準(zhǔn)化和普遍的內(nèi)容,最好留心設(shè)計(jì)。
3、關(guān)于我們:這是一個(gè)用戶(hù)了解網(wǎng)站背景的最直接途徑,對(duì)很多有趣的web2.0網(wǎng)站,對(duì)于很多喜歡刨根問(wèn)底的網(wǎng)民,關(guān)于我們還是很重要的一個(gè)欄目,因?yàn)檫@是網(wǎng)站站長(zhǎng)必須的一個(gè)原創(chuàng)內(nèi)容,對(duì)關(guān)于我們欄目和內(nèi)容的設(shè)計(jì)和安排,往往會(huì)體現(xiàn)了站長(zhǎng)的做事態(tài)度和風(fēng)格。
4、聯(lián)系方式:并不是有事找網(wǎng)站的時(shí)候才會(huì)關(guān)注網(wǎng)站的聯(lián)系方式,一般情況下,聯(lián)系方式在網(wǎng)站中出現(xiàn)的頻率也是網(wǎng)站自信程度的一種側(cè)面體現(xiàn)。聯(lián)系方式不一定非要是詳細(xì)的電話(huà)傳真,通訊地址,哪怕一個(gè)郵箱,或者是一個(gè)聯(lián)系人的姓名。對(duì)于初創(chuàng)網(wǎng)站而言,翔實(shí)或者高曝光率的聯(lián)系方式,比較容易給網(wǎng)民建立踏實(shí)、信任的額感覺(jué),總之放心、負(fù)責(zé)、能找到人。如果有實(shí)力,整個(gè)400電話(huà)也成,現(xiàn)在400電話(huà)已經(jīng)是白菜價(jià)了,但公信力還不錯(cuò),而且方便易記。
5、幫助中心:對(duì)于web2.0新興網(wǎng)站,尤其是功能型網(wǎng)站而言,最好是有一個(gè)翔實(shí)的幫助中心,或者FAQ欄目,千萬(wàn)別相當(dāng)然的認(rèn)為網(wǎng)民對(duì)新東西一看就會(huì),新東西總會(huì)有出問(wèn)題的時(shí)候,再加上國(guó)內(nèi)網(wǎng)民的背景和層次差距較大,幫助中心還是必須的。此外,幫助中心的功能和內(nèi)容豐富程度也是網(wǎng)站客戶(hù)服務(wù)意識(shí)的一種體現(xiàn),值得重視。
6、網(wǎng)站備案:最基本也是必須的一道程序,說(shuō)啥先把網(wǎng)站備案搞定,至少要確認(rèn)一下網(wǎng)站的合法地位,如果有條件和需要,最好是申請(qǐng)一個(gè)B字頭的經(jīng)營(yíng)性網(wǎng)站備案,此外如果涉及到視頻、新聞還要到相關(guān)部門(mén)申請(qǐng)一下其他備案。備案這東西,看似小事,但關(guān)鍵時(shí)刻對(duì)網(wǎng)站就會(huì)有致命的影響,別的不說(shuō),看看這兩個(gè)月56.com和vodone.com的差別就知道了。
7、內(nèi)容格式:內(nèi)容的規(guī)范程度也是網(wǎng)站建立信任體驗(yàn)的重要方面,主要體現(xiàn)在資訊類(lèi)內(nèi)容標(biāo)準(zhǔn)化展現(xiàn)上。一方面每條信息是否包含了來(lái)源、作者、編輯、發(fā)布時(shí)間、還有點(diǎn)擊量和評(píng)論。全面的輔助信息是網(wǎng)站質(zhì)量的主要參照,因?yàn)楝F(xiàn)在能把這幾點(diǎn)完全列出來(lái)的網(wǎng)站越來(lái)越少了,對(duì)于點(diǎn)擊量也可以都設(shè)置一定的初始值,但最好還是帶著。另一方面就是個(gè)性化細(xì)節(jié),例如設(shè)置頁(yè)面顏色、設(shè)置字體大小、點(diǎn)擊直接發(fā)送到郵箱,復(fù)制頁(yè)面地址等。
8、內(nèi)容訂閱:無(wú)論是用feedsky、rss、還是傳統(tǒng)的郵件新聞列表,內(nèi)容訂閱的設(shè)置不僅僅是要提高用戶(hù)的黏度,推動(dòng)用戶(hù)再次訪問(wèn),而且也是大型網(wǎng)站和正規(guī)網(wǎng)站的重要標(biāo)示,只有那些有實(shí)力和細(xì)心的網(wǎng)站才會(huì)提供定期的資訊服務(wù),其實(shí)這部分在功能上已經(jīng)很完善了,網(wǎng)絡(luò)中也有很多工具和服務(wù)商,只需站長(zhǎng)每天(每周)梳理一下重要資訊即可。此外這也是盤(pán)活注冊(cè)用戶(hù)的重要一環(huán)。
9、網(wǎng)站地圖:對(duì)web2.0的新站,無(wú)論網(wǎng)站規(guī)模大小,一定要做個(gè)網(wǎng)站地圖,一方面搜索引擎容易抓取到網(wǎng)站信息,而且網(wǎng)民使用起來(lái)也會(huì)很快了解到整站架構(gòu),又是細(xì)節(jié),但很重要。
10、加入收藏:加入收藏和設(shè)為首頁(yè)是傳統(tǒng)網(wǎng)站設(shè)計(jì)中必須的環(huán)節(jié),現(xiàn)在而言設(shè)為首頁(yè)的意義幾乎沒(méi)有了,但加入收藏還相當(dāng)重要的,一般是在網(wǎng)站的右上方,最好將加入收藏的位置放在最前面,用醒目的顏色標(biāo)注。
11、用戶(hù)登錄:這也算是互動(dòng)體驗(yàn)一部分,用戶(hù)導(dǎo)向是web2.0設(shè)計(jì)的一個(gè)核心理念,只有用戶(hù)登陸才能享有更多的個(gè)性化服務(wù),用戶(hù)登錄就無(wú)處不在,隨處可見(jiàn),而且還要設(shè)計(jì)的方便合理,最好不要打開(kāi)新的登陸頁(yè)面,具體情況各異。
12、論壇人氣:無(wú)論網(wǎng)站做的再花哨,如果有論壇這個(gè)欄目,打開(kāi)論壇一看,沒(méi)幾個(gè)在線用戶(hù),沒(méi)幾條熱點(diǎn)內(nèi)容,很容易直接就把網(wǎng)站否定掉了,因此,論壇千萬(wàn)要注意,要么不做,開(kāi)設(shè)了就得注意人氣的經(jīng)驗(yàn),哪怕自己每天狂灌水,也得先把網(wǎng)站人氣拖起來(lái)。
五、互動(dòng)體驗(yàn)的十個(gè)關(guān)鍵體驗(yàn)點(diǎn)
互動(dòng)體驗(yàn):呈現(xiàn)給用戶(hù)操作上的體驗(yàn),重在路徑設(shè)計(jì),強(qiáng)調(diào)易用性。
1. 會(huì)員申請(qǐng):會(huì)員申請(qǐng)務(wù)必要貫穿在網(wǎng)站的每個(gè)頁(yè)面,將隨機(jī)性用戶(hù)轉(zhuǎn)變成注冊(cè)用戶(hù)是提高網(wǎng)站流量和用戶(hù)黏度的重要一環(huán),會(huì)員申請(qǐng)的按鈕或者位置最好設(shè)計(jì)的醒目一些。此外,會(huì)員功能的核心是權(quán)限控制,網(wǎng)站必然要有一些只有注冊(cè)用戶(hù)或者是高級(jí)用戶(hù)才能瀏覽到的內(nèi)容,但還要保證展現(xiàn)給非注冊(cè)用戶(hù)的信息也具有一定的吸引力,否則,網(wǎng)民怎么會(huì)有動(dòng)力去注冊(cè)呢?捫心自問(wèn),為什么值得注冊(cè)?用什么吸引注冊(cè)用戶(hù)?用什么穩(wěn)定注冊(cè)用戶(hù)的定期訪問(wèn)?
2 會(huì)員注冊(cè):web2.0網(wǎng)站最好設(shè)計(jì)多級(jí)注冊(cè)方式,只填寫(xiě)注冊(cè)名、郵箱、密碼等就可以完成第一層次注冊(cè),讓后再進(jìn)一步吸引用戶(hù)補(bǔ)充內(nèi)容,第一層主次,務(wù)必要流程清晰、簡(jiǎn)潔,為用戶(hù)節(jié)省時(shí)間。其實(shí)更為關(guān)鍵的還在于后面,如何吸引用戶(hù)補(bǔ)充全面的信息?這里就有一個(gè)web2.0的理念,“你分享出去的內(nèi)容越多,得到的權(quán)利和尊重也會(huì)越多”,要讓網(wǎng)民明確他們補(bǔ)充信息的價(jià)值在哪?此外,還要注意提示用戶(hù)信息的完整程度。
3. 表單填寫(xiě):表單填寫(xiě)有多種方式,但最好不要將所有項(xiàng)目分為兩個(gè)階段,必填項(xiàng)在第一頁(yè),或者提供明顯的標(biāo)示,千萬(wàn)不要將所有項(xiàng)目全部列出來(lái),用戶(hù)一定會(huì)嚇壞的。Web2.0就要人性化一點(diǎn),考慮一下用戶(hù)的接受程度,簡(jiǎn)單一點(diǎn)還是沒(méi)錯(cuò)的。提交成功后,感謝提示頁(yè)面務(wù)必要精心設(shè)計(jì),尤為注意應(yīng)該將注冊(cè)后的用戶(hù)引向何處?是回首頁(yè)?還是個(gè)人界面?還是前一個(gè)瀏覽頁(yè)面?感謝頁(yè)面在內(nèi)容和形式上最好設(shè)計(jì)的有個(gè)性一點(diǎn)。
4. 點(diǎn)擊提示:點(diǎn)擊瀏覽過(guò)的信息顏色需要顯示為不同的顏色,以區(qū)分于未閱讀內(nèi)容,避免重復(fù)閱讀。對(duì)于圖片,最好設(shè)置圖片標(biāo)注,鼠標(biāo)滾動(dòng)到圖片時(shí)能顯示圖片標(biāo)題。
5. 錯(cuò)誤提示:設(shè)置錯(cuò)誤提示頁(yè)面,對(duì)錯(cuò)誤頁(yè)面以合適的引導(dǎo)。無(wú)論是什么原因,網(wǎng)民只要在網(wǎng)站上遇到了錯(cuò)誤頁(yè)面肯定會(huì)非常不爽,甚至?xí)苯雨P(guān)閉網(wǎng)站,要充分考慮到此時(shí)用戶(hù)的訪問(wèn)心理,設(shè)置一點(diǎn)真誠(chéng)的解釋說(shuō)明,最好將網(wǎng)民重新引向網(wǎng)站,或者可以設(shè)置個(gè)報(bào)錯(cuò)的反饋,細(xì)心處之。
6. 在線問(wèn)答:在線問(wèn)答有太多中形式,從用戶(hù)的使用預(yù)期出發(fā),既然是在線問(wèn)答,消費(fèi)者希望得到最快的答復(fù),但現(xiàn)在的情況是,往往網(wǎng)站提供了很多方式的問(wèn)答渠道,但往往沒(méi)有人回應(yīng),畢竟工作人員不能24小時(shí)守候啊,建議搞個(gè)小I機(jī)器人訓(xùn)練一下,頂個(gè)美女客服了。還有一種誤區(qū),認(rèn)為在線問(wèn)答就是解答問(wèn)題,其實(shí)還有一個(gè)重要作用是收集信息,還要設(shè)置在線問(wèn)答流程和話(huà)術(shù)時(shí),務(wù)必要注意到如何了解更多的客戶(hù)信息,或者使用體會(huì)以便于后期調(diào)整,還要定期對(duì)在線問(wèn)答出現(xiàn)的問(wèn)題進(jìn)行匯總分析。
7. 在線搜索:首先是搜索條位置,最常見(jiàn)的位置是在右上方,資訊類(lèi)網(wǎng)站一般中上方顯要位置;其次是搜索分類(lèi),例如按作者,按標(biāo)題等設(shè)置最好設(shè)計(jì)為下拉菜單,默認(rèn)為全文檢索;再次是搜索結(jié)果的呈現(xiàn)方式。呈現(xiàn)方式有很多細(xì)節(jié)的地方,包括排列的標(biāo)準(zhǔn),方式,關(guān)鍵詞顏色區(qū)分,出現(xiàn)的數(shù)量。此外還要注意高級(jí)檢索和檢索選項(xiàng)的設(shè)計(jì)。
8. 頁(yè)面效果:web2.0在技術(shù)層的一大改進(jìn)就是提供了很多又酷又炫的新技術(shù),尤其是在頁(yè)面層的應(yīng)用最為明顯,例如ajex,lightbox js等,對(duì)建議站長(zhǎng)多關(guān)注一下流行的java代碼,選擇一些合適的潮流型技術(shù)應(yīng)用一下,新、奇、炫,與時(shí)俱進(jìn)?。?br />9. 新開(kāi)窗口:現(xiàn)在用maxthon、firefox等的多線程瀏覽器的網(wǎng)民越來(lái)越多,建議web2.0網(wǎng)站的設(shè)計(jì)最好多采用,新窗口打開(kāi),方便用戶(hù)返回和查找。
10. 路徑設(shè)計(jì):說(shuō)到體驗(yàn),最直接的就是用戶(hù)在網(wǎng)站上產(chǎn)生的有效點(diǎn)擊,每一次點(diǎn)擊也意味著一個(gè)新體驗(yàn)的開(kāi)始,而在眾多點(diǎn)擊之間,路徑的設(shè)計(jì)和記錄也體現(xiàn)了web2.0個(gè)性化服務(wù)的精神。每個(gè)網(wǎng)民的訪問(wèn)習(xí)慣和瀏覽習(xí)慣都有所不同,第一要設(shè)計(jì)最直接有效的瀏覽路徑;第二要記錄網(wǎng)民的瀏覽路徑,便于隨時(shí)返回;第三,要試圖尋找與網(wǎng)民瀏覽路徑的匹配,這一點(diǎn)集中可以體現(xiàn)在亞馬遜的圖書(shū)瀏覽和購(gòu)買(mǎi)流程上,大家自己來(lái)關(guān)注吧。

網(wǎng)站題目:Web2.0體驗(yàn)式網(wǎng)站設(shè)計(jì)
當(dāng)前網(wǎng)址:http://muchs.cn/news22/77872.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)