日本とベトナムのECサイトをUIデザインの観点で比べてみた

PIVOT Column 編集部 Member

2021.7.19 (更新日 2022.12.19)

UIデザイン
Service
UIデザイン
# UIデザイン
UI コンサルティング
Service
UI コンサルティング
# UI コンサルティング

こんにちは。PIVOTコラム編集部です。

 

突然ですが、みなさん、オンラインショッピングは好きですか?

ECサイトで商品を購入するのは現代人の一つの習慣になっているのではないかと思います。実は、同じECサイトでも、国や地域によってUIデザインが異なる部分があります。

 

今回は、日本とベトナムのECサイトのUIデザインを比較して、気づいた点や共通点・相違点ついてご紹介したいと思います!

参考として、それぞれの国で人気のECサイトを見比べていきます。

 

日本:    楽天市場    https://www.rakuten.co.jp/
Yahoo!ショッピング   https://shopping.yahoo.co.jp/
ベトナム: TIKI   https://tiki.vn/
Shopee: https://shopee.vn/

日本とベトナムのECサイトをUIデザインの観点で比べてみた

トップページのUIデザイン

共通点
どちらのサイトも、トップページでは大きめのバナー(スライダー)を使用し、ユーザーに注目してほしい商品やキャンペーンを載せています。また、商品のラインアップがグリッドレイアウトで表示されています。

 

相違点
日本のECサイトでは、商品カテゴリの表示はサイドナビゲーションがよく使われていますが、

日本とベトナムのECサイトをUIデザインの観点で比べてみた
日本とベトナムのECサイトをUIデザインの観点で比べてみた

ベトナムのECサイトでは、トップページにほぼサイドナビゲーションを使わない傾向となっています。

日本とベトナムのECサイトをUIデザインの観点で比べてみた
日本とベトナムのECサイトをUIデザインの観点で比べてみた

ベトナムのサイトでも、昔はサイドナビゲーションを使用するサイトは多かったですが、最近では使わなくなりました。
トップページにサイドナビゲーションを設置すると、「このサイト、古そう・・」と思われる可能性が高いです!

商品カテゴリページのUIデザイン

共通点
カテゴリページでは、サイドナビゲーションに検索条件の絞り込みを配置し、商品ラインアップがグリッドレイアウトというUIが利用されています。

 

相違点
日本のページでは、サイドナビゲーション+商品ラインアップがメインで表示されますが、

日本とベトナムのECサイトをUIデザインの観点で比べてみた
日本とベトナムのECサイトをUIデザインの観点で比べてみた

ベトナムのサイトでは、その商品カテゴリ向けのキャンペーンやセールス情報のバナーも配置されています。

日本とベトナムのECサイトをUIデザインの観点で比べてみた
日本とベトナムのECサイトをUIデザインの観点で比べてみた

マーケティング計画と連同して、各商品カテゴリ向けのキャンペーンバナーを設置することで、売上向上に繋げることが目的かと思います。日本のECサイトにもそのようなバナーエリアがあれば、もっと楽しんでオンラインショッピングできるかもしれないですね!

商品詳細ページのUIデザイン

共通点
商品の画像はサムネイル形式で、「カートに入れる」ボタンは目立つ色が使用され、クチコミエリアはテーブルレイアウトで表示されています。

 

相違点
日本のECサイトでは、商品の詳細エリアのカスタマイズの自由度が高く、商品のアピールもしやすい印象があります。ランディングページのように、店舗が訴求したい商品の画像やバナーを貼ることもできます。

日本とベトナムのECサイトをUIデザインの観点で比べてみた

一方、ベトナムのECサイトでは、商品の詳細エリアは固定的なレイアウト(主にテーブル)で構成されることがほとんどです。統一感はありますが、カスタマイズの自由度が若干低いという印象を受けました。

日本とベトナムのECサイトをUIデザインの観点で比べてみた
日本とベトナムのECサイトをUIデザインの観点で比べてみた

ざっと、日本とベトナムのECサイトのUIデザインを見比べてみましたが、いかがでしたでしょうか?

 

主観的な部分もあるかと思いますが、各国と領域により、同じECサイトでも異なるデザインや傾向があるということを感じていただけたでしょうか。ビジネスにおいて海外展開をする際は、その国のウェブサイトの特徴も充分に分析したうえで、サイトを設計することをオススメします!

 

UIデザインに関するご相談は、お気軽に弊社までお問合せください。

Next Column
Columnトップへ戻る

「真ん中に『人』がいる
デジタルサービス」をつくりませんか。

お仕事のご相談やお見積もりのご依頼、具体的なご相談は、こちらからお問い合わせください。

でも何から相談して良いかわからない...

無料

ふんわり相談室

「こんなことでも依頼できる?」
 ふわっとした質問・相談大歓迎

予約はこちら 予約ページより、ご都合の良い時間を選んでご予約いただけます。

資料ダウンロード

費用・制作期間など、PIVOTの各サービスの紹介資料をご参照いただけます。