lixiangni

最近很多電子商務網站在登陸頁面上放置了大量信息。而他們“汗牛充棟”的邏輯很簡單：信息越多，用戶越多。不巧的是，網上購物的人總是很挑剔。

Jacob Nielson 報導說網絡用戶在挑選和購買的過程中，變得越來越急躁。他們不會根據分類或產品介紹，花時間到網上查找信息，大部分人更願意使用方便的搜索引擎。如果用戶找不到他想要的，這筆交易就告吹。

這就使得簡潔的網頁設計成為關鍵，特別是你需要銷量的時候，它能讓用戶更快地找到資訊。如果一個網頁充斥著大量無用的文本、widget或無關的產品，那麼這個網頁可以說已經作廢了。

不過，有些電子商務網站恰恰相反。他們喜歡搞“多點開花”，以圖給潛在的用戶盡可能多的選擇，在網頁上添加了許多無用的信息、廣告和無關的產品。而不是清楚的一個網頁一件產品。

更少的產品意味著更多的關注

許多網絡公司可能忘記了一條電子商務的基本規則：網絡購物越簡單越好。可以在亞馬遜點幾下鼠標就買到的DVD，誰也不想駕車跑幾公里外去買。如果購物的過程簡單快捷，顧客甚至不會介意多花點錢或多等些時間。

蘋果公司已經完全掌握了極少主義藝術網頁設計。如果你打開他們的主頁，只會看到三樣東西：
   * 一個簡單的頂部導航
   * 主體部分的一件產品
   * 在倒影部分的產品相關鏈接
除了標準的頁腳導航，整個主頁僅由這三個部分組成。以下是點擊一件產品進入的網頁（以iPhone為例）。

在產品頁面，你第一眼就能瞭解這個網頁是關於什麼的：iPhone。產品本身佔據了大部分的頁面，周圍是新 iPhone 的特點和一些應用程序。但更重要的是，我們要瞭解這個網頁上沒有什麼：
   * 無關的產品
   * 無關的側邊欄廣告
   * 過多的重複
   * 混亂的排版

蘋果公司用一個舒適的頁面展示了足夠多的信息。展示大量的信息沒有錯，只要讓它看起來並不多。這樣你同樣可以看到所有的信息，鏈接和圖片排列在 iPhone 的周圍，同樣發揮了作用。網頁上沒有任何無聊的廣告或無用的其它產品的信息。

這兒有一組經過實踐考驗的方法，任何設計師或網頁開發者都可以學去，免得糟糕的頁面佈局把顧客趕走。

只有你需要的：簡單的網頁設計中最重要的一個方面就是，只展示你要賣的產品。但這不是說你不能向用戶展示大量的信息。你只需要確定用戶想瞭解更多的信息。蘋果大量使用“Learn more”鏈接達到這一點。

減少點擊次數：顧客到達想要的頁面點擊次數越少，對你來說可能的回報就越高。可別讓顧客劈荊斬棘去買你的產品。

“奶奶”規則：如果你的奶奶（或任何年老的人）可以通過你的網站瞭解如何購買產品，那麼產品被購買的幾率就很大。無用的信息會很快把你的奶奶搞暈的。

減少分欄：你每增加一個分欄，顯示內容的空間就少一截。顧客不想要的東西佔據了太多的版面，這就無法強調主要的產品。

盡量減少操作菜單：展示產品應當避免無關的干擾，推動顧客購買的進程。顧客在選購時都希望盡可能少的思考，要讓顧客有更多思考的空間並專注於購買的過程。

保持整潔：一個乾淨的設計可以讓訪問者心情愉悅。多花點時間確保你的網頁佈局美觀，這樣才會有回頭客。

作為設計者應該從顧客的角度審視網頁設計。你會在自己設計的網站上購物嗎？

其它優秀的電子商務設計實例

Bell.ca 只使用了很少的色彩來展示品牌，而給瀏覽者的操作菜單只有主導航欄。注意設計者是如何安置這麼多不同的菜單——購物導航，還要同時照顧到私人和企業客戶。網頁不僅不凌亂，反而顯得簡潔明快，提供了很多菜單，但並沒有迫使瀏覽者一一瀏覽查找。同時也要注意到頂部的產品導航設計得有多聰明，我想沒有誰還會選錯產品了吧。

Shoeguru.ca 展示了一個完全以用戶和產品為中心的設計。似乎產品本身就是一名推銷員。網頁上除了產品毫無其它無關的東西；甚至連導航菜單都“少得可憐”。

Etsy 在主頁上放置了如此多的信息卻絲毫不顯凌亂，簡直是網頁佈局的樣板。Etsy 的產品目錄很繁雜，但優秀的設計使其顯得輕鬆樸實。事實證明，一個實用性的主頁也可以有很好的商業效果。

Crupress 是一個文雅的圖書網站，沒有什麼娛樂成分。主頁上有大量的文本，並沒有攪亂用戶的思緒。頂部的導航很醒目，但也只需要瞟一眼就能瞭解。所有的設計元素水乳交融。

Tokyocube 是個有趣時髦的銷售日本產品的小網站。網站沒有浪費寶貴的空間來介紹產品，而是把他們擺放在屏幕的右側。網站使用大量的留白使得用戶能夠快速清晰地欣賞產品。誰也忍不住要點擊幾個玩偶好好瞧瞧。

Furious Tees 相對前面幾個網站更注重圖形設計，主要有兩點作用：
   * 體現網站活潑的基調
   * 清楚的顯示所有的襯衫只賣19.99美元

訪問者也不會忘了 Furious Tees 是賣什麼的，產品不都在面前嗎？把產品都放在主頁對於那些銷售新奇產品的網站特別有益，因為通常人們都不會去找這些東西。

但是把產品都集中放在主頁上，很容易把佈局搞亂。Furious Tees 很好地避免了這些問題。他們把關注都集中在 T-shirt 和風趣的設計上，沒有在網頁上放任何側邊欄或是廣告。

Basecamp (37 Signals)

論混合不同種類信息來銷售產品，恐怕沒有比 37 Signal 的項目管理工具 Basecamp 更牛B的了。但網頁上的信息數量恰到好處。每個詞語、每個圖片都經過權衡。如果沒有足夠的信息，用戶不會浪費時間去理解產品；太多的信息用戶也無法招架。

得當的頂部背景色彩和公司徽標，使得下面的主體部分更引人注目。他們將各種不同的媒體融合在一起的同時，還留出大量的空白，使得用戶不會一下子被繁雜的文本、圖片搞暈。

最後的總結

每個網站都會要求不同類型的佈局、圖樣和文章以便銷售產品。但作為設計者有些事半功倍的辦法：
   * 權衡每個詞語
   * 刪去沒用的元素
   * 使用雅致的色彩並大膽留白
   * 控制訪問者每一次看到的信息數量

記住，網上購物的人總是很挑剔。他們不會磨磨蹭蹭地挑選商品，而會使用搜索引擎搜索關鍵詞來找到他們想要的。如果他們不喜歡看到的網頁，對不起，拜拜。對於網站來說，只能用一個不大的界面來吸引這些潛在客戶。一個雅致的、整潔的設計可以將關注集中到產品上（而不是其它任何東西），並幫助顧客更快地找到他們想要的。