能吸引訪客的網頁設計

來源:互聯網
上載者:User

(轉載文章)    譯文原地址:http://zanbu.blogbus.com/logs/28256436.html   

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

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的了。但網頁上的資訊數量恰到好處。每個詞語、每個圖片都經過權衡。如果沒有足夠的資訊,使用者不會浪費時間去理解產品;太多的資訊使用者也無法招架。

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

最後的總結

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

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。