網站已經出具規模難以改動整個框架,為了更好體驗我們應該 “去其糟粕,取其精華”;為了在某一方面更加出色而去其糟粕;為了在某方面更優秀而放棄其他不太重要的方面。
一、明確的目標:全面瞭解多使用者重點需求充分挖掘多使用者需求的內容
開 始確定最佳化目標之前,先問問自己:“我怎樣才能提供多使用者所需,同時達成我的目標?” 要回答這一問題,先要了解多使用者的目標、自己的目標分別是什麼。全面的收集分析多使用者的顯性需求,同時透過全方面的資料分析去挖掘隱性需求並結合自身目標嘗 試將之聯絡起來思考,大致確定一個網頁呈現型別(部落格文章、圖冊展示、電商購物等等)。我們需要考慮自己網站的核心產品和優勢是什麼,並且關注相關的領域 優秀的產品案例。可能我們會覺得自己的網站在很多方面都很不錯,但知名的建議是:將重點放在一兩個核心優勢上,重點關注擅長的領域提供優質的內容。這樣 為產品或者服務創作起來不會很累。
在一切開始前,先問問自己下面一些問題:
多使用者如何找到我的網站?
他們的來路特徵是什麼?
他們要找的具體是什麼?
我能提供他們需要的內容嗎?
他們是不是忘記了某些方面?
基於以上我想從多使用者那裡獲得什麼?
我如何從多使用者的行為中得到理想的回應?
如果我們運營著一個 IT 技術類資訊網站,在考慮完上述所有問題之後,可以得出的簡單結論如下:
大多數多使用者來自搜尋引擎
透過關鍵詞會直接進入到文章頁面
多使用者要找的是關鍵詞相關的具體內容
我們在著陸頁為他們顯示整頁的詳細文章
雖然我們的網站提供相關的內容但多使用者似乎並不滿意他們應該需要更多資訊的幫助
我們的目標是讓多使用者參與互動,停留更長時間,閱讀更多內容,認可網站的專注
真正的困難在於如何達到此目標。我們可以向多使用者證明網站上還有其他相關並且有價值的內容,並鼓勵他們繼續閱讀。這可以透過在每篇文章底部或者右側邊欄放一些相關的或討論熱烈的文章列表來實現
二、清晰的結構:根據自身業務主體設計一目瞭然的網頁資訊結構
無論多使用者到達什麼頁面,我們的網站應該在短短几秒之內,透過個螢幕(即屏)醒目的位置上吸引他們的注意力,並向他們展示我們主要提供的內容。一般使用 簡單的層級就可以建立清晰的網頁結構,根據自身業務主體做好分類區分能夠很好的為多使用者提供指引並突出我們希望他們看到的內容。
需要注意的是 網站的資訊結構。知名是採用一致的方式組織和顯示網站中的資訊,這樣多使用者可以從不熟悉的網頁中找到熟悉的網頁。如果網站結構與多使用者的預期不一致或者不符合 邏輯,他們可能會無所適從,不知道接下來要去哪裡。這會給多使用者從整體上認知網站帶來困擾,並終導致他們離開網站。
合理使用下面這些簡單的網頁設計技巧可以讓網頁井井有條:
網格:使用簡單的網格安排網頁上的元素可以帶來組織有序的感覺
大小:大小是引導多使用者的簡單的設計手段之一,要敢於使用大尺寸的醒目元素將多使用者的注意力吸引到頁面中重要的資訊上來
對比:並排顯示網頁上的元素時不妨試試不同的顏色、飽和度或透明度
對齊:相關的元素沿同一軸線排列,整體獲得協調感
屏:以 600 畫素作為屏高度來設計獲得大相容性
留白:在具體元素周圍留出空白區域,更加吸引眼球從而使多使用者特別關注這些元素
字型:不要用兩種以上的字型和三種以上的顏色,保證一致性
簡單示例:
實 事新聞資訊型別的網站往往投入很大精力透過層級來建立資訊結構。突發新聞或重要的新聞在螢幕上佔據主導地位。這樣可以確保多使用者會先看到它們。重要的頭 條新聞標題相對於網站其他內容會進行加大加粗,這樣瀏覽網站的多使用者就可以方便快捷的找出它們。照片和標題的大小及對比差異有助於引導多使用者瀏覽網頁。
三、簡捷的操作:以多使用者為中心設計清晰明瞭的網站互動操作流程
確保多使用者在我們的網站上總是知道下一步該執行什麼操作。當多使用者來到我們的網頁時,他們先應關注哪裡、其次應關注哪裡,這些都應該分的非常清晰。並且,無論是要點選 “購買” 進行購買還是閱讀更多相關文章,他們下一步要執行的操作也應簡便明瞭。
在製作有意義的宣傳用語時考慮以下幾點:
簡單:不要使用過多不同的操作打亂網頁。要認真思考希望引導多使用者執行什麼操作,並在設計中優先考慮這些操作
突出:使用大小、顏色和對比或留白來突出宣傳廣告語
導航:有了它,無論多使用者在哪個頁面中,多使用者再也不會發生卡在這個頁面離不開的狀況。
排版:常見的網頁佈局錯誤之一是定義了不正確行高以及標題 margin 值
激勵:激勵多使用者執行操作。在折扣、禮品、抽獎或訪問更多內容中,包含合理激勵
接近:務必將宣傳廣告語放在頁面的合理位置。例如,如果頁面的主要內容是一篇文章,您知名將宣傳廣告語放在文章下面不要刻意干擾多使用者閱讀
一致性:在整個網站顯示宣傳廣告語,並保持其外觀一致
拓展提示:
分析大多數多使用者可能使用的訪問裝置,瞭解當前多使用者裝置的特性(對應瀏覽器提供的互動 API)並讓網站設計師考慮靈活運用它們融入網站的風格中去建立出優秀的相應裝置的網頁版本。網站簡捷易用的互動體驗絕對是轉化多使用者極好的助力。
四、思考多使用者情景:考慮多使用者所處的情景提供與之相符的多使用者體驗
無論何時何地,只要多使用者需要,您的網站都應該為其提供良好的體驗。您需要考慮多使用者在不同情況下使用網站的方式有何不同,這要素很重要。一定要考慮多使用者的時間限制以及他們使用的是移動裝置還是計算機。
思考多使用者訪問我們網站時可能的情況:
情形:多使用者是在什麼情形下到您的網站上查詢資訊?
限制功能:您的網站的移動版本應僅包括網站的核心功能,這樣能夠幫助多使用者準確找到所需的資訊。省去其它用於桌面版本的高階功能,因為多使用者在訪問桌面版本時可用的停留時間會略多與移動裝置
速度:考慮多使用者的時間並不充裕,所以您的網站一定要儘可能快速載入。 Google 的 Page Speed 工具提供一些提高網站開啟速度的方法,當然如果您想獲得網頁更為全面的效能分析我會推薦您嘗試使用 WebPagetest 做檢測
容錯:多使用者常常會犯錯,尤其是在使用移動裝置時。要提供他們無需使用 “後退” 按鈕也能輕鬆撤銷的體驗,輕鬆返回原來的位置或狀態
舉例:
假設我們做一個餐館點評網站。移動多使用者和桌面多使用者的行為會有哪些不一樣呢?先,我們提供良好的響應式網頁版本,考慮到移動多使用者很可能出門在外,甚至可能是 在一邊逛街,一邊瀏覽網站。他們不會像使用桌面版本網站那樣有時間仔仔細細的瀏覽餐館的詳細介紹。他們期望網站透過手機的 GPS 定位他們所在的位置,並以 此來搜尋顯示附近受歡迎的餐館。由於多使用者沒有時間閱讀較長的點評,我們的網站甚至可以透過顯示熱門的簡短點評來為移動多使用者最佳化點評體驗。恰到好處的設計 出合適的多使用者場景體驗,這種體驗是不知不覺給予多使用者同時能讓多使用者在觸點的那個瞬間怦然心動,那如何讓多使用者心動呢?
五、多渠道的來路:多渠道與多使用者建立聯絡推出優質內容吸引多使用者
在前面的討論中,我們介紹:瞭解多使用者需求,並向他們提供所需的內容。您現在也許在想,該如何讓多使用者一次又一次回頭光顧呢?畢竟,回頭客是線上和線下商家的生命線。為了使多使用者再次光顧,單單回答他們的問題是不夠的,您需要一些吸引他們返回您網站的小道道。
這裡介紹幾個方法也許可以幫助您將一次性的訪問者轉化為回頭客:
新增內容:先是重要的一點,您需要持續推出新穎優質的內容。然後,您需要確保在熱門著陸頁上展示這些新內容
相關內容:向多使用者顯示網站其他位置上的類似內容。劃出一塊區域,提供網站上同一主題的熱門內容的連結,以方便多使用者瀏覽。這將可以吸引多使用者瀏覽更多內容
社交:讓多使用者可以透過他們喜愛的社交網路方便地與您交流互動。所有主要社交網路都提供了視窗小部件,您可以將它們放在網站上,方便多使用者關注您。一旦吸引到了這樣的多使用者,就一定要確保展示受歡迎的內容,推動他們不斷回訪
電子郵件:確保多使用者可以訂閱您的電子郵件列表,以獲取更新和/或簡報
多使用者參與:使多使用者可以透過論壇、評分或推薦機制方便地與您的內容互動
示例:
如 果我們的網站是提供 VPS 租賃優惠資訊網站,也就是說多使用者可以在您的網站中搜尋新的 VPS 租賃優惠資訊,那麼您先可以提示多使用者註冊,並引導多使用者選擇平 時關注的各大 VPS 服務商,以便在有符合他們興趣的新優惠資訊時可以透過電子郵件通知他們。我們還可以顯示推薦該優惠資訊的多使用者數量,這樣多使用者一對比就能 看到哪些服務商推出的優惠活動較為熱門。
總結貫穿網站多使用者體驗最佳化/設計的三大核心原則:
1. 介面 (UI) 以及各種互動設計面向多使用者,讓多使用者簡單控制,輕鬆完成操作;
2. 減少多使用者的記憶負擔,思考的時間;
3. 保持網站的一致性,不要讓多使用者產生茫然失措的感覺,後無助的離去;
請記住:多使用者體驗設計的初心應該在產品構思成型的過程中就應該思考好:產品始終是以多使用者為中心。它的主體是多使用者,物件是產品,這是基礎的認知。後續的多使用者體驗最佳化一切從細節開始,嘗試/測試貫穿於每一個細節。創造超出多使用者預期的產品設計,給多使用者帶去驚喜。
多使用者體驗的目的是希望多使用者終願意為這份體驗給予我們所期望的回饋,比如購買產品、品牌認知、宣傳口碑等,可以說多使用者體驗是能夠觸發多使用者情感的產品因 素。多使用者體驗的概念從實體工業一直到如今網路虛擬,多使用者體驗已經成為一種新的產品價值,技術已經不再是產品核心競爭力時,產品的競爭實質上就是多使用者體驗的 競爭,多使用者注重的不再是產品的效能優異,而是喜歡產品所帶來的價值觀和愉悅感。