網站建設經驗
website experience
Web設計師Mohammad Moradi曾經發(fā)表博文《An Exploration of Website Redesigns: Tips and Examples》,文中分享了網站改版的十大精彩案例。本文進行了編譯,內容如下:
無論對網站,還是對用戶來說,網站改版看起來似乎是一個令人興奮且十分有趣的項目。創(chuàng)建一個新設計的同時繼續(xù)保持網站原有的品牌與內容,也是相當刺激與富有挑戰(zhàn)性的。這種類型的挑戰(zhàn)對于大部分Web設計師來說很具有激勵作用。
盡管如此,但網站改版在計劃和實施上都較困難。它具有一些限制,而這些是在新創(chuàng)建網站的過程中通常不會存在。我甚至認為,對網站進行改版往往比從草圖開始設計一個網站更加困難。
我們將通過回顧和評論一些網站(如Yallow、Mazilla和Blinksale)在網站改版上所做的努力來研究一下網站改版這個課題。
為什么要進行網站改版?
設計,作為更基本的形式之一,是解決問題的行為,注意到這一點很重要。無論它是為了解決耐用性及信號強度問題,同時保持移動電話的完美性,還是對導航進行設計,以方便用戶更易發(fā)現(xiàn)內容,設計都應該有一定的目的性。
如果僅僅從美學出發(fā),而考慮重新設計一個已存在的網站,我認為改版的能動性是不夠的。
這里列出了一些網站改版的原因:
● 網站對用戶不友好;
● 網站改版可以提高網站的收益;
● 一些客觀的信息(比如數(shù)據分析所收集到的數(shù)據),清晰地表明設計出現(xiàn)了問題;
● 過時的網站設計,損害了用戶體驗(如基于表格的布局、動態(tài)的Gif背景、過時的交互方式);
● 缺少能顯著提升用戶體驗的特性;
● 信息架構有缺陷(導航、分類等);
● 與現(xiàn)有的企業(yè)品牌不貼合。
部分內容改版
網站真的需要一次徹底全面的設計嗎?現(xiàn)存的問題是否能通過對部分內容的重新設計或重組來解決呢?我們可以對產品站點進行快速、無縫地迭代,對網站的部分內容進行重設計就足夠了。
例如,電子商務網站的結帳表單讓用戶體驗變得很笨重,我們可以專注于那些問題組件,更高效地利用資源,而不必把我們的精力分散地花在處理所有事務之上。
改版思維:集中精力解決問題
一個網站的成功,更重要的元素是它的內容和目標。無論是為人們提供交流的網站(如Craigslist),還是為人們提供信息的網站(如Wikipedia),成功都是可測量的,這一切都是基于網站的實用性而非美觀程度。
網站改版必須與網站的目標相匹配。設計必須支持網站的目標。
網站在內容及實用上的缺陷永遠無法通過改善網站的美觀程度來解決。
網站改版案例分享
為了進一步探索這個主題,讓我們來研究幾大網站在改版上所做出的努力。
Yellow Pages
根據該網站的“關于”頁面可知,Yellow Pages網站的目標之一是“為用戶提供實用工具:用更少的點擊,幫助用戶生活更好的一站式網站。”
因此,該網站改版后的結果應該是增加內容的易找性;降低到達所需內容的點擊數(shù)。網站改版后達到這個目標了嗎?讓我們看看。
老版本
新版本
改版后的網站與之前的版本有很多相似之處。它保留了很多原始色彩(更顯著是黃色和黑色)。
在新設計中,通過定位,基于用戶位置的相關信息填充于首頁。這大大方便了用戶尋找他們感興趣的地理位置。
除此之外,新設計在美觀上也有了顯著提高。一些可能有用的老功能都被去掉了。
例如,“More Tools”標簽被移動到一個不太容易訪問到的地方。用來幫助新老用戶提高搜索查詢的“search tips”鏈接被移除了。
首頁應用了很多圖片,雖然這樣可以使網頁更加生動,但卻減低了客戶端的性能。如果這些并不能提升用戶體驗,無法支持網站的目標,那么這次改版是非常表面的。
Blinksale
Blinksale,作為一個Web應用,希望擁有一個可以提高轉化率的網站布局,以便新用戶更快速地了解到該工具如何工作,并能快速地發(fā)現(xiàn)注冊入口。從這個方面來說,Blinksale新的設計相比老版本,有一些優(yōu)點。
老版本
新版本
新設計使用戶更容易注意到頁面中所呼吁的行動——使用“區(qū)別的藝術”對它進行突出顯示,方便用戶一眼就看到。通過在左側放置簡潔的優(yōu)勢列表和價格信息,用戶也可很容易了解該應用的賣點——它的價格如何,它區(qū)分于其他競爭者的獨特之處是什么。
我們假設大部分的用戶習慣從左到右瀏覽頁面,那在老版本的設計中,用戶需要在網頁上不斷來回掃描。
一個希望注冊的訪問者,他的邏輯思維一般是先弄明白Web應用的用途及價格信息后才會決定去注冊。

Six Apart
Six Apart在改版中改變了頁面的結構布局和顏色。
老版本
新版本
新設計從視覺和感覺上比老版本更精細,更高雅。在新設計頭部的搜索框是不錯的新特性。