DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> Landing page的優化:提升用戶體驗的方法
Landing page的優化:提升用戶體驗的方法
編輯:關於網頁技巧     

接觸了許多的minisite項目,從最初的創意到demo設計到功能實現直到項目正式上線,往返的修改次數很多,大都是視覺與內容的改動。真正能為用戶著想的關於用戶體驗方面卻少之又少。往往追求創意第一,而其他的也就不多考慮了,總是希望能令人有耳目一新的感覺。而所謂的用戶體驗也多是借鑒下已有的網站。究其原因,往往客戶把自己的行為認定是訪客的行為,而設計師往往疲於修改稿子或內容,能在規定的時間內把項目按照客戶要求完成已是極限了。當然,除此之外也不排除二者對用戶體驗的了解不夠所造成的。

Landing page,即訪客訪問到你網站的第一個頁面。最近恰好在讀《Landing page優化權威指南》這本書,自己的體會:

Landing page是網站中提升效果最關鍵的頁面;

訪問者打開Landing page的第一印象就決定了網站的印象;

Landing page的優化取決於多重因素:Web設計、人類心理學、文案撰寫、可用性…

頁面打開速度

minisite中常用的flash往往使得由於追求效果導致flash文件變得巨大,下載時間也變長。網頁內容下載時間超過了訪客的耐心,那麼即便是再漂亮的設計,再炫耀的動畫也不會讓訪客改變關閉浏覽器窗口的決定。等待的時間越長,網頁被關閉的可能性也就越大。往往事情就是這樣:網站幾分鐘內還沒看到內容,那麼用戶就會關閉頁面。

下面是幾點可能進一步提升用戶體驗的方法:

盡量減小下載的文件大小,確保訪客有足夠的耐心等待;

有下載進度提升,預估下載時間;

不重復加載相同的元素;

參考網站:

EContent

經過漫長的加載後,網站需要訪客點擊”進入”按鈕。好吧,我們點它下。盡管網站上有坨快捷菜單,但很不幸的是這坨菜單並沒有引起訪客的注意。並且,訪客需要將鼠標挪到圖片上才能查看子類目。而這些導航按鈕需要訪客非常仔細的查找才行。

減少干擾用戶的元素

片頭動畫

在制作動畫完片頭動畫後,誰最喜歡看?除了設計師本人外就是客戶了,前者是帶著欣賞自己作品的眼光一遍遍的欣賞,客戶則是帶著挑刺的眼光一遍遍的看。那麼真正的用戶就不會這樣了,特別是那些播放時間過長的動畫。還是加個跳過按鈕吧,別把用戶想象的那麼有耐心。

參考網站:

Theologos

無跳過介紹的按鈕。無視覺清晰的導航欄。加載很慢。而牛x的是頁面與播放的背景音樂竟然是分開的。當網速快的訪客訪問網站時,網站的動畫都可能引起訪客的反感。

信息提示框

信息提示框被廣泛應用於各種網頁代碼的開發過程中與整人的網頁中。而這個萬惡的信息提示框現如今又換了新馬甲:各種設計美觀但卻無實際意義的信息框。而且非常帶有強制性,必須先關閉該信息框才能浏覽網頁。

參考網站:

Creative With aK

導航信息超載!不僅我們不知道要看什麼,甚至都不知道應該點擊那裡。通過鼠標掃描方式查找可點擊區域無助於提升網站的易用性。並且,整個網站的載入過程連個進度條都沒有。而且更令哥震驚的是,還要花時間搞清楚必須關閉歡迎的窗口才可以點擊頁面其他地方。欄目裡缺少滾動條的內容讓哥對藏在裡面的內容頓時失去了興趣。

勿多次下載相同的內容

該問題可能是開發過程中沒有優化代碼造成的吧?在本地測試時,別說是幾百k的東西就是10M的東西也是瞬間就打開了。盡管大陸的局域網正在日漸優化但網速還無法達到我們辦公室內局域網速。優化代碼還是很有必要的。

參考網站:

Desing Sul

哥從未見到過加載問題如此之杯具的網站。多重加載元素,即使你看到了網頁內容實際上還有東西要再次加載。也沒有跡象可以表示加載結束了,這樣做也讓哥非常的困惑不解並且該網站還不易使用。事實上,找到閱讀的內容也需要花些功夫,而網站在牛奶卡通包裝盒所做的效果與內容根本沒有毛關系嘛。

背景音樂

如果說landing page是個茶幾,上面擺滿了各種杯具。那麼這個是算作最最大的杯具。也是出現頻率最高的杯具。

你永遠不知道當前用戶喜歡什麼音樂,雖然在設計之前已經對目標人群有了共識,但即便是歲數相仿的人也無法確定他/她喜好/厭惡的音樂是什麼。當播放讓用戶討厭的音樂也很容易讓人起反感情緒。

在工作或休閒中,許多人喜歡邊打開音樂。為了達到親身體會的效果,你可以用兩種不同的音樂播放器播放兩首你都喜歡的音樂。感受下這種令人抓狂的噪音音樂吧。

我們經常會被些無聊的會議或什麼事情折騰著。如果在這時,這個正在開會的用戶忘記關揚聲器情況下恰巧打開個帶背景音樂的網站。好吧,我相信他已經牢牢的記住這個網站,帶著非常的憤怒記住了這個網站。

參考網站:

Theologos

無跳過介紹的按鈕。無視覺清晰的導航欄。加載很慢。而牛x的是頁面與播放的背景音樂竟然是分開的。當網速快的訪客訪問網站時,網站的動畫都可能引起訪客的反感。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved