Your Language Setting

購物網站的網站樣式

Joe在過去曾與各位分享網路購物大蒐集,過了這一段時間,慢慢的發現了一件有趣的情形「網站頁面樣式」其實有一種固定的模式;由於筆者沒有User Experience方面的概念,這裡就僅提提自己的發現。
首先我們先來看幾個站:分別是以女性為主線上購物PAZZOMO-BOAndenhub,國外購物網站MYHABIT、Reebonz(需加入會員才能看到首頁),瞄準男性市場的Forstyle
首先,先看到已經紅很久的Lativ吧!首頁長這樣:
首先進入畫面的時候,會先看到一塊長方形的板塊,是現在的促銷方案、強打商品,下面以方塊來做區分一格代表著一種不同的生活提案。這樣的表現手法,其實相當像是百貨公司裡的專櫃,常常會在櫃位最顯眼處放上強打商品、或是在店面最內部上方放上產品當作吸引眼球的焦點。
這樣的想法否是現在的趨勢呢?我們來看看下面幾個站:
PAZZO(網站連結)

MO-BO(網站連結)
AndenHud(網站連結)

MYHABIT(網站連結)
有沒有發現其實Design Pattern其實相當類似?都是以一大塊色塊為開始,附上好幾幅精美的圖片,下面再選擇5~8個主打商品為首頁;小狗猜想,這應該是為了提升點擊率而出現的改造方案吧。
現在來看看Lativ過去的網站,就知道變化有多大了:
範例A
 範例B
 範例C
可以發現,版面的設計變得簡單了;也更容易去發現焦點之所在,不過這是因為什麼樣的因素、學理而改變還需要查證。

名稱

4G,1,一加手機,1,一站通系列,1,二次驗證,1,川劇,2,工作流程,1,工具,1,中國,9,中國股市,1,太陽能,1,心得,47,手機,5,日喀則,1,比特幣,13,比特幣單位,5,火幣,1,以色列,3,台新銀行,1,台新Richard,1,台幣,2,台幣匯率,2,四川,3,四姑娘山,1,交易所,4,合約,1,安全,1,成本分析,1,成都,3,百腦匯,1,老喬說,1,自助旅行,1,西寧,1,西藏,6,住院,1,床邊故事|喬家物語,1,攻略,1,纳木措,1,里程碑,25,夜店,1,拉撒,1,玩具,1,社會分析,6,股市,7,育兒,2,金融,1,門羅幣,6,保母,1,信用卡,5,哈達,1,挖機托管,1,挖礦,5,架構思考法,11,流通業,1,科技,5,美元匯率,1,美股,1,美金,2,美食,1,計算廣告,4,食記,1,個人整理,102,旅遊,7,朗瑪,1,特別股,1,納木錯,1,財務,3,財報,1,財富管理,3,酒吧,1,馬蜂窩,1,區塊練,7,國家義務,1,專利,1,產業趨勢,48,被動型基金,1,部落格流量,1,喬家物語,14,換匯,1,景點,1,筆記,69,開公司,1,開戶,1,雲端挖礦,2,匯率,6,新希望,1,腺病毒,1,零幣,1,電信,2,電源供應器,1,算力,3,算力巢,1,網路廣告,6,與成功有約,4,舞廳,1,銀行,1,嘻哈二將,1,嘻哈二醬,3,寬窄巷子,1,數位時代,9,數位貨幣一站通,1,歷史,3,轉帳上限,2,轉錄,15,羅林村,1,礦工,1,礦場,2,礦場託管,2,礦機,1,礦機代管,2,鐵路,1,變臉,1,ad tech,5,Adwords,1,AI,1,Android,5,Anonymous,2,App,16,Apple,9,ASIC,1,ATM,2,Authy,1,bank,2,BCH,1,BCN,4,Binance,2,bitcoin,37,Bitfinex,1,Bitoex,3,Bitstamp,3,blockchain,17,BTC,56,BTS,1,BURST,1,Byecoin,3,ccgmining,1,CEO.io,2,cex.io,2,changelly,4,CHT,1,cloud mining,8,Coin,2,coincap,1,CoinSwitch,1,computational advertising,6,cpu,1,Creativity,16,Crypto,5,DASH,1,DBC,2,delicious,12,digital advertising,1,DOGE,1,Dogecoin,1,eBay,1,EC,14,ETF,1,ETH,14,Ethereum,11,exchange,20,facebook,3,Fantomcoin,1,FCN,1,findbook,3,Fintech,3,Firstrade 台新,1,Firstrade 永豐,1,Firstrade 玉山,1,Fitbit,2,FN,15,funny,9,Gamme,10,Genesis Mining,3,GM,1,Google Authenticator,1,groupon,12,Hashnest,2,High-Tech Entrepreneurship,6,hit,1,hitbtc,8,Houbi,2,ICO,5,Industry,49,Interest,1,iOS,2,IOST,1,Kraken,6,Litecoin,1,LTC,2,MaiCoin,1,MCO,1,milestorm,1,minergate,10,mining,12,mining farm,2,mining hardware,5,Monaco,1,Monero,16,Monero Orginal,2,mycoincloud,1,oneplus,1,OTCBTC,1,paypal,2,performance advertising,1,Plurk,4,prepaid card,1,privacy,1,PTT,1,QTUM,1,Reflection,32,Richard,1,shapeshift,1,Social Network,8,startup,10,system dynamic,6,TAAZE,1,tablet,1,The Big Issue,1,TOEFL,1,TOEIC,1,token,2,tool,1,transaction,2,Transcription,14,UBQ,1,USDT,2,Viewpoint,73,VISA,1,VPN,1,Wallet,4,wallpaper,1,Walmart,1,WAVES,1,wire transfer,1,Worldcore,1,XEM,1,XLM,1,XMO,1,XMR,20,Zcash,4,ZEC,1,
ltr
item
林小狗研究室 | 區塊鏈, 門羅幣XMR, 數位廣告, 信用卡: 購物網站的網站樣式
購物網站的網站樣式
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIcYS-mBaTyWcjolkkW6o9QlZ1Tu75Kt9yGDarG310giezelfvw5ARCckgZmZKp1glQ0oD-apbUj3vhZLWKATCdwIj3m_-ltCQUht86e5qcFUWoA9QHsfjSSjEb2bGduSLJTLMcIStrTc/s320/lativ_homepage_2012.06.25.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIcYS-mBaTyWcjolkkW6o9QlZ1Tu75Kt9yGDarG310giezelfvw5ARCckgZmZKp1glQ0oD-apbUj3vhZLWKATCdwIj3m_-ltCQUht86e5qcFUWoA9QHsfjSSjEb2bGduSLJTLMcIStrTc/s72-c/lativ_homepage_2012.06.25.png
林小狗研究室 | 區塊鏈, 門羅幣XMR, 數位廣告, 信用卡
https://www.joe-reflections.com/2012/06/blog-post_25.html
https://www.joe-reflections.com/
https://www.joe-reflections.com/
https://www.joe-reflections.com/2012/06/blog-post_25.html
true
3668400142001265889
UTF-8
Loaded All Posts Not found any posts VIEW ALL 更多教學 Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content