網站已經出具規模難以改動整個框架,為了更好體驗我們應該 “去其糟粕,取其精華”;為了在某一方面更加出色而去其糟粕;為了在某方面更優秀而放棄其他不太重要的方面。

一、明確的目標:全面瞭解多用户重點需求充分挖掘多用户需求的內容

開 始確定優化目標之前,先問問自己:“我怎樣才能提供多用户所需,同時達成我的目標?” 要回答這一問題,先要了解多用户的目標、自己的目標分別是什麼。全面的收集分析多用户的顯性需求,同時通過全方面的資料分析去挖掘隱性需求並結合自身目標嘗 試將之聯絡起來思考,大致確定一個網頁呈現型別(博客文章、圖冊展示、電商購物等等)。我們需要考慮自己網站的核心產品和優勢是什麼,並且關注相關的領域 優秀的產品案例。可能我們會覺得自己的網站在很多方面都很不錯,但知名的建議是:將重點放在一兩個核心優勢上,重點關注擅長的領域提供優質的內容。這樣 為產品或者服務創作起來不會很累。

在一切開始前,先問問自己下面一些問題:

多用户如何找到我的網站?
他們的來路特徵是什麼?
他們要找的具體是什麼?
我能提供他們需要的內容嗎?
他們是不是忘記了某些方面?
基於以上我想從多用户那裏獲得什麼?
我如何從多用户的行為中得到理想的回應?
如果我們運營着一個 IT 技術類資訊網站,在考慮完上述所有問題之後,可以得出的簡單結論如下:

大多數多用户來自搜索引擎
通過關鍵詞會直接進入到文章頁面
多用户要找的是關鍵詞相關的具體內容
我們在着陸頁為他們顯示整頁的詳細文章
雖然我們的網站提供相關的內容但多用户似乎並不滿意他們應該需要更多資訊的幫助
我們的目標是讓多用户參與互動,停留更長時間,閲讀更多內容,認可網站的專注
真正的困難在於如何達到此目標。我們可以向多用户證明網站上還有其他相關並且有價值的內容,並鼓勵他們繼續閲讀。這可以通過在每篇文章底部或者右側邊欄放一些相關的或討論熱烈的文章列表來實現
二、清晰的結構:根據自身業務主體設計一目瞭然的網頁資訊結構

無論多用户到達什麼頁面,我們的網站應該在短短几秒之內,通過個螢幕(即屏)醒目的位置上吸引他們的注意力,並向他們展示我們主要提供的內容。一般使用 簡單的層級就可以建立清晰的網頁結構,根據自身業務主體做好分類區分能夠很好的為多用户提供指引並突出我們希望他們看到的內容。

需要注意的是 網站的資訊結構。知名是採用一致的方式組織和顯示網站中的資訊,這樣多用户可以從不熟悉的網頁中找到熟悉的網頁。如果網站結構與多用户的預期不一致或者不符合 邏輯,他們可能會無所適從,不知道接下來要去哪裏。這會給多用户從整體上認知網站帶來困擾,並終導致他們離開網站。

合理使用下面這些簡單的網頁設計技巧可以讓網頁井井有條:

網格:使用簡單的網格安排網頁上的元素可以帶來組織有序的感覺
大小:大小是引導多用户的簡單的設計手段之一,要敢於使用大尺寸的醒目元素將多用户的注意力吸引到頁面中重要的資訊上來
對比:並排顯示網頁上的元素時不妨試試不同的顏色、飽和度或透明度
對齊:相關的元素沿同一軸線排列,整體獲得協調感
屏:以 600 畫素作為屏高度來設計獲得大相容性
留白:在具體元素周圍留出空白區域,更加吸引眼球從而使多用户特別關注這些元素
字型:不要用兩種以上的字型和三種以上的顏色,保證一致性
簡單示例:

實 事新聞資訊型別的網站往往投入很大精力通過層級來建立資訊結構。突發新聞或重要的新聞在螢幕上佔據主導地位。這樣可以確保多用户會先看到它們。重要的頭 條新聞標題相對於網站其他內容會進行加大加粗,這樣瀏覽網站的多用户就可以方便快捷的找出它們。照片和標題的大小及對比差異有助於引導多用户瀏覽網頁。

三、簡捷的操作:以多用户為中心設計清晰明瞭的網站互動操作流程

確保多用户在我們的網站上總是知道下一步該執行什麼操作。當多用户來到我們的網頁時,他們先應關注哪裏、其次應關注哪裏,這些都應該分的非常清晰。並且,無論是要點選 “購買” 進行購買還是閲讀更多相關文章,他們下一步要執行的操作也應簡便明瞭。

在製作有意義的宣傳用語時考慮以下幾點:

簡單:不要使用過多不同的操作打亂網頁。要認真思考希望引導多用户執行什麼操作,並在設計中優先考慮這些操作
突出:使用大小、顏色和對比或留白來突出宣傳廣告語
導航:有了它,無論多用户在哪個頁面中,多用户再也不會發生卡在這個頁面離不開的狀況。
排版:常見的網頁佈局錯誤之一是定義了不正確行高以及標題 margin 值
激勵:激勵多用户執行操作。在折扣、禮品、抽獎或訪問更多內容中,包含合理激勵
接近:務必將宣傳廣告語放在頁面的合理位置。例如,如果頁面的主要內容是一篇文章,您知名將宣傳廣告語放在文章下面不要刻意干擾多用户閲讀
一致性:在整個網站顯示宣傳廣告語,並保持其外觀一致
拓展提示:

分析大多數多用户可能使用的訪問裝置,瞭解當前多用户裝置的特性(對應瀏覽器提供的互動 API)並讓網站設計師考慮靈活運用它們融入網站的風格中去建立出優秀的相應裝置的網頁版本。網站簡捷易用的互動體驗絕對是轉化多用户極好的助力。

四、思考多用户情景:考慮多用户所處的情景提供與之相符的多用户體驗

無論何時何地,只要多用户需要,您的網站都應該為其提供良好的體驗。您需要考慮多用户在不同情況下使用網站的方式有何不同,這要素很重要。一定要考慮多用户的時間限制以及他們使用的是移動裝置還是計算機。

思考多用户訪問我們網站時可能的情況:

情形:多用户是在什麼情形下到您的網站上查詢資訊?
限制功能:您的網站的移動版本應僅包括網站的核心功能,這樣能夠幫助多用户準確找到所需的資訊。省去其它用於桌面版本的高階功能,因為多用户在訪問桌面版本時可用的停留時間會略多與移動裝置
速度:考慮多用户的時間並不充裕,所以您的網站一定要儘可能快速載入。 Google 的 Page Speed 工具提供一些提高網站開啓速度的方法,當然如果您想獲得網頁更為全面的效能分析我會推薦您嘗試使用 WebPagetest 做檢測
容錯:多用户常常會犯錯,尤其是在使用移動裝置時。要提供他們無需使用 “後退” 按鈕也能輕鬆撤銷的體驗,輕鬆返回原來的位置或狀態
舉例:

假設我們做一個餐館點評網站。移動多用户和桌面多用户的行為會有哪些不一樣呢?先,我們提供良好的響應式網頁版本,考慮到移動多用户很可能出門在外,甚至可能是 在一邊逛街,一邊瀏覽網站。他們不會像使用桌面版本網站那樣有時間仔仔細細的瀏覽餐館的詳細介紹。他們期望網站通過手機的 GPS 定位他們所在的位置,並以 此來搜索顯示附近受歡迎的餐館。由於多用户沒有時間閲讀較長的點評,我們的網站甚至可以通過顯示熱門的簡短點評來為移動多用户優化點評體驗。恰到好處的設計 出合適的多用户場景體驗,這種體驗是不知不覺給予多用户同時能讓多用户在觸點的那個瞬間怦然心動,那如何讓多用户心動呢?

五、多渠道的來路:多渠道與多用户建立聯絡推出優質內容吸引多用户

在前面的討論中,我們介紹:瞭解多用户需求,並向他們提供所需的內容。您現在也許在想,該如何讓多用户一次又一次回頭光顧呢?畢竟,回頭客是線上和線下商家的生命線。為了使多用户再次光顧,單單回答他們的問題是不夠的,您需要一些吸引他們返回您網站的小道道。

這裏介紹幾個方法也許可以幫助您將一次性的訪問者轉化為回頭客:

新增內容:先是重要的一點,您需要持續推出新穎優質的內容。然後,您需要確保在熱門着陸頁上展示這些新內容
相關內容:向多用户顯示網站其他位置上的類似內容。劃出一塊區域,提供網站上同一主題的熱門內容的連結,以方便多用户瀏覽。這將可以吸引多用户瀏覽更多內容
社交:讓多用户可以通過他們喜愛的社交網絡方便地與您交流互動。所有主要社交網絡都提供了視窗小部件,您可以將它們放在網站上,方便多用户關注您。一旦吸引到了這樣的多用户,就一定要確保展示受歡迎的內容,推動他們不斷回訪
電子郵件:確保多用户可以訂閲您的電子郵件列表,以獲取更新和/或簡報
多用户參與:使多用户可以通過論壇、評分或推薦機制方便地與您的內容互動
示例:

如 果我們的網站是提供 VPS 租賃優惠資訊網站,也就是説多用户可以在您的網站中搜索新的 VPS 租賃優惠資訊,那麼您先可以提示多用户註冊,並引導多用户選擇平 時關注的各大 VPS 服務商,以便在有符合他們興趣的新優惠資訊時可以通過電子郵件通知他們。我們還可以顯示推薦該優惠資訊的多用户數量,這樣多用户一對比就能 看到哪些服務商推出的優惠活動較為熱門。

總結貫穿網站多用户體驗優化/設計的三大核心原則:

1. 介面 (UI) 以及各種互動設計面向多用户,讓多用户簡單控制,輕鬆完成操作;

2. 減少多用户的記憶負擔,思考的時間;

3. 保持網站的一致性,不要讓多用户產生茫然失措的感覺,後無助的離去;

請記住:多用户體驗設計的初心應該在產品構思成型的過程中就應該思考好:產品始終是以多用户為中心。它的主體是多用户,物件是產品,這是基礎的認知。後續的多用户體驗優化一切從細節開始,嘗試/測試貫穿於每一個細節。創造超出多用户預期的產品設計,給多用户帶去驚喜。

多用户體驗的目的是希望多用户終願意為這份體驗給予我們所期望的回饋,比如購買產品、品牌認知、宣傳口碑等,可以説多用户體驗是能夠觸發多用户情感的產品因 素。多用户體驗的概念從實體工業一直到如今網絡虛擬,多用户體驗已經成為一種新的產品價值,技術已經不再是產品核心競爭力時,產品的競爭實質上就是多用户體驗的 競爭,多用户注重的不再是產品的效能優異,而是喜歡產品所帶來的價值觀和愉悦感。