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

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

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

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

2、頁面速度。

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

3、頁面容量。

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

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

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

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

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

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

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

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

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

在一個頁面中展示的內(nèi)容涵蓋有vedio、PIC、文字、評論等，是現(xiàn)在的主流。再加上網(wǎng)民評論的即時更新，表現(xiàn)形式顯得更加靈活生動。此外，對于文字部分，字體大小最好設(shè)置可調(diào)選項，對重點內(nèi)容進(jìn)行標(biāo)注，對關(guān)鍵詞設(shè)置鏈接，也就是搜索引擎優(yōu)化。如果不想考慮廣告的成分在里面，那么就盡可能不要設(shè)置多頁瀏覽來影響閱讀的體驗。

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

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

9、路徑記錄。

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

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