網(wǎng)站用戶體驗(yàn)優(yōu)化.

1、Jerry 網(wǎng)站用戶體驗(yàn)優(yōu)化l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄用戶不會(huì)閱讀，而會(huì)掃視掃視某些文本，然后點(diǎn)擊第一個(gè)讓他們感興趣的或大體上與他們正在尋找東西類似的鏈接。實(shí)際上，有大量的網(wǎng)頁他們幾乎不看一眼。用戶重視質(zhì)量和可靠性如果他們看到高質(zhì)量的內(nèi)容，他們通常愿意忍受廣告和糟糕的設(shè)計(jì)。內(nèi)容本身比支撐它們的設(shè)計(jì)更重要。網(wǎng)站用戶是沒有耐心的用戶處理一個(gè)網(wǎng)站信息所需的認(rèn)識(shí)負(fù)荷越高、導(dǎo)航的直觀性越差，用戶就越容易離開。用戶如何思考？用戶并非總會(huì)做出最佳選擇他們并非總是探尋最快、最好的方式查詢想要的信息。他們也不會(huì)一部分接著一

2、部分地掃視頁面。用戶會(huì)選擇第一個(gè)合理的、表達(dá)恰如其分的選項(xiàng)。用戶一旦發(fā)現(xiàn)非常可能會(huì)立即點(diǎn)擊它。用戶遵循他們自己的直覺大多數(shù)情況下，用戶會(huì)靠自己的摸索而不是靠閱讀設(shè)計(jì)者提供的信息解決問題。用戶希望能夠進(jìn)行控制用戶希望能夠控制他們的瀏覽器。例如，他們希望能夠使用后退按鈕，不希望出乎意料的彈出窗口。 用戶如何思考？l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄清晰避免用戶對(duì)界面的模糊認(rèn)識(shí)，確保用戶在使用的過程中減少犯錯(cuò)。簡(jiǎn)潔屏幕上同時(shí)充斥了太多的東西，找到你想要的東西是非常困難的。熟悉使用一些公認(rèn)的意象能夠更好地幫助用戶理解。響應(yīng)

3、性首先，響應(yīng)必須迅速。其次界面應(yīng)該提醒用戶發(fā)生了什么事情，用戶的輸入是否被成功地處理，讓用戶了解這些信息反饋。優(yōu)秀用戶界面的特點(diǎn)一致性在整個(gè)應(yīng)用程序中保持界面一致是非常重要的。美學(xué)性好看的界面讓用戶工作起來更開心。高效性通過快捷菜單或者良好的設(shè)計(jì)來幫助用戶提高工作效率。容錯(cuò)性應(yīng)用程序會(huì)如何處理用戶所犯的錯(cuò)誤。是否容易撤銷操作？是否容易恢復(fù)刪除的文件？一個(gè)好的用戶界面不應(yīng)當(dāng)因?yàn)橛脩舻腻e(cuò)誤而懲罰他們，而應(yīng)該總是為他們提供犯錯(cuò)之后補(bǔ)救的方法。優(yōu)秀用戶界面的特點(diǎn)l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄72原則人們短期記憶每次能

4、處理5-9件事情。導(dǎo)航、列表的元素不應(yīng)超過此范圍。2秒鐘法則系統(tǒng)反映時(shí)間不應(yīng)該超過2秒。用戶等待的時(shí)間越短，體驗(yàn)越好。3次點(diǎn)擊法則用戶在3次點(diǎn)擊之內(nèi)如果還沒有找到他們想要的信息或了解網(wǎng)站的特色，他們就會(huì)離開該網(wǎng)站。在大多數(shù)情況下，與點(diǎn)擊的次數(shù)是無關(guān)的，但是用戶始終知道自己現(xiàn)在在哪、從哪里來和他們能去哪是很重要的。如果用戶覺得他們對(duì)于系統(tǒng)如何工作有一個(gè)全面的理解，即使點(diǎn)擊10次也沒有問題。易用性法則和原則80/20法則對(duì)20%的用戶、客戶、活動(dòng)、產(chǎn)品或過程的定位，可能帶來80%的利潤(rùn)。費(fèi)茨定律費(fèi)茨定律斷言在定位時(shí)存在一個(gè)速度和精度的平衡，目標(biāo)越小、距離越遠(yuǎn)需要的時(shí)間越久。換言之，重要的導(dǎo)航、按鈕

5、應(yīng)該做得更大、更容易點(diǎn)擊。倒金字塔法則倒金字塔是把摘要放在文章前面的一種寫作方法。新聞業(yè)普遍應(yīng)用此法則，滿足倒金字塔法則對(duì)于提高用戶體驗(yàn)是非常重要的。易用性法則和原則古騰堡法則/古騰堡圖古騰堡法則是描述“閱讀重力”的。閱讀重力是指在閱讀時(shí)，我們的視線所試圖遵循的路徑。古騰堡圖分為4個(gè)區(qū)域： 左上是主要的可視區(qū)域。 右上是強(qiáng)余光區(qū)。 左下是弱余光區(qū)。 右下是終結(jié)區(qū)。用戶大多喜歡從左上開始看，最后終止在頁面的右下，左下角得到的關(guān)注是最少的。左上角是第一視覺落點(diǎn)區(qū)，右下角是最終視覺落點(diǎn)區(qū)。因此，采用對(duì)角線平衡通常都是一個(gè)好設(shè)計(jì)所需要考慮的因素。易用性法則和原則古騰堡法則/古騰堡圖 對(duì)角線平衡布局易用

6、性法則和原則古騰堡法則/古騰堡圖 對(duì)角線平衡布局易用性法則和原則古騰堡法則/古騰堡圖 對(duì)角線平衡布局易用性法則和原則古騰堡法則/古騰堡圖注意，此法則在內(nèi)容平衡分布的頁面上表現(xiàn)最好。如果頁面中的特定元素有強(qiáng)的對(duì)比度和搶眼的顏色時(shí)，即使他們處于一個(gè)較弱的區(qū)域，仍然會(huì)吸引訪客的注意。應(yīng)用古騰堡法則，并通過箭頭吸引用戶注意到右側(cè)區(qū)域。易用性法則和原則尼爾森F形狀模型著名的可用性專家杰柯柏.尼爾森在一次眼球追蹤的實(shí)驗(yàn)中，記錄了232個(gè)用戶對(duì)成千上萬個(gè)網(wǎng)頁的視線的變化。發(fā)現(xiàn)他們的閱讀行為基本上相同，大多數(shù)人的視線的變化很像F形狀：1. 用戶視線首先水平移動(dòng)閱讀內(nèi)容中的上面部分。2. 用戶視線會(huì)下移一點(diǎn)，然

7、后再水平移動(dòng)閱讀內(nèi)容，不過這次閱讀的區(qū)域要比第一次短。3. 最后，用戶視線會(huì)垂直掃描左邊內(nèi)容。易用性法則和原則尼爾森F形狀模型紅色區(qū)域最受關(guān)注，黃色次之，藍(lán)色很少被注意到，而灰色部分常常是被忽略。易用性法則和原則古騰堡圖與尼爾森F形狀模型的區(qū)別古騰堡圖表與尼爾森F形狀模型的對(duì)比中可以發(fā)現(xiàn)，雖然第一落點(diǎn)都是左上角，但是用戶忽視的地方有明顯的不同，在古騰堡圖表中，右下角是用戶的最終視 線落點(diǎn)，但是在尼爾森F形狀模型中，右下角是沒有被關(guān)注的地方。古騰堡圖及F形狀模型給我們的提示：1. 用戶很少逐字認(rèn)真地看你網(wǎng)頁文段的內(nèi)容。2. 第一，第二段最好包含最重要的信息3. 多采用小標(biāo)題，小段落和編號(hào)易用性法

8、則和原則l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄l 排版原則和方針訪問一個(gè)Web頁面時(shí)，人們會(huì)問自己以下4個(gè)問題：我在正確的位置上嗎？網(wǎng)站上有我要找的東西嗎？網(wǎng)站上還有沒有更好的東西（如果這不是我想要的）？我現(xiàn)在該做什么？從設(shè)計(jì)的角度來說，網(wǎng)站需要做到以下4點(diǎn)：確保訪問者處于正確的位置；要讓訪問者很容易找到他們想找的東西；確保訪問者了解他們有哪些選擇；允許訪問者保持、購買、查找新的內(nèi)容。排版原則和方針l 問題1：我在正確的位置上嗎？訪問者來到網(wǎng)站，首先看到的就是你的組織方案。組織方案有兩個(gè)作用。1導(dǎo)向作用。它會(huì)告訴訪問

9、者這是一個(gè)面向什么的網(wǎng)站。2告訴訪問者要做什么。它會(huì)向訪問者展示“這是你可以研究/購買/查看/閱讀/接觸/共享的東西”。每個(gè)頁面都是主頁。用戶可能通過搜索引擎直接進(jìn)入網(wǎng)站內(nèi)頁，每一個(gè)頁面都需要回答這樣一個(gè)問題：“我在正確的位置上嗎？”排版原則和方針l 問題1：我在正確的位置上嗎Yahoo主頁左側(cè)清楚地想用戶展示了Yahoo提供的頂級(jí)服務(wù)，搜索位于頁面最上。新聞居于頁面中間，郵箱等個(gè)人服務(wù)則放在右側(cè)。Yahoo主頁明確地宣布“都在這里了”。排版原則和方針l 問題2：網(wǎng)站上有我要找的東西嗎？排版原則和方針l 問題2：網(wǎng)站上有我要找的東西嗎？排版原則和方針l 問題2：網(wǎng)站上有我要找的東西嗎？排版原則

10、和方針l 問題2：網(wǎng)站上有我要找的東西嗎？用戶確認(rèn)自己訪問的是正確的網(wǎng)站，接下來用戶可能會(huì)使用你的導(dǎo)航系統(tǒng)來確定下一步該去哪里。標(biāo)識(shí)導(dǎo)引的四大要素：使用熟悉的組織系統(tǒng)。使用人們習(xí)慣的組織系統(tǒng)，人們就不必重新學(xué)習(xí)，網(wǎng)站會(huì)更易于使用。清晰明確的標(biāo)簽。標(biāo)簽應(yīng)該清晰明確，不要讓人難以理解，不要過于創(chuàng)新。排版原則和方針l 問題2：網(wǎng)站上有我要找的東西嗎？導(dǎo)航要像導(dǎo)航。如果是一個(gè)鏈接，那它看起來就應(yīng)該像個(gè)鏈接。將可點(diǎn)擊的選項(xiàng)做成一個(gè)按鈕，或者在選項(xiàng)下加下劃線，也可以將文本置為不同的顏色。僅供閱讀的文本和可以點(diǎn)擊的文本看上去應(yīng)當(dāng)有所區(qū)別。在這里和到過這里標(biāo)志。要讓人們知道他正在網(wǎng)站中的哪個(gè)位置。讓他們知道來

11、自哪里，還要讓他們知道怎樣回到原處?？梢允褂妹姘架壽E，或者通過改變導(dǎo)航條的外觀來提供位置的反饋。排版原則和方針l 問題3：網(wǎng)站上還有沒有更好的東西？不論訪問者在你的網(wǎng)站上是否找到了他們尋找的東西，他們都會(huì)問還有沒有更好的。要解決這個(gè)問題有幾種常用的方法。導(dǎo)航和面包屑突出顯示用戶在網(wǎng)站中的當(dāng)前位置，并顯示相關(guān)的內(nèi)容，這是一個(gè)很好的做法?？梢宰層脩艨焖僬业较嚓P(guān)種類。參見選項(xiàng)提供參見選項(xiàng)也是一種很有用的方式?？梢韵蛴脩籼峁┫嚓P(guān)產(chǎn)品（而不是相關(guān)種類）的快捷途徑。例如，在頁面下方提供相關(guān)文章/產(chǎn)品的鏈接，或者熱門文章/產(chǎn)品的鏈接。排版原則和方針l 問題4：現(xiàn)在我該做什么？當(dāng)用戶找到了需要的東西，現(xiàn)在他

12、們可能想知道：“現(xiàn)在我該做什么？”對(duì)于在線購物網(wǎng)站很顯然應(yīng)該提供購買、收藏的鏈接，對(duì)于其他網(wǎng)站則可能是用戶注冊(cè)、在線報(bào)名、在線咨詢、線下溝通等等。那么這些內(nèi)容有沒有很突出的在網(wǎng)站上表現(xiàn)出來，將影響客戶下一步的選擇。排版原則和方針l 問題4：現(xiàn)在我該做什么？當(dāng)當(dāng)網(wǎng)提供了顯著的“購買”和“收藏”鏈接，告訴用戶下一步該做什么。對(duì)于問題“還要更好的嗎？”則通過提供當(dāng)前位置指引、商品推薦等方式進(jìn)行回答。排版原則和方針l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄l 導(dǎo)航之道第一次進(jìn)入某個(gè)網(wǎng)站，熟悉它的關(guān)鍵在于是否能理解整個(gè)站點(diǎn)的內(nèi)部結(jié)

13、構(gòu)。而最初的幾個(gè)瞬間對(duì)于是否能形成美好的第一印象至關(guān)重要。導(dǎo)航不僅要能反映網(wǎng)站內(nèi)部的結(jié)構(gòu)，更重要的在于對(duì)我們用戶是否合情合理。網(wǎng)站必須符合用戶思考問題的方式。導(dǎo)航之道l 用戶查找信息的4種方法已知項(xiàng)搜索如果人們準(zhǔn)確地知道他們要找什么，而且知道要找的東西叫什么，他們就會(huì)使用搜索來查找。但有時(shí)網(wǎng)站沒有提供搜索，有時(shí)搜索實(shí)現(xiàn)得很糟糕，甚至有時(shí)人們可能只希望瀏覽。這時(shí)你的導(dǎo)航必須使人們能夠到達(dá)他們想去的地方。探測(cè)搜尋用戶可能有一個(gè)需求，但是不能確定什么能滿足這個(gè)需求，此時(shí)就會(huì)進(jìn)行探測(cè)搜尋。例如，“3000以下的數(shù)碼相機(jī)”，或者“需要了解印刷行業(yè)”。導(dǎo)航之道l 用戶查找信息的4種方法不清楚需要知道什么有

14、時(shí)人們連需要知道什么都不清楚，例如，在找數(shù)碼相機(jī)時(shí)，發(fā)現(xiàn)在買相機(jī)之前必須確定一些指標(biāo)，如像素、閃存大小和光學(xué)變焦等。在尋找某個(gè)東西，卻發(fā)現(xiàn)實(shí)際上需要了解另外一些東西。再查找人們可能想返回去找他們過去發(fā)現(xiàn)的某些東西，我們有必要通過網(wǎng)站設(shè)計(jì)為用戶提供返回途經(jīng)，以滿足用戶需求。導(dǎo)航之道l5類導(dǎo)航全局導(dǎo)航：整個(gè)網(wǎng)站中我都能去哪？全局導(dǎo)航可以很容易地訪問最重要的內(nèi)容這往往是網(wǎng)站的頂層類別。本地導(dǎo)航：在這個(gè)部分我能去哪？帶你前往網(wǎng)站層次結(jié)構(gòu)中與當(dāng)前頁面相關(guān)的部分。上下文導(dǎo)航：在這個(gè)頁面我能去哪？上下文導(dǎo)航將一個(gè)頁面與有類似內(nèi)容的其他頁面相關(guān)聯(lián)。這可以回答用戶提出的問題，如“下一步是什么”，“我怎樣才能”以

15、及“你還有什么內(nèi)容”。補(bǔ)充導(dǎo)航補(bǔ)充導(dǎo)航通常包含相關(guān)內(nèi)容，以便用戶停留并獲悉你的網(wǎng)站還能提供什么。包括登錄、幫助中心等等。分頁導(dǎo)航導(dǎo)航之道l 全局導(dǎo)航全局導(dǎo)航一般就是導(dǎo)航條，全局導(dǎo)航需要在網(wǎng)站的每一個(gè)頁面上都出現(xiàn)。不論用戶目前在哪里，通過全局導(dǎo)航用戶可以訪問網(wǎng)站上的任何位置。全局導(dǎo)航還有一個(gè)功能，可能更為重要：它會(huì)告訴你這個(gè)網(wǎng)站有什么，以及你應(yīng)當(dāng)用它來做什么。全局導(dǎo)航通常放在頁面最上方，但水平空間是有限的，為了應(yīng)對(duì)有限的水平空間，有時(shí)全局導(dǎo)航也會(huì)放在左側(cè)等其它位置。導(dǎo)航之道l 本地導(dǎo)航本地導(dǎo)航只與某個(gè)欄目相關(guān)，在針對(duì)特定欄目時(shí)，本地導(dǎo)航與全局導(dǎo)航有些相似。本地導(dǎo)航能幫助用戶瀏覽到更特定的主題，直

16、至找到他們需要的東西。本地導(dǎo)航也稱為欄目導(dǎo)航，因?yàn)樗饕獛椭脩粽业侥硞€(gè)特定欄目中的內(nèi)容。本地導(dǎo)航放在通常會(huì)出現(xiàn)在全局導(dǎo)航“下面”。這也強(qiáng)調(diào)了內(nèi)容的組織方式：從概念上講，子類在類別下面。也可能出現(xiàn)在左側(cè)、右側(cè)等位置。導(dǎo)航之道l 本地導(dǎo)航本地導(dǎo)航也稱為子導(dǎo)航，但其本身還可能有子導(dǎo)航，形成多層導(dǎo)航。那么要?jiǎng)?chuàng)建多少層導(dǎo)航呢？根據(jù)需要，但不要太過分以至于用戶無法忍受。大部分網(wǎng)站不要超過3層導(dǎo)航，對(duì)于內(nèi)容較少的網(wǎng)站2層足夠了。導(dǎo)航之道l 全局導(dǎo)航與本地導(dǎo)航導(dǎo)航之道l 全局導(dǎo)航與本地導(dǎo)航導(dǎo)航之道l 全局導(dǎo)航與本地導(dǎo)航導(dǎo)航之道l 處理全局導(dǎo)航導(dǎo)航訪問模型通過導(dǎo)航訪問內(nèi)容有兩種基本模式，分別稱為彈跳高蹺和蟹行

17、。彈跳高蹺模式，用戶會(huì)前往一個(gè)子類別，然后必須回到父類別來選擇另一個(gè)不同的子類別。這種導(dǎo)航通常用在用戶瀏覽非常龐大的異構(gòu)內(nèi)容集時(shí)使用，或用于大型門戶網(wǎng)站。蟹行模式，用戶可以采用一種橫向方式在類別間轉(zhuǎn)移。用戶選擇一個(gè)類別后，可以選擇頁面上提供的“兄弟”類別的鏈接。大多網(wǎng)站都采用此模式。導(dǎo)航之道l 導(dǎo)航訪問模型彈跳高蹺導(dǎo)航之道l 上下文導(dǎo)航上下文導(dǎo)航為頁面上的內(nèi)容關(guān)聯(lián)了額外的內(nèi)容。上下文導(dǎo)航很容易被忘記，但它們相當(dāng)于跨越信息架構(gòu)體系結(jié)構(gòu)的快捷途徑，是保證網(wǎng)站可用性的最強(qiáng)大驅(qū)動(dòng)力。如果你要在導(dǎo)航上花10個(gè)小時(shí)，那么有9個(gè)小時(shí)都會(huì)花費(fèi)在上下文導(dǎo)航上。上下文導(dǎo)航處理兩個(gè)重要的情況：1. 用戶成功地與頁面

18、交互后會(huì)發(fā)生什么？下一步做什么？2. 如果這個(gè)頁面并不是用戶真正想要的東西時(shí)會(huì)發(fā)生什么？在用戶離開之前能把他繼續(xù)留在網(wǎng)站的安全網(wǎng)是什么？導(dǎo)航之道l 上下文導(dǎo)航下一步是什么如果找到了商品，就提供購買鏈接；如果購買了商品，就提供更多的商品選擇。如果讀了一篇文章，就提供更多可讀的文章的鏈接。最重要的是，你希望用戶心情愉悅，可以把原本5分鐘的訪問變成15分鐘，而且第二天還會(huì)回來，想知道你還有哪些好東西。安全網(wǎng)如果訪問者瀏覽到一個(gè)頁面，并認(rèn)為這不是他們真正想要的，就應(yīng)該給出另一個(gè)頁面，提供一些新的內(nèi)容供他們查看。可以鏈接到一個(gè)相關(guān)主題的內(nèi)容，或者鏈接到不同格式的同一內(nèi)容。導(dǎo)航之道l 上下文導(dǎo)航上下文導(dǎo)航

19、可以有各種形式的關(guān)聯(lián)：按時(shí)間。在同一時(shí)間段出現(xiàn)或發(fā)表的內(nèi)容。例如，上一篇、下一篇。按類別或主題。更多的同類文章、視頻或產(chǎn)品。按興趣。最流行的內(nèi)容。熱點(diǎn)、推薦等。按所有者或組。同一作者或同一組的更多內(nèi)容。按功能。分享、打印、收藏、評(píng)論等。按社區(qū)。根據(jù)與你類似的人所查看的信息提供更多內(nèi)容。例如，“購買此商品的客戶也同時(shí)購買”。所有這些關(guān)聯(lián)都可以使用元數(shù)據(jù)自動(dòng)創(chuàng)建。對(duì)于大型網(wǎng)站，幾乎必須完全依賴于元數(shù)據(jù)。導(dǎo)航之道l 上下文導(dǎo)航根據(jù)3個(gè)基本原則來優(yōu)化你的下一步設(shè)計(jì)：1. 這會(huì)幫助多少用戶？2. 它發(fā)生的頻繁程度如何？3. 對(duì)于用戶或企業(yè)來說，這個(gè)下一步有多重要？以查看照片為例。下一步 有多少用戶頻繁程

20、度有多重要查看下一張照片 很多 頻繁 非常重要瀏覽有相同標(biāo)簽的照片 一些 有時(shí) 重要查看照片元數(shù)據(jù) 很少 幾乎沒有 不太重要讀取或增加評(píng)論 一些 頻繁 非常重要導(dǎo)航之道l 上下文導(dǎo)航導(dǎo)航之道l 上下文導(dǎo)航導(dǎo)航之道l 上下文導(dǎo)航導(dǎo)航之道l 上下文導(dǎo)航導(dǎo)航之道l 上下文導(dǎo)航導(dǎo)航之道l 補(bǔ)充導(dǎo)航補(bǔ)充導(dǎo)航可以幫助訪問者使用網(wǎng)站。如登錄、聯(lián)系我們、搜索、幫助等。補(bǔ)充導(dǎo)航有一個(gè)慣例，它們總是放在頁面的右上方。盡管不顯眼，但仍可輕松訪問。補(bǔ)充導(dǎo)航也需要在網(wǎng)站的所有地方都能訪問到。一般利用視覺線索和頁面上的物理位置將它與全局導(dǎo)航分開。補(bǔ)充導(dǎo)航還可以有一些其它內(nèi)容，如招聘、投稿、收藏、設(shè)為主頁等。面包屑導(dǎo)航是補(bǔ)

21、充導(dǎo)航的另一種形式，可以有效降低網(wǎng)站的跳出率。導(dǎo)航之道l 補(bǔ)充導(dǎo)航導(dǎo)航之道l 分頁導(dǎo)航分頁導(dǎo)航告訴用戶當(dāng)前所處哪一頁，提供上一頁、下一頁鏈接，提供特定頁面的鏈接。同時(shí)，往往還提供總頁數(shù)、總記錄數(shù)等信息。對(duì)于篇幅較長(zhǎng)的文章，也可以進(jìn)行分頁時(shí)。但經(jīng)研究發(fā)現(xiàn)每增加一個(gè)頁面，讀者就會(huì)減少50%。用戶在閱讀較長(zhǎng)的單頁文章時(shí)，可隨時(shí)進(jìn)行跳躍式閱讀，這更令用戶滿意。對(duì)于搜索結(jié)果來說，同樣存在這個(gè)問題，后幾頁的搜索結(jié)果很少會(huì)被點(diǎn)擊，所以一個(gè)長(zhǎng)的搜索結(jié)果頁面比多個(gè)短頁面要好。導(dǎo)航之道l 分頁導(dǎo)航導(dǎo)航之道l 設(shè)計(jì)導(dǎo)航問自己的3個(gè)問題內(nèi)容如何組織？一般是基于類別的組織系統(tǒng)來組織內(nèi)容。有時(shí)，用戶對(duì)于內(nèi)容和特性的組織方

22、式可能已經(jīng)有所期望。員工名單通常按字母順序組織，事件往往按日期組織。用戶希望做什么？你可能已經(jīng)有了一個(gè)很棒的組織系統(tǒng)，但是用戶可能更愿意以另一種方式導(dǎo)航。你的組織系統(tǒng)和導(dǎo)航系統(tǒng)并不一定是同一個(gè)東西。可以優(yōu)化導(dǎo)航，幫助用戶達(dá)到其目的。導(dǎo)航之道l 設(shè)計(jì)導(dǎo)航問自己的3個(gè)問題你希望用戶做什么？幫助用戶做他們想做的事情并一定會(huì)讓網(wǎng)站掙錢，但如果只強(qiáng)調(diào)業(yè)務(wù)模型，可能會(huì)失去用戶。成功的網(wǎng)站應(yīng)當(dāng)是在用戶所想與企業(yè)所需之間達(dá)到一個(gè)平衡。導(dǎo)航應(yīng)當(dāng)幫助用戶做他們想做的事情，也需要幫助用戶做你希望他們做的事情。導(dǎo)航之道l 設(shè)計(jì)導(dǎo)航問自己的3個(gè)問題土豆網(wǎng)按節(jié)目類型來組織內(nèi)容：原創(chuàng)、電視劇、電影、綜藝。但同時(shí)也想到用戶可

23、能希望采用其他方式來查找在線視頻，為此提供了根據(jù)節(jié)目?jī)?nèi)容、排行、熱點(diǎn)等導(dǎo)航方式。土豆網(wǎng)認(rèn)為用戶想明確地觀看某個(gè)電視劇或電影，也可能只是想要娛樂。導(dǎo)航之道l 對(duì)繁雜事物的組織如果希望人們能找到他們尋找的東西，就必須根據(jù)他們對(duì)網(wǎng)站內(nèi)容的看法來組織這些內(nèi)容。命名標(biāo)簽可以按如下原則：1. 用戶將了解的內(nèi)容；2. 領(lǐng)域的一般約定；3. 公司品牌。要了解人們?nèi)绾慰紤]你的內(nèi)容，有4種很好的方法：1. 觀察實(shí)體店；2. 研究競(jìng)爭(zhēng)對(duì)手；3. 訪問你的搜索日志；4. 調(diào)研你的客戶。導(dǎo)航之道l 分面分類根據(jù)產(chǎn)品的不同特性進(jìn)行分類。例如，平底鍋可以根據(jù)形狀、材料、品牌和用途進(jìn)行多重分類。書籍可以根據(jù)類型、題材、作者、

24、出版社等特性進(jìn)行分類。建立合適的分面分類很費(fèi)時(shí)間，提供相應(yīng)的導(dǎo)航頁很困難，而且較為復(fù)雜，需要謹(jǐn)慎行事。導(dǎo)航之道l 分面分類導(dǎo)航之道l 分面分類導(dǎo)航之道l 用戶如何思考？l 優(yōu)秀用戶界面的特點(diǎn)l 易用性法則和原則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄文字文字過小、過密、空白太少、對(duì)比不足、錯(cuò)字等。圖片圖片過大、過多、變形、丟失等。動(dòng)畫動(dòng)畫過大、過多、與網(wǎng)站內(nèi)容無關(guān)、缺少下載進(jìn)度指示等。鏈接顏色不明顯、無下劃線、不同頁面鏈接風(fēng)格不一致、不能區(qū)分點(diǎn)擊后的鏈接、鏈接描述文字不清晰、鏈接無效等。營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題導(dǎo)航導(dǎo)航不顯著、欄目不清晰、未體現(xiàn)當(dāng)前

25、欄目、內(nèi)容頁面無主導(dǎo)航等。下拉菜單錯(cuò)位、難以點(diǎn)擊。表單表單項(xiàng)過多、提示不全面不清晰、無及時(shí)檢查、出錯(cuò)后無法恢復(fù)、JS報(bào)錯(cuò)等。會(huì)員注冊(cè)不必要的會(huì)員注冊(cè)。營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題引導(dǎo)頁下載時(shí)間長(zhǎng)、無跳過按鈕、與網(wǎng)站內(nèi)容無關(guān)、除網(wǎng)站所有者外沒有人喜歡。首頁結(jié)構(gòu)不清晰，重點(diǎn)欄目不突出，打開速度慢，漂浮圖片，彈窗，過多的圖片或動(dòng)畫效果。公司介紹內(nèi)容空洞，無法產(chǎn)生信任感。缺少廠房、榮譽(yù)、資質(zhì)等圖片。產(chǎn)品中心無產(chǎn)品詳細(xì)介紹和產(chǎn)品優(yōu)勢(shì)說明，往往只有一張圖片。營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題聯(lián)系方式缺少在線聯(lián)系方式、位置不顯

26、著、無聯(lián)系人、 號(hào)碼過多、僅部分頁面有聯(lián)系方式。工程案例/成功案例很少設(shè)計(jì)，內(nèi)容不詳細(xì)，缺少工程圖片。新聞中心不及時(shí)更新，內(nèi)容不詳細(xì)。搜索搜索過于復(fù)雜，結(jié)果不全，相關(guān)性差，缺少搜索日志分析。營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題營銷型網(wǎng)站常見問題案例分析賽諾特種紙業(yè) :/51hc/安徽昊天電纜 :/haotian-cable/亞龍化工 :/asialon中藍(lán)化工 :/ahzl 營銷型網(wǎng)站常見問題案例分析馬鞍山市云天爐料 :/masyt 蕪湖人本合金 :/cjhg合肥佳元電子 :/ahhfjy 安徽韋氏佳業(yè) :/ahwsjy營銷型網(wǎng)站常見問題 謝謝l 用戶如何思考？l 優(yōu)秀用戶界

27、面的特點(diǎn)l 易用性法則和原則l 界面設(shè)計(jì)的8個(gè)黃金法則l 排版原則和方針l 導(dǎo)航之道l 營銷型網(wǎng)站常見問題目錄l 原則1：標(biāo)識(shí)導(dǎo)引設(shè)計(jì)利用標(biāo)識(shí)導(dǎo)引，人們能了解：1他們身在何處；Logo圖標(biāo)，面包屑軌跡，當(dāng)前欄目高亮顯示、簡(jiǎn)明的頁面標(biāo)題等。2他們尋找的東西在哪里；設(shè)計(jì)導(dǎo)航時(shí)考慮：“訪問這個(gè)網(wǎng)站的人究竟想要些什么？”、“我希望訪問者能輕松找到哪些東西？”。3如何得到所搜尋的東西；鏈接應(yīng)該看上去就是可以單擊的，鏈接文字可以清楚地指出其含義，而且類似的鏈接要分組放在一起。4他們已經(jīng)搜尋過哪些地方。網(wǎng)站要能區(qū)分出被點(diǎn)擊過的鏈接。易用性法則和原則l 原則2：設(shè)定期望并提供反饋 在Web上，單擊鏈接、提交表單或者按下按鈕時(shí)，設(shè)計(jì)者應(yīng)該為每一個(gè)動(dòng)作設(shè)定相應(yīng)的期望，并清楚地顯示這些動(dòng)作的結(jié)果。 在動(dòng)作真正發(fā)生之前要讓用戶知道動(dòng)作尚未發(fā)生。例如，在編輯照片時(shí)，保存之前應(yīng)該在某處提供原始照片的縮略圖。 提醒用戶正處在過程中的哪個(gè)階段。例如，始終顯示在頁面上的購物車，顯示選擇的商品和價(jià)格。等待時(shí)