技術資訊
網(wǎng)上商城的布局設計
2012-11-26 10:32:31
訪客在網(wǎng)上商城瀏覽時,如果對某商品產(chǎn)生興趣,點擊后并不會直接切換到商詳頁,而是在浮層中做輕量的簡略信息展示。并且,浮層右下角“similar items”進一步挖掘用戶可能的喜好。
以下面的截圖為例,我們可以設想這樣一個場景:在一大堆商品中,用戶AA看到了一款復古的掛飾,覺得有點興趣。點擊商品圖,AA發(fā)現(xiàn)似乎還“少那么一點感覺”,這時AA注意到右下角還推薦了很多風格相似的商品。AA在這些商品里切了幾次,終于找到她“少了一點”的那個感覺,買下了心儀的掛飾。
不久前,eBay宣布發(fā)布新版(www.eBay.com/feed),引發(fā)了外界的關注,在此分享一下關于新ebay的種種體驗:)
新ebay——滿足第四類用戶需求
Jakob Nielson在 E-Commerce Usability 中,歸納了電子商務網(wǎng)站必須支持的四類用戶需求 :
1. 尋找特定商品(known-item purchases);
2. 尋找和研究特定類目(category research, where users identify and buy products that best match their needs);
3. 尋找特價產(chǎn)品(bargain-hunting);
4. 在“逛”中激發(fā)需求(browsing for inspiration).
以此為參照,我們可以發(fā)現(xiàn)其中前三類用戶需求在舊版ebay已經(jīng)支持:
▼尋找特定商品——搜索功能
▼ 尋找和研究特定類目——圖形化導航類目/篩選功能
▼尋找特價產(chǎn)品——ebay deals
而新ebay最大的改動——ebay feed,則意在滿足第四類用戶需求:在“逛”中激發(fā)需求。
▼新ebay feed首頁截圖
ebay feed對于挖掘用戶“逛”中可能激發(fā)的購物需求,主要從下面幾方面進行了嘗試:
◆ 初始強引導流程,開始feed;
◆ 瀑布流式體驗,純凈化瀏覽體驗;
◆ 關注用戶興趣,提供各種發(fā)覺興趣的方式;
◆ 聰明的推薦,深挖用戶潛在興趣;
◆ 更新推送,及時吸引用戶回訪。
下面,讓我們從這幾個方面來全面體驗新ebay。
體驗新版ebay feed
1.瀑布流式體驗
引入瀑布流視覺形式后,相比商品list頁的“lsit view” “gallery view”,新版首頁的資源展示有兩點變化 :
1) 更強調(diào)以“圖”為主線索
2)更隨意的瀏覽形式
1.初始強引導流程
對未設置個性化標簽的用戶,新ebay的首頁設置了強引導的初始流程,引導用戶創(chuàng)建自己的feed。
2.關注用戶興趣
新版ebay feed基于用戶自定義的興趣標簽運作,為用戶推送曝光相關產(chǎn)品。而為了促使用戶主動豐富和挖掘自己的興趣,首頁提供了5個功能區(qū)塊來幫助用戶發(fā)現(xiàn)和回顧自己感興趣的商品。
這幾個區(qū)塊,承載了以下三種主要定義興趣標簽的場景:
3.聰明的推薦
當用戶瀏覽時對某商品產(chǎn)生興趣,點擊后并不會直接切換到商詳頁,而是在浮層中做輕量的簡略信息展示。并且,浮層右下角“similar items”進一步挖掘用戶可能的喜好。
以下面的截圖為例,我們可以設想這樣一個場景:在一大堆商品中,用戶AA看到了一款復古的掛飾,覺得有點興趣。點擊商品圖,AA發(fā)現(xiàn)似乎還“少那么一點感覺”,這時AA注意到右下角還推薦了很多風格相似的商品。AA在這些商品里切了幾次,終于找到她“少了一點”的那個感覺,買下了心儀的掛飾。
4. 更新推送
用戶在“逛”的過程中,如果關注的興趣標簽對應商品有更新,ebay會告知更新數(shù)量,以“更新數(shù)”為導購線索,激發(fā)用戶去查看更新商品。同樣以場景為例:
更多細節(jié)吐槽
1.極其難找的新舊版切換入口
2.Recnetly viewed的產(chǎn)品,不能直接watch。
3.Watching tab下的商品,hover時智能看到價格,無法直接進行取消watch等操作。
4.流不動的“瀑布”
總結
- 新ebay的改版大方向是明確的:關注用戶“逛”的需求,從用戶主動定制興趣、被動接受推送兩方面進行智能推薦,挖掘用戶潛在購買力。
- 隨著ebay feed的完全推出,可以預見更多后續(xù)功能也會加入:如watching中產(chǎn)品降價提醒;在商詳頁中加入可供watch的標簽;“edit my feed”推薦的標簽加入“換一批”功能等。
- ebay feed還是相對孤立的,和舊版的wishlist、watchlist等功能沒有較好地融合,后續(xù)應該還會繼續(xù)整合。
- ebay feed前還是比較粗放的一個嘗試,小細節(jié)還待優(yōu)化。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設公司,高端網(wǎng)站定制,一站式網(wǎng)站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網(wǎng)站建設成本大概是多少?
延伸閱讀
- [2014-07-25 12:40:12] dede:sql 調(diào)用flag att文檔屬性 翻頁
- [2012-08-28 09:10:15] 網(wǎng)頁拖動圖層的制作
- [2013-03-01 17:03:29] 如何通過網(wǎng)頁廣告來賺錢
- [2014-11-12 11:33:09] 常見的排版方式與表現(xiàn)類型的網(wǎng)頁模式
- [2014-10-25 11:19:52] 網(wǎng)站建設的方案該如何制作
- [2013-03-06 14:45:50] 圖片中的文字轉(zhuǎn)換成word
- [2015-03-11 09:22:14] 新建站優(yōu)化,加快百度收錄。
- [2012-07-27 09:48:19] 搜索引擎網(wǎng)站提交入口
- [2011-11-18 16:55:20] 如何做好404頁面(匯總)
- [2012-11-20 19:54:09] dede不顯示默認頁
- [2012-08-01 11:30:39] 青島網(wǎng)站設計中的色彩運用
- [2014-09-27 00:52:56] 響應式網(wǎng)站的利與弊
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
H5定制設計 HTML5 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站設計趨勢 網(wǎng)站改版 力圖 青島輪胎網(wǎng)站設計 外貿(mào)網(wǎng)站設計 用戶界面 蘋果系統(tǒng) 營銷型網(wǎng)站建設 青島網(wǎng)站建設公司哪家好 集團官網(wǎng) 網(wǎng)站動畫 搜索引擎 海信網(wǎng)絡科技 青島網(wǎng)站SEO 集團性網(wǎng)站 網(wǎng)站交互設計 中小型企業(yè)網(wǎng)站建設 青島海洋投資集團 網(wǎng)站SEO 平面設計 色彩心理學 青島SEO 網(wǎng)站規(guī)劃 微網(wǎng)站 H5專題頁面 青島網(wǎng)站案例 青島網(wǎng)站建設