MENU

by • January 2, 2014 • Technology7566

ファッションECのトップページUI、エリア別比較(日本型/欧米型/韓国型)

年始なので初売りセール参戦してます。
もちろん自宅から。ビバ通販。

最近は海外サイトでもよく買い物するんだけど
なんかレイアウトが日本のサイトと違くて違和感あるなってずっと気になってて。
逆に、自分の中のUIルール=見慣れたサイトになってないか?と心配になったので
まとめてみようと思います。

日本型/欧米型/韓国型の比較です。



日本型ECトップは「見出し+コンテンツの一部」を隙間なく埋めた感じ


1

【日本型代表サイト】
(左上から)ZOZO TOWN / FASHIONWALKER / MAGASEEK / USAGI ONLINE / RUNWAY channel / GALSTAR


まずは見慣れた日本型。
一見、それぞれ工夫されたレイアウトに見えますが
共通してるなと思うのは
「見出し+コンテンツの一部+もっと見る」のブロックがトップページに敷き詰められてるレイアウト。


1_sample
FASHIONWALKER

1_kaisetsu


「新着」+「新着商品4つくらい」+「もっと見る」
「ランキング」+「ランキング5位くらいまで」+「もっと見る」
「最近見たアイテム」+「商品4つくらい」+「もっと見る」
こんな感じ。
サイトによっては「トレンドワード」とか「取り扱いブランド」とか「スナップ」とかもあるかな。
とにかくいろんな切り口でコンテンツを見せようとしてるのがわかります。

あさとはこないだまで国内メーカーのEC部門で働いていたので、この意図はよくわかるのだけど
とにかく過去の商品も掘り起こしてトップに出したいんですよね。
1ヶ月前の入荷商品とかでも、売れ筋だったら「ランキング」や「再入荷」で前面に打ち出したいし
なんならランキングも細分化して「トップスランキング」「ボトムスランキング」とかやりたがる。
だから日本のサイトは「タブ」切り替えのUIが多い気がします。
ファッションECに限らないかもだけど。

ファッション誌をイメージしてか、とくに編集ページ(特集コンテンツ)が多いのも日本っぽいかも。
あとサイドバーにカテゴリ一覧があるのもお約束。



欧米型ECトップにはバナーしかない


2

【欧米型代表サイト】
(左上から)NET-A-PORTER / FARFETCH / SSENSE / URBAN OUTFITTERS / NASTY GAL / H&M


上記はあさとがよく見るサイト&有名所の代表例。
「欧米型」って言い方があってるかわからないけどどう言っていいかわからないのでとりあえずそれで。

いつも戸惑うんだけど、欧米サイトはトップページにバナーしかなかったりします。
商品を観るまでにワンクッションある感じ。


2_sample
SSENSE

2_kaisetsu


トップページは完全に目次で、中を開いてみなきゃ何があるか分からない仕様。
ビジュアルが大きく使えるから、ブランドイメージは強く打ち出せるかも。
あと、目的買いのユーザーにはシンプルで見やすいのかもしれません。

欧米サイトが全部こうってわけじゃなく、たとえばASOSなんかは日本型に近い?

日本型はサイドバーにカテゴリがあるのが一般的ですが、欧米型はヘッダーメニューのプルダウンが多いです。



韓国型はひたすら新着商品がずらり


3

【韓国型代表サイト】
(左上から)DHOLIC / STYLE NANDA / Gumzzi / COII / CHERRY SPOON / LEMONCOOKIE

欧米型の真逆を行くのが韓国型のレイアウト。
バナーから下はひたすら商品一覧。
トップページを見ればだいたい完結してしまいそうな勢いで商品が並んでます。


3_sample
CHERRY SPOON

3_kaisetsu


最近大人気の韓流ファストファッション、魅力はやっぱり「安い!」「早い!」でしょうね。
とにかく商品の入れ替わりが早い。
代表的なところで、ISHOOというサイトは必ず毎日18時に新商品がアップされることを売りにしてます。
そうなってくると商品も鮮度が重要。新着だけ並べとけばいいのかも。

そういえば以前、MAGASEEKが大幅リニューアルして
トップページに商品をたくさん並べたレイアウトに変わったとき
「商品写真がダサいからデザイン的にもたない」みたいな批判をいっぱい見た気がします。
その点、韓国型サイトは写真のクオリティがそれなりなので、並んでるだけで見てて楽しい。




こんな感じで地域別に傾向があるみたいなんですが
UIとして捉えると
【←衝動買い】韓国型 — 日本型 — 欧米型【目的買い→】
みたいな設計かなと思います。

なんだかんだ、ユーザーが使い慣れてるUIを選択するのも重要だと思いますが
自分が見慣れたレイアウトにひっぱられずに
サイトの趣旨にあったデザインを採用したいですね。

UIってむずかしいなー



★ asato ★
  • このエントリーをはてなブックマークに追加
  • ">Buffer

Related Posts