體驗(yàn)式網(wǎng)站的設(shè)計(jì)要點(diǎn)（二）-ESG跨境

在《體驗(yàn)式網(wǎng)站的設(shè)計(jì)要點(diǎn)（一）》中簡(jiǎn)單說(shuō)明了什么是體驗(yàn)式網(wǎng)站，以及重點(diǎn)介紹了體驗(yàn)式網(wǎng)站的視覺(jué)體驗(yàn)設(shè)計(jì)要點(diǎn)，大家可以去回顧一下。這次要給大家介紹的是瀏覽體驗(yàn)上的設(shè)計(jì)要點(diǎn)，瀏覽體驗(yàn)強(qiáng)調(diào)的是吸引性，呈現(xiàn)給用戶的是瀏覽上的體驗(yàn)。我們?cè)诰W(wǎng)站建設(shè)的過(guò)程中，該怎樣設(shè)計(jì)來(lái)實(shí)現(xiàn)好的瀏覽體驗(yàn)?zāi)?？下面，一起?lái)詳細(xì)了解一下。

1、頁(yè)面導(dǎo)航。

網(wǎng)站導(dǎo)航好比是建房子的圖紙，它是整個(gè)網(wǎng)站的基礎(chǔ)和框架。一切內(nèi)容和服務(wù)都是從里面延伸出去的。它設(shè)計(jì)可以大致分為兩個(gè)方面：一是形式層，體現(xiàn)在導(dǎo)航位置、表現(xiàn)形式（文字、圖片、flash等）等方面；二是內(nèi)容層，頁(yè)面導(dǎo)航也是對(duì)整個(gè)網(wǎng)站內(nèi)容框架的分類和高度概括。關(guān)于形式層的設(shè)計(jì)，可以仿照韓國(guó)網(wǎng)站的設(shè)計(jì)風(fēng)格，動(dòng)感、簡(jiǎn)潔、清晰。至于內(nèi)容層，就因站而異了，分類條理最關(guān)鍵。但欄目名稱盡量簡(jiǎn)短，欄目層次也不宜過(guò)多，兩層比較合適，但也要以內(nèi)容為中心。

2、頁(yè)面速度。

第二代互聯(lián)網(wǎng)在網(wǎng)站中增加了不少新的元素，因此，對(duì)網(wǎng)站的速度要求越來(lái)越高。例如，很多人選擇優(yōu)酷分享視頻是因?yàn)樗乃俣认喈?dāng)快。所以說(shuō)，頁(yè)面速度對(duì)一個(gè)網(wǎng)站的體驗(yàn)也是相當(dāng)重要的。

3、頁(yè)面容量。

頁(yè)面容量，主要是指首頁(yè)的容量。一般情況下，首頁(yè)內(nèi)容最好多于兩屏，除了一些特別的網(wǎng)站，如資訊類的網(wǎng)以外。還有，最好也不要滾一下鼠標(biāo)就可以瀏覽到整個(gè)頁(yè)面。另外，在頁(yè)面設(shè)計(jì)的時(shí)候，文字和圖片的搭配要考慮到，還有不同字號(hào)、字體、顏色的搭配，還有網(wǎng)站留白的設(shè)計(jì)，以免頁(yè)面造成視覺(jué)抵制，心理學(xué)家做過(guò)實(shí)驗(yàn)，人眼每秒攝入的有效字符最多只有20個(gè)，要是頁(yè)面全是細(xì)密的文字，效果就可想而知了。

4、頁(yè)面結(jié)構(gòu)。

所謂的頁(yè)面結(jié)構(gòu)，其實(shí)就是放置內(nèi)容的一個(gè)版面結(jié)構(gòu)?，F(xiàn)在的網(wǎng)站的頁(yè)面結(jié)構(gòu)，基本上都是有章可循的了。尤其是現(xiàn)在大家見(jiàn)的網(wǎng)站越來(lái)越多，自然也形成一些列默認(rèn)的模式。簡(jiǎn)單分網(wǎng)站主要也包括“同”字型、“川”字型、“三”字型、“巨”字型等等的頁(yè)面布局，具體隨后會(huì)撰文詳述，這里要強(qiáng)調(diào)的是頁(yè)面結(jié)構(gòu)的創(chuàng)新也要基于一定的規(guī)律，千萬(wàn)不要打破用戶的瀏覽預(yù)期。

5、內(nèi)容安排。

首先，可以像報(bào)紙排版那樣去突出重點(diǎn)內(nèi)容?？梢岳么髽?biāo)題還有大圖片來(lái)塑造視覺(jué)沖擊。接著考慮內(nèi)容的協(xié)調(diào)性，保證每一個(gè)欄目有足夠的信息量，避免欄目無(wú)內(nèi)容情況出現(xiàn)。最后是內(nèi)容的形式展示，兼顧視頻、圖片、文字的比例和頁(yè)面協(xié)調(diào)。

6、內(nèi)容的更新。

主要包括內(nèi)容來(lái)源、更新頻率、更新數(shù)量、內(nèi)容質(zhì)量等等。第二代互聯(lián)網(wǎng)的網(wǎng)站

強(qiáng)調(diào)更多的是，怎樣去調(diào)動(dòng)用戶的積極性。內(nèi)容更新既是對(duì)編輯的考量，又是對(duì)網(wǎng)站用戶價(jià)值的衡量。至于內(nèi)容質(zhì)量，主要是從原創(chuàng)、轉(zhuǎn)載、內(nèi)容本身價(jià)值等方面權(quán)衡。

7、內(nèi)容的形式。

在一個(gè)頁(yè)面中展示的內(nèi)容涵蓋有vedio、PIC、文字、評(píng)論等，是現(xiàn)在的主流。再加上網(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è)置鏈接，也就是搜索引擎優(yōu)化。如果不想考慮廣告的成分在里面，那么就盡可能不要設(shè)置多頁(yè)瀏覽來(lái)影響閱讀的體驗(yàn)。

8、內(nèi)容呈現(xiàn)方式。

更多的是呈現(xiàn)細(xì)節(jié)的內(nèi)容。其中包括有：標(biāo)識(shí)新文章、文章導(dǎo)讀、推薦相關(guān)內(nèi)容、，另外，還有網(wǎng)友推薦、打印頁(yè)面、Email發(fā)送給好友、復(fù)制網(wǎng)址等等。另外，現(xiàn)在web2.0流行的DIG功能，加入些鮮活的互動(dòng)元素。

9、路徑記錄。

在顯示器里能夠記錄下用戶所瀏覽過(guò)的路徑，目的是為了方便用戶隨時(shí)返回和查找。另外，對(duì)一些重點(diǎn)欄目和頁(yè)面可以設(shè)置快速鏈接，或者設(shè)置頁(yè)面底部導(dǎo)航，為用戶提供明確的快速入口。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。