【購買意欲をあげるデザイン】UX改善と魅力的なECサイトとは 「Qoo10編」

サイトを利用した時、使いにくい…と思ったことはありませんか？UXが良く考えられていないと、直感的に使えないなどユーザーの利便性が低くなってしまいます。「かってにUX」ブログではいろいろなシステムやサイトのUX改善をかってに行い、より良いユーザビリティを目指し提案しています。

「UX改善」「UXデザイン」といわれても何をすれば良いかよくわからない方も多いのではないでしょうか？そのような方でも、わかりやすいようにUX改善例を調査・分析・情報設計・ワイヤーフレーム・UIデザインの手順で解説していきます。

今回は一般ユーザーがログインした後の「Qoo10」Webサイト（トップページ）のUX改善です。

まず「Qoo10（キューテン）」ついて紹介します。

「Qoo10（キューテン）」とは、eBay Japan合同会社が運営する、“衝撃コスパモール”をコンセプトとしたオープンマーケットプレイスです。2010年に運営を開始した「Qoo10」は、ファッション・ビューティ・スポーツ・デジタル・モバイル・ホームリビング・生活・食品・ベビー・エンタメ・ブック・eチケット等あらゆるジャンルにわたり、豊富な品揃えを誇ります。

「Qoo10」を通じて、セラー（売り手）は法人・個人を問わず、国内外から自由に商品を出品でき、バイヤー（買い手）は、安全かつ安心な環境で、お買い物を楽しむことができます。

特に韓国の商品に特化しており、韓国の人気ブランドやコスメ、ファッションアイテムなど、韓国商品が多く取り扱われています。韓国のトレンドや人気商品を見つけることができます。

Qoo10 の特徴

メリット

デメリット

現状のWebサイトは商品のカテゴリー分けが細かく、適切にカテゴライズされていない印象を受けました。ユーザーが目的のコンテンツや商品に辿り着きづらかったり、購入までの導線が複雑になるのを防ぐ必要があります。

スマホ版・アプリはリニューアルが終わっているため、それに合わせてWebサイトもリニューアルすることでユーザビリティの向上・行動変化の促進・収益の増加が期待できるでしょう。

新しいタブで開くページがあり新しいタブを開くことによって、ユーザーが迷子になったり元のページに戻るのが難しくなる場合があります。Webサイトの目的やコンテンツに応じて、適切な方法を選択するのが重要です。

UXデザインの課題

UIデザインの課題

UXの改善方針としては、ユーザーが求めている情報や機能に簡単にアクセスできるように設計します。

• 情報の整理、カテゴリーの見直しにより、ユーザーが求めている商品に簡単に辿りつける設計
• リニューアルを考慮し、スマホ版に合わせるデザインを検討

ユーザーの購買意欲向上を図るための施策として「タイムセール予約購入機能」について考えました。

新機能タイムセール予約購入

UXの改善方針をもとに、ページをどのように設計したらいいかをユーザー目線で考えていきます。

• 商品を探すメニューとアカウント情報は別にする
• カテゴリー階層を適切に設計する

• 商品をカテゴリーから探すナビゲーションメニューを左上にする
• 検索バーをわかりやすく
• サイドバーと重複していた導線をヘッダーにまとめる
• 売りたい商品のカテゴリー、スマホ版アプリの導線を大カテゴリーに設置
• レイアウトは1カラムにし、コンテンツをわかりやすくまとめる

UX改善のプロセスである調査・分析・情報設計・ワイヤーフレームから、デザイン作成を具体的に説明していきます。

Qoo10のトップページは情報量が多くどこをみたら良いか迷ってしまいます。求めている商品にアクセスできれば、ECサイトの売り上げにつながることが期待できるでしょう。デザインをスマホ版と統一することでUXの一貫性を確保することができ、ユーザーに安心感や信頼性を与え、ブランドの認知度やイメージを高める効果があります。

また、開発や更新の手間を減らすこともできます。

UIデザインを作成する時のポイント

今回はWebサイトリニューアルを考慮し、情報設計をメインにUIUXデザイン改善を行いました。情報設計を適切に行うことで、ユーザーの利便性を向上させ、サイトの評価を高めることが期待できます。

さらに、デザインをスマホ版に合わせることで、ユーザーはストレスなく操作でき便利で使いやすいECサイトを提供できるでしょう。