陰鬱な日々にさよなら!? ペット業界のUI・UXデザインを比較してみた🐶🐱

らぴ
432

ぐ~てんだ~、いかがお過ごしでしょうか

自粛生活が続いており陰鬱ムードが続きますね。そんな日々だからこそ、家庭内で寄り添ってくれるパートナーとしてペット市場が注目されてきています。

さて今回はそのようなペットショップのPCデザインを比較していきたいと思います。PCデザインを選択した理由としてはペットという長く付き合う関係性があるため、利便性よりも専門性(簡単に調べるよりも内容を深くみたい)が求められたり、他店舗との比較を行うのに都合がよく検索媒体としてスマホより利用される傾向が高いと考えられるからです。

また、見る画面は「初回訪問トップ画面のファーストビュー」「ペット検索画面」「問い合わせフォーム」を比較対象とします。

今回は以下のペットショップを対象とします。

ペットン(https://www.petton.co.jp/)

ひごペットフレンドリー(http://www.higopet.com/ )

【ペット領域】初回訪問トップ画面のファーストビューのUIUXデザインを比較してみた

【ペットンのファーストビュー】

【ひごペットのファーストビュー】

比べて見ていかがでしょうか?どちらもデザインが独自的ですね。

【共通点】

「ペットン」も「ひごペット」もどちらもスクロール形式で重要情報を流しています。動物の画像を提示することでユーザーにとってサイト情報が動物に関するものであると一目で分かるようにしています。また、動物の画像は心理的退行を促し、サイトに留まる時間を延ばすメリットがある傾向があります(利用するカスタマーの大抵は動物に対して好意的であり、サイト内の様々な動物を見ようとするため)。

【ペットン】

「ペット専門店No.1を目指して」というキャッチコピーから連想される心象は主に「努力してます」「向上心があります」というようなものがユーザーに与えられ少なくとも悪いイメージはつかないでしょう。しかしながらデザインとしては小さく見えずらいためもう少し主張していくべきではないかと考えられます(競合店との差異を作るアピールポイントである為)。スクロール先のデザインも同様。

次に上部にあるそれぞれのアクションボタンですが、単に文字だけを置いたボタンではなく、犬の肉球マークを導入することで動物属性を付与し、ユーザーの心理的負荷を低減します。しかしながら画像がスペースを多くとっているためか、ボタンが小さくなっています。なので画面比率を調整しボタンサイズを大きくすることでそれぞれのページへのアクセスを促進できるようにすることが課題であると考えられます。

【ひごペット】

画面スペースはペットンと比べるとコンパクトに収められていますね。

ファーストビュー内の多くの犬の画像を掲示することで扱ってるペットの多様性をアピールするのと同時にユーザーの所謂「ワクワク感」を与え、サイト内での停滞率が高まります。

次に上部にある「ホーム」「はじめての方へ」などのアクションボタンですが、ペットンと比べるとボタンの大きさは妥当ですね。また具体的なボタン(検索・店舗情報・)は同様として抽象的なボタン(はじめての方へ・サービス案内・安心へのこだわり)が導入されていますね。そのボタンが押されることがなくてもボタン自体が良し悪し含めてユーザーに心象を与えます。例えば、「安心へのこだわり」ボタンに関しては見るだけで店が安心面に関してこだわっていることが分かりますね。

「はじめての方へ」ボタンは初見ユーザーに対して向けて設定がされていますが、実際に押す人がどれほどいるのか・必要性が疑問です。ユーザーが求める情報の優先度を検討する必要性がありますね。

【ペット領域】検索エリア一覧画面のUIUXデザインを比較してみた

【ペットンの検索エリア】

ペットンでは情報のメリハリをはっきりとしており、文字を置いただけでなく動物のロゴデザインを導入することにより視覚的に分かりやすくなっています。背景も可愛らしいですね。また検索アクションは三回(種類・店舗・性別)のみで簡単に検索を行うことができます。(その他は二回)

【ひごペットの検索エリア】

「あなたのベストパートナーがきっと見つかる!」というキャッチコピーのもとに、検索アクションが多用であり細分化されているため、理想のペットに出会う可能性は高いです。こだわりが強い人にはオススメかもしれません。しかしながら検索にかかるアクションが多く、フォントも小さいため不便さが見られます。なのでフォントデザインを変更し、情報にメリハリをつける必要がありますね。また、動物のカテゴリー毎に色で分けていますが🐶🐈🐟などといった付加情報を与えることで視覚的に分かりやすくすると良いと考えられます。

【ペット領域】詳細画面のUIUXデザインを比較してみた

今回はファーストビュー及びペット検索画面を比較しました。それぞれのデザインに工夫されている面や少し改善したらもっと便利になりそうな面がありましたね。

字数的に少し長くなりましたので問い合わせフォーム編はこちらです。

https://cxbottle.com/users/idearahppy/hYnuPrXadYMMtvjaD4ky

【さらにCVR向上を検討している方へ】

【CX BOTTLE】を運営しているビーンズでは直帰率改善やLPOに使える具体的でCVRを改善する確度の高い施策を毎月提案する事業を行っています。

初回の打ち合わせでは無料でサンプルの提案を受けとれますので試しに利用してみてはいかがでしょうか。

ビーンズhttps://leango.co.jp/beans

記事スコア: 432

らぴの他の記事も読む

  • 世界的人気ゲーム「クラロワ」から見るCX事例

    皆さんは「クラロワ」というゲームをご存知でしょうか?「クラロワ」は「クラッシュ・ロワイヤル」の略称でありフィンランドのゲーム会社・Supercellが開発・運営している世界的人気アクションゲームとなっており、世界で1億以上のユーザーがいます。クラロワ公式サイト 続きを読む

  • 乙女向けリズムゲームのUI・UXデザインを比較してみた⓶ホーム画面編

    月日は白代の過客とやら、久しぶりに起動したアプリがサービス終了になっていて嘆いています。あゝ諸行無常かな。思い入れと思い出は比例し、喜怒哀楽あらゆる感情を受け入れる包容力を育てていきましょう。今回は前回の続きで下記の3作品のホーム画面のデザインを比較していきた 続きを読む

  • 乙女向けリズムゲームのUI・UXデザインを比較してみた ⓵タイトル画面編

    昨今の世界情勢と言えば陰鬱で暗い日々が続きますね。コロナに財政、人間関係のしがらみまで、現実世界は辛いことが多くありませんか?そんな日々だからこそ、老若男女、乙女も乙男も腐女子も腐男子も皆さん揃って、非日常の世界へ飛び込み、充実感と光を与えてくれる「アイドル」 続きを読む

  • ノムリッシュ翻訳サイトのUI・UXデザインを検討してみた⓶翻訳機能編

    さてさて今回は前回のファーストビュー編から続いてサイトのメインである翻訳機能について検討していきます。どのような機能か楽しみですね。ではでは☆彡racing-lagoon.info(https://racing-lagoon.info/)前回はこちらファースト 続きを読む

  • EFOに役立つ各企業EF事例 【フード領域】ピザ屋の入力フォーム編🍕

    お疲れ様です。今日で緊急事態宣言が解除され自粛生活も少しは改善されると思われますが、まだまだ気を緩めずにいきたいですね。さて、昨今の自粛生活に伴いデリバリーサービスの需要は高まっています。今回はそのようなデリバリーサービスの入力フォームを比較検討していきたいと 続きを読む

  • EFOに役立つ各企業EF事例 【フード領域】お持ち帰り寿司のフォーム編🍣

    お疲れ様です。青嵐日和につきヤンチャ風が様々なモノを運んできます🍂さて今回は寿司屋のウェブ注文可能のお持ち帰り入力フォームを比較検討していきたいと思います。フォームの比較検討を行うことでそれぞれのデザインを参考し、より良いフォーム作成、CVR改善につながると 続きを読む

  • EFOに役立つ各企業EF事例 【フード領域】デリバリーサービス入力フォーム編🏍

    お疲れ様です。昨今では緊急事態宣言が解除されつつあり人混みもチラホラと見えてきています(通勤・通学時のは人口密度は相変わらずですが笑)。さて、時代の影響もありデリバリーサービスの需要は高まっています。コミュ障・出不精の私にとってはサクッと頼むことができ、急な訪 続きを読む

  • ノムリッシュ翻訳サイトのUI・UXデザインを検討してみた ➀ファーストビュー編

    …やぁ、ここであったが百年目だね…今回はノムリッシュ秘されし真実と生きる元老院のUIUX錬成を検討していく…まるで異界<ビヨンド>にある虚の中でのようによ(訳こんにちは。今回はノムリッシュ翻訳サイトのUIUXデザインを検討していきます。)ノムリッシュ語の由来は 続きを読む

  • 補足:陰鬱な日々にさよなら!? ペット業界のUI・UXデザインを比較してみた🐶🐱

    ぼんそわーるm(__)m今回は前回の補足でペットショップの問い合わせフォームの比較を行っていきたいと思います。フォームの比較検討を行うことでそれぞれのデザインを参考し、より良いフォーム作成、CVR改善につながると考えられます。扱うサイト様ペットン(https: 続きを読む

  • EFOに役立つ各企業EF事例 【フード領域】バーガー店のフォーム編🍔

    ご無沙汰しております。「いただきます」という言葉は英語だと該当する言葉がなく、訳するなら「Let's eat」ぐらいになるそうです。食べ物に感謝する姿勢は様々ですが、日本特有のこのアイデンティティは大事にしていきたいですね。さて今回はバーガー店のフォームを比較 続きを読む

  • EFO(入力フォーム最適化)に役立つ各企業EF・EFOツール事例まとめ

    お疲れ様です。人生は選択の繰り返しと言いますが、皆さんは最適な選択を行えていますか?サイト運営においてEF(入力フォーム)のデザインというものはCVRに強く影響があり、どの企業においても最適化、EFOを行うために工夫されています。今回はそのようなEFO事例につ 続きを読む

  • EFOに役立つ各企業EFOツール トライアル可能EFOツール編

    お疲れ様です。CVR改善にあたってEFO(入力フォーム最適化)は避けては通れない道です。今回はEFO改善に用いられるEFOツールのうち、無料を含めトライアル可能ツール一覧についてまとめていきます。トライアルツールは期間が短く、機能制限などの傾向があるため期待し 続きを読む

  • EFOに役立つ各企業EF事例 【フード領域】ファミレスのフォーム編🍴

    さて今回はファミレスのスマホ版のメニュー及び検索フォームを比較検討を行っていきます。飲食店ではどのようにメニューを表示するか、見せ方次第で売り上げも変わってきます。フォームの比較検討を行うことでそれぞれのデザインを参考し、より良いフォーム作成、CVR改善につな 続きを読む

  • 初心者でもできる簡単サイト形成-WordPressを用いて

    昨今ではウェブマーケティングへの関心も高まってきており、様々なプロダクトが広まっています。アフィリエイトサイトを作成したり、フリーランスで様々な活動を行っている方も少なくはないと思われます。サイト運営の際、CVRなどに関するトラブルや問題が生じた時【CX BO 続きを読む