電商網(wǎng)站設(shè)計系列5:電商網(wǎng)站主頁的焦點

譯文:來自<http://baymard.com/blog/e-commerce-home-page-focus>

電商網(wǎng)站主頁的焦點

當(dāng)人們訪問你的網(wǎng)站的時候字币,你知道他們正在尋找什么嗎?你的網(wǎng)站想推廣的東西對你的訪問者來說是否顯而易見芙扎?或者你的主頁是否胡亂的填充著各種類型的商品蹂空,試圖迎合每一個人甸赃?但是實際上宦赠,到最后骤坐,誰也沒有迎合锻拘?

當(dāng)你有一個大的網(wǎng)站油吭,公司里的很多人最后會為了主頁上真實的區(qū)域而斗爭(有時甚至是整個部門)击蹲。每個人都想要一點地方。到最后不可避免的導(dǎo)致了胡亂填充的和沒有焦點的主頁婉宰。

1.自己生產(chǎn)產(chǎn)品的公司-比如蘋果這類產(chǎn)品公司-可以僥幸的在其主頁上推廣單個或少量的 (自己) 的產(chǎn)品歌豺。

2.售賣別的公司產(chǎn)品的公司——一些零售商比如沃爾瑪,可以避免在它們的主頁上展示不同類型的產(chǎn)品(盡管他們是不同類型的產(chǎn)品)

我們來分別看一下蘋果和沃爾瑪?shù)碾娚讨黜摗?/p>

蘋果的主頁

很明顯的心包,蘋果希望他們的參觀者更多了解關(guān)于MacBook Air类咧。一個關(guān)于他們想推廣的產(chǎn)品的大圖,伴隨著有4個小盒子在下面蟹腾,其中三個是關(guān)于他們想推廣的主打商品的痕惋。這是一個大量策劃過的主頁。

這是一個在蘋果釋放他們升級的MacBook Air 版本之后不久的一個截屏娃殖。

投放大量的焦點在一個產(chǎn)品上是有道理的值戳,因為蘋果知道絕大多數(shù)的訪問者會來到他們的主頁是因為他們聽到了大量關(guān)于這個新產(chǎn)品的消息,并且想更多的了解它炉爆。

作為一個產(chǎn)品公司堕虹,你極有可能對你的產(chǎn)品很自豪,并且想在任何可能的地方推廣它們芬首。但是赴捞,了解你的顧客想在什么時候被推銷產(chǎn)品是一個主頁成功的關(guān)鍵點。就像我們之前在Jack Johnsons主頁討論過的那樣郁稍。

你可能有另外5個你引以為傲的產(chǎn)品(比如iPhone, iPad 和 iPod)赦政,并且其中的一些產(chǎn)品有很高的利潤空間,但是永遠(yuǎn)不要低估艺晴,賣給客戶一個他們正在積極尋找的產(chǎn)品是多么容易的一件事昼钻。

沃爾瑪?shù)闹黜?br>

當(dāng)你是一個有成千山萬商品的零售商,當(dāng)訪問者到你的網(wǎng)站時會開始搜索這么多不同的商品封寞,你沒有別的辦法然评,只能讓他們通過篩選目錄或是某個具體的商品,來更深入的了解你的網(wǎng)站狈究。

沃爾瑪很好的強調(diào)了搜索框和導(dǎo)航欄碗淌,并且仍然使用很小的產(chǎn)品圖片來抓住那些不知道要買什么東西的訪問者的注意力。

你不可能走和別的產(chǎn)品公司完全一樣的路抖锥。你的工作是找到你的產(chǎn)品目錄中最受歡迎的產(chǎn)品(或是最有利可圖的)亿眠,然后推廣他們。10個很小的產(chǎn)品圖片是個可行的辦法磅废,只要他們是產(chǎn)品中獨一無二的類型纳像,每個產(chǎn)品可以迎合你客戶基礎(chǔ)的很大一部分。

因為你無法很精確的預(yù)測你的一個新用戶想要找的是什么拯勉,所以強調(diào)你的搜索框和目錄很重要竟趾。有些用戶不知道他們真的想要找的是什么憔购,所以你展示在首頁的產(chǎn)品是為了抓住這些人的注意力,而搜索框和導(dǎo)航欄是為了那些正在積極尋找某件商品的用戶岔帽。當(dāng)你的產(chǎn)品目錄開始變多玫鸟,你應(yīng)該通過視覺增加搜索框特點的重要性。

雖然你無法預(yù)測新用戶在尋找什么犀勒,但是你可以在某種程度上預(yù)測重新返回的訪問者在尋找什么屎飘。對于零售商來說,追蹤用戶在尋找什么商品贾费,并且在四天后他們重新首頁的時候钦购,在首頁上強調(diào)與之相關(guān)的商品是非常重要的。亞馬孫在這點上做的很好铸本。

沃爾瑪距離一個完美的網(wǎng)站還差的很遠(yuǎn)肮雨,但是他們的主頁沒有什么問題。

把東西隱藏起來

即使作為一個設(shè)計師和經(jīng)驗豐富的網(wǎng)絡(luò)用戶箱玷,我們非常欣賞蘋果公司主頁的審美質(zhì)量和鮮明的焦點怨规,但是當(dāng)說到零售商時,我們不能忽略雜亂的方法也許可以賣的更好锡足。

亞馬遜的主頁是以上提到的兩種方法的混合體波丰。

有趣的是,亞馬遜已經(jīng)從只是一個零售商發(fā)展成同樣也是一家產(chǎn)品公司舶得,他們永遠(yuǎn)會在他們的主頁上面或多或少的放Kindle的廣告掰烟,并且仍然使用一個零售商常用的方法,展示格子網(wǎng)的產(chǎn)品小圖沐批,就在首頁下面一點的位置纫骑。

一個好的首頁建立在業(yè)務(wù)性質(zhì)和品牌代表上。沒有解決方法適合所有的問題九孩。上面舉得例子只是概括性的先馆,所有即使他對大多數(shù)來說有用,他不適合于所有躺彬。所以你應(yīng)該做對比試驗煤墙,來看看那種方法對你業(yè)務(wù)來說效果更好。

你知道哪些主頁效果很好嗎宪拥?或是說你喜歡的主頁有哪些仿野?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市她君,隨后出現(xiàn)的幾起案子脚作,更是在濱河造成了極大的恐慌,老刑警劉巖缔刹,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鳖枕,死亡現(xiàn)場離奇詭異魄梯,居然都是意外死亡,警方通過查閱死者的電腦和手機宾符,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來灭翔,“玉大人魏烫,你說我怎么就攤上這事「蜗洌” “怎么了哄褒?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長煌张。 經(jīng)常有香客問我呐赡,道長,這世上最難降的妖魔是什么骏融? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任链嘀,我火速辦了婚禮,結(jié)果婚禮上档玻,老公的妹妹穿的比我還像新娘怀泊。我一直安慰自己,他們只是感情好误趴,可當(dāng)我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布霹琼。 她就那樣靜靜地躺著,像睡著了一般凉当。 火紅的嫁衣襯著肌膚如雪枣申。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天看杭,我揣著相機與錄音忠藤,去河邊找鬼。 笑死泊窘,一個胖子當(dāng)著我的面吹牛熄驼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播烘豹,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼瓜贾,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了携悯?” 一聲冷哼從身側(cè)響起祭芦,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎憔鬼,沒想到半個月后龟劲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胃夏,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年昌跌,在試婚紗的時候發(fā)現(xiàn)自己被綠了仰禀。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡蚕愤,死狀恐怖答恶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情萍诱,我是刑警寧澤悬嗓,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站裕坊,受9級特大地震影響包竹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜籍凝,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一周瞎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧静浴,春花似錦堰氓、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至得问,卻和暖如春囤攀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背宫纬。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工焚挠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人漓骚。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓蝌衔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蝌蹂。 傳聞我的和親對象是個殘疾皇子噩斟,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 緊張是一種復(fù)雜的情緒,它不能笑也哭不出孤个。 前些天忙著科目二考試剃允,可以毫不夸張地說每天都在趕去訓(xùn)練的路上或者正在訓(xùn)練...
    堂鼓笙未滿閱讀 269評論 0 0
  • 初看《瑯琊榜》斥废,覺得這部劇是在講一個80后的復(fù)仇史椒楣,接著往下看,開始覺得說它是復(fù)仇史牡肉,顯得太膚淺了捧灰。再往下看,又覺...
    艾西柚閱讀 296評論 0 1
  • 我們都沒能在最好的時光去環(huán)游世界 也沒能在最爛的世界里受不了而死去 我們一次都沒能被英雄或英雄主義拯救 也沒能在懊...
    一首詩和小H閱讀 101評論 0 0
  • 書名:《叔本華的眼淚》 作者:歐文.亞录园濉(Irvin D.Yalom) 翻譯:易之新 出版:臺北市心靈工坊文化 生...
    桃白閱讀 2,183評論 4 5