現在許多的電子商務網站都傾向於在他們的頁面上放置過多的內容。這種凌亂的頁面的原因是很明顯的:你從該頁面獲得的信息越多,就會有越多的用戶去購買。不幸的是,網購的人們是一些愛挑剔的人。# A. ~: x- ]; i6 h4 ^9 b5 O- L
1 n! F2 A- L! Q
Jacob Nielson 報道說現在的網民們在網上購物時變得越來越沒有耐心。人們不再會去網站的首頁上或是按分類查找這個商品的內容和用戶評價,而是主要通過快速的google搜索。如果用戶們找不到他們想要的東西時,便會離去。$ Y2 S! o$ ]* |# H$ J! q( f
% B* y+ M4 l1 r) k2 G4 S擁有簡介的網頁使得用戶能夠快速的找到他們想要的東西是非常重要的,尤其是當你在銷售商品時。如果你的網頁充斥著一些沒用的文章、小工具和一些無關的商品時,這個網頁變得沒有意義。
. s. J% x, P/ W' u( Z' D
( g0 k% E( l7 g1 ?+ n9 w, F然而使網頁變得複雜已經是一種通用的慣例了,電子商務網站已經採取一種「散射」的方法旨在提供給所有潛在購買者盡可能多的選擇。每一個網頁不再使得它只涉及一種商品,而是充斥著許多不相關的信息、廣告和相關的商品。
5 o) G L) t3 s3 D$ W7 y
7 ?" j/ k! Q" ]5 O$ n更少的商品意味著更多的關注
: Q. U. C3 m/ i6 f5 p4 p( k4 n& T, c; A. C6 `
很多的網絡的公司忘記了這一電子商務網站的主要原則:網購者想要盡量的減少麻煩。相對於待在車裡開到商店裡去買DVD,在亞馬遜網站上只要點擊幾下要簡單的多。消費者甚至希望等待長點時間和花費更多的錢只要他們的購物經歷是簡單和快速的。- y' z. `/ U, [5 m/ d* ^- y$ e
+ [7 ~$ \6 \0 o' A% A) P- Q蘋果公司就已經設計了有藝術感的簡單網頁。如果你到他們的網頁,他們只給你展示三件事情:
& F" f" d* W; z, K2 m" d3 ~3 N+ w2 v1 X( D) n7 F
1.一個簡單的標題5 q1 {* J! W( x
; b1 Q* D7 |) S8 m! c6 T( b
2.在網頁的主要部分展示一種商品
2 Z+ ^: f4 |6 l2 t/ Y
3 P3 U! f5 F4 |0 \. ^$ }% s3.在折疊的下面有些關於這種商品的信息鏈接和圖片
5 \8 r9 w5 L) `7 d, e% W6 p( m! o; ^" V- a$ W
除了標準的標題外,網頁只包括三個部分,如果你點了商品鏈接下面是你所看到的(比如說iphone)。
% C: x( E7 r [/ k& s' I! i# i! u: T, s' s
即使是你在這個商品頁面上,你將能看到這個頁面是怎麼樣的:iphone。這個商品本身佔據了網頁的大部分,其他的周圍的信息是關於iphone的的特徵和應用。但更重要的是,注意什麼東西沒有在iphone網頁上顯示:
9 c' V; x3 o) l1 {8 J$ G2 _
5 C8 D. W6 {- L7 B( Y1.不相關的商品* [# T! ]7 T* q( u* K
: H7 R# L; z* r. t; t3 R e( }& G
2.不相關的新聞和廣告
' [ t9 o. F5 X3 q5 g9 V. _
. n. [5 o9 d+ S5 E: s# ^; ?3.相似的東西
9 @7 X) N% ^4 P0 H b2 @3 V
7 _( O/ P& h$ ?1 o7 W% o; `4.其他的東西" I' C7 \, p! L c2 D, g. J
+ n6 N0 Q! i# }1 ?% }
蘋果公司已經用一種很有效和非常有禮貌的方式提供了足夠多的信息。展示過多信息並沒有什麼錯,只要它不讓人感覺到。你也一定注意到所有的信息,鏈接和圖片都在iphone的周圍。並沒有一些使你分心的廣告和其他商品的不需要的信息。
% o) _; W; ]6 P- h5 G* G! ~/ L: H$ i0 b B, \* Z( r
下面有些經實踐檢驗是正確的方法來使我們每位網頁設計者能夠確保他們的網頁不會因凌亂而攆走顧客。
' W/ P. I, L5 W8 a+ |; ^
: l) z7 F* E% ?5 N5 ]! \1.只放置你需要的東西。
. N8 f5 M7 M+ I! u
, @3 y4 j: I- U* R* \ 簡潔網頁最重要的一個方面是只展示對促銷有作用的東西,其他的都沒有。這並不意味著你不能提供給用戶很多的信息。確信他們是需要很多關於商品信息的。蘋果公司就用「更多信息」的鏈接來實現這些。 . Y; u) N. f b% t- B. e" ^
2 m4 R. }6 K: [7 J5 V5 i
2.減少點擊次數。一個用戶買一件商品需要更少的點擊數,就會有更大的回買率。不要讓顧客們買一件商品等的很累了。4 ~4 o5 v c% H+ D Y/ i/ h' u* E
6 J& P9 ~* B9 {9 Z' d) \8 B
3.「外婆」規則。如果你的外婆(其他老點的人)能夠在網頁上識別出你所買的東西,那麼你買東西就很大了。一些不需要的信息會很快把你的外婆趕走的。* Z9 j- s# {# y' W. O
9 S+ F3 |7 L* {4.減少你段的個數。每次你在網頁上增加一段時,商品內容就會被擠到一個更小的空間。這些都沒有在強調主要商品,而是更多的使顧客們知道他們不想瞭解的東西。! C6 k& V# I& e7 w! z
" L0 d V/ d2 a8 a3 U, I
5.給予更少的選項。對於在網購的人來說做決定需要額外的壓力。最後來說,顧客們希望在買東西時思考的少一點。展示商品的方法一定減少過多的思考,這樣就會使網購者很快做決定,並且給顧客一種平和的心態。
* Y t$ f! ~3 H* S8 C0 d- }, Z; A$ j5 P6 u
6.保持整潔。一個整潔的設計使得瀏覽者心情愉悅,通過時間來確保網頁的佈局具有審美觀點並使顧客能夠再次回頭購買你的商品。6 w# D( F/ e0 g$ g/ s
/ M# H) C' }" k一個有直覺的網頁設計意味著一個有潛力的消費者。你會在這寫站點上買東西嗎?
+ V; p* ~' e- x8 X( p3 S& r
* [; K+ I: f. o" eBell.ca 只用了幾種顏色來指示出品牌並且提供給瀏覽者主要的一些選項。注意到這個設計怎麼樣很好的把不同的選項佈局在一起——商品導航、在個人和企業上的支持。這個設計不凌亂並且簡單乾淨提供給瀏覽者一個所有可用選項的直觀界面而且並沒有要求瀏覽者去一一選擇它們。也注意到在網頁頂端商品導航設計的多麼巧妙。這樣幾乎沒有用戶會選錯。0 |0 _0 y0 w, R' O/ m
+ w- v* X/ ]- W2 vShoeguru.ca 展示了一種用戶和商品集中的設計。這個商品彷彿就在觀眾眼前的舞台上一樣。這種設計只展示商品並沒有其他的;甚至有幾個導航選項是可用的。
I$ q7 J) x# u4 P
: M! n& l5 r. K$ X% r- K4 `Etsy 是一個把很多信息放置在網頁上但又不顯凌亂的很好的例子.Etsy擁有很多種的商品,然而Etsy的設計是一種很輕鬆的品質。創造一個有用不使顧客分心的主頁並不是一個小的事情。
1 R) d* e* j" |2 ~) q& T5 q7 z$ `7 e6 \! U4 V
Crupress 是一個很好的並沒有很多分心東西的書籍網站。這個主頁展示很多的文章並沒有使得用戶產生焦慮。開頭的導航選項是很突出的,但並不能引起很多注意。所有的設計元素都配合的很流暢。, s" V9 {, Z5 s/ T3 Q# |
2 z! v& A* D# M: t' e# G
Tokyocube 是一個專賣日本商品的有趣且時髦的小網站。這個網站並沒有花很多空間來解釋這個站點到底買什麼,而是把商品直接擺在顧客眼前。很大空白空間的也允許商品在頁面的右面展示出來。你會迫不及待的點擊一種商品以便於更多的瞭解它們。/ [ U& p4 @& A) F" G- M
# m' C0 j; a) I b: a/ C4 Q3 m
而Furious Tees較前面的網站更加注重圖形方面,它幫助你兩件事情:
h, j e9 D2 x- e" f; O
' l4 y: N! X6 L( {: l* ^6 ?, @. m1.顯示出網站的活潑氣氛; V6 U1 w' p# K) I7 e. W% x( F
6 {; q0 w1 i3 u8 X. l4 M: A2.使大家清楚知道這裡每件衣服買19.99美元/ X3 O9 b: i! `
- e* H5 \7 n6 o5 U
你不會指不出在Furious Tees 上買什麼,所有的商品都在你眼前。把所有的商品放在主頁上對於那些不經常買賣的新穎網站來說是很用的。
" s5 d8 ?( D& ]0 _3 J. C
8 {# s0 n: s( C" d; ~3 L( v3 w但是把所有商品放在主頁上是冒著凌亂的風險的。Furious Tees 並沒有這樣的問題。他們不用除衣服以外的一些花邊新聞和廣告來吸引注意力。這些注意力完全放在衣服和歡鬧的設計上了。+ k, V' o2 G! s" `6 J) F
* K- m6 k }7 @' v3 @
為了買出商品不要再比37 個信號的項目管理工具 Basecamp看的更遠了,它使得一個難以置信的混合多種信息的例子賣出了商品。然而已經有足夠的信息做一次有效的銷售了。每一個字,每一張圖片都放在設計中。如果沒有足夠多的信息,用戶不會花時間來辨認這個商品到底是幹什麼的。而過多的信息又會使用戶受不了。
/ F7 v* s6 i2 ^6 P, ]( @% [! ]+ Q! x% i4 A" {4 p* }
對於標題背景和公司標誌的別緻應用使得每一個信息凸顯出來了。並且使得所有不同的媒體融合起來,有著足夠的空間以便於用戶不會被一時的文章和圖片沖昏頭腦。
1 y, t. Y# j* s/ g. C- c. g2 S9 f6 e# Q, t9 K6 N7 |
你只有幾秒鐘
7 J7 |% R( } a' J
! F8 ?; n% ?7 ~: g* d' p# w/ y每一個網站都需要一種不同的佈局,設計和模本來銷售商品。但是設計者努力的做的更多通過:
; @1 v1 w- e/ I8 z& g, F' z* R% j5 W: j* a
1.權衡每一個字* X; r* Z! ]9 B9 p+ `9 v
7 Q) l$ [! y N+ N* I6 n' g2.刪除不需要的元素4 A ], s4 Y4 [9 g
( z- j# t: D/ S: Q/ U
3.運用優美的顏色和空白空間
+ v8 D! R# F/ x& M+ `( ` Y$ U7 m4 v% }$ r% c
4.限制用戶在一時間看到的過多信息+ E7 u# g3 }7 W& M) p$ p" ~, {
* ?4 F! Z) h* W! C5 t: y記住,網購者是一批易變的人。他們不在窗口中買東西,只是通過搜索引擎來在很狹小的範圍裡搜索東西。如果沒有他們所喜歡的商品,他們就會離開。網站銷售者只有一個很小的窗口空間來吸引潛力消費者的注意力。一個優美的、不凌亂的並且只關注在商品上的設計將會使得消費者很快找到他們所想要的。 |
評分
-
查看全部評分
|