今月初めにUXの記事に参加していただければ、あなたのWebサイトに不可欠な25のUXデザイン要素について説明したことをご存知でしょう。.

基本的な考え方は次のとおりです。UXデザインとは、ビジターの頭の中に入るということです。それは、ユーザーにとってシンプルでシームレスで楽しいエクスペリエンスを作成することです。情報を迅速に提供し、さらに笑顔にすることを目的としています.

優れたUXデザインは、訪問者のドーパミンと幸せを刺激します。そして、それは彼らがあなたを信頼する可能性を高めます。重要なことに、それは彼らがあなたから購入する可能性を高めます.

前回のUXデザインに関する記事の25の基本を確認した後、実際の動作を見てみましょう。具体的には、eコマースウェブサイトのUXデザインを検討しています.

これらのWebサイトで巧妙なUXデザイントリックを使用して、訪問者に購入を促す方法?

1.アソス

私はアソスの例をよく使いますが、それには十分な理由があります。彼らのUXデザインは素晴らしいです.

すべては、ノックアウトの価値提案から始まります。素晴らしい画像、シンプルな説明、「無料配達」の保証、そして男性または女性のセクションにあなたを導く明白な行動の呼びかけ.

asos2

優れたUX機能の1つはビデオキャットウォークです。そのため、訪問者は実際に服装がどのように見えるかを確認できます。それは顧客にアイテムの可能な限り最高のビューを提供し、購入する自信を与えます.

また、「クイックビュー」と呼ばれる優れた新機能も備えています。彼らの製品ページで「クイックビュー」をクリックすると、小さなポップアップが表示され、追加の画像と必要なすべての情報が表示されます。これにより、顧客が別のページに行ったり来たりする必要がなくなります。シンプルで直感的なデザイン.

アソス

2.ザラ

ザラのウェブサイトはシンプルさのマスタークラスです。クリーンで直感的で制限があります。これは、ヒックの法則への賛辞です。ナビゲーションの選択を制限し、ユーザーに明確だが制限されたオプションを提供する設計原則.

あまりにも多くのオプションがあなたの訪問者を圧倒するという考えです。選択肢を減らすことで、彼らはより自信を持ちます。この投稿では、より優れたナビゲーションについて見ていきますが、Zaraは最高のナビゲーションの1つです.

ザラ

3. Abof

Abof(All About Fashion)は、自社のWebサイトで巧妙なUXトリックを使用しています。ホームページにアクセスすると、従来のeコマースサイトのようには見えません。代わりに、ブログのように見えます。視聴者を刺激するジューシーなコンテンツが満載.

わからない

その後、彼らのストーリーや記事の中で、「ショップストーリー」と呼ばれる目立つセクションで服を強調します。前回のUX記事では、視聴者との関係を構築することの重要性について説明しました。 Abofは、これを関連性のあるストーリーとコンテンツで完璧に実現.

abof 2

顧客が刺激を受けて初めて、何かを売り込もうとします.

彼らの製品ページには、「マイクロインタラクション」の完璧な例である便利な「スタイルのヒント」のメモがあります。.

abof 3

また、顧客が正確な測定を行うための「サイズガイド」を持っていることにも注意してください(衣服が合わないという恐れが、ショッピングカートを放棄する最大の理由の1つです)。また、「推定配送」セクションを使用して、顧客にさらに多くの情報を提供します.

4.ベルクハウス

Berghausはアウトドアウェアのブランドですが、着陸してから1秒以内に、.

ベルクハウス

これは、対象となる視聴者を深く理解し、できるだけ早く彼らとつながることを保証するブランドです。最初のヒーローショットは刺激的な招待状です。それはコミュニティとつながり、あなたを誘惑します.

唯一の欠点は?より強力な行動を促すフレーズは、本当にここでの取引を封じるでしょう.

5.アップル

あなたは、UXデザインで卓越する設計と革新を中心に据えた企業に期待します。開始のために彼らの製品ページをチェックしてください.

彼らは視差スクロールを使用して画像を動的にし、ユーザーを引き込み、出口ポイントを排除します。あなたはアップルの世界に没頭しています.

スクリーンショット2016-07-28 at 8.43.00 AM

巧妙なアニメーションは、新しい3Dタッチのように、製品の動作を正確に示します。ギャラリーをスクロールすると、対話して探検することができ、巧妙なコピーは、新しいiPhoneがあなたの人生をどのように改善するかを正確に伝えます(機能の長いスペックリストではなく).

彼らのナビゲーションはシンプルでクリーンで、オプションをさらに差別化するために画像を使用するのが好きです(私たちはウェブをスキャンするので、言葉は互いに混じり合う傾向があります)

りんご2

チェックアウトプロセス中に、購入時に専門家とチャットするオプションが提供されます。シンプルですが便利なトリックです。初心者は簡単に説明できますが、自信を持って購入者がクレジットカードを入手するのを妨げることはありません。.

6.ベルロイ

比較的新しいeコマースの販売者であるあなたの最初のタスクは、他の人との違いを顧客に示すことです。 Bellroyは、スリムでコンパクトなウォレットのシリーズでこれを完璧に実現します.

ベルロイ3

さらに良いことに、製品ページでは、すべてのウォレットに独自のビデオがあり、ユニークな機能をすべて顧客に紹介しています.

ベルロイ4

7.滑走路を借りる

Rent The Runwayにはかなりユニークなコンセプトがあります。ドレスや衣装を購入するのではなく、数日間借りることです。これは、二度と着用しない可能性のある服装を身に着けたくない結婚式やイベントに最適です。.

ウェブサイトはコンセプトを簡単に紹介し、次にユーザーとの対話を促して、機会を選択するように促します.

滑走路賃料

配達カレンダーの追加マークもあり、いつ着くのか、いつ返す必要があるのか​​を顧客に正確に知らせる.

滑走路賃料2

とてもシンプルですが、とても安心できます.

8.アマゾン

Amazonは世界最大のeコマースウェブサイトであり、率直に言って最高の1つです。あなたはUXデザインの例としてそれらの機能のいずれかを選ぶことができます.

巧妙なバンドルから顧客の推奨まで、ユーザーのニーズを予測して提供します。しかし、今日強調しているのは、ワンクリック注文システムです。.

アマゾン

これは、Webでのチェックアウト効率の最良の例です。 eコマースのUXデザインの中核は、カートとチェックアウトプロセスです。滑らかなほど良い。ワンクリックで注文するよりもスムーズになりません!

9.かすめる

あなたが知る必要があるすべてを伝える画像。個性的な表現とデザイン。新規ユーザー向けの即時割引と、行動を促す大胆な行動計画.

こする

これはUXデザインのシンプルなマスタークラスです.

10.トップショップ

UXデザインに関しては、多くの製品を販売するショップの方が大変です。どのようにジーンズのすべての異なるペアを整理し、それらを提示しますか?

幸い、TopShopには素晴らしい計画があります。ページに沿って浮かぶ大きくて分厚いフィルターダイヤルを使用すると、製品のスタイル、色、フィット感、価格を常に調整して変更できます.

トップショップ2

さらに涼しいことに、マウスをホバーすると、すべての製品がモデルの写真に切り替わります。それは相互作用を促進し、顧客にアイテムをよく見てもらいます.

11.抗議

抗議行動は、ウェブ上で最大かつ最も太いナビゲーションを備えているだけかもしれない.

P

明確で簡潔で、整然としています。また、顧客が立ち去る可能性も減少します。青色は、顧客の注意を必要な場所に正しく保ちます.

抗議活動では、サイト全体で多数の小さなアニメーションを使用しています。スクロールするとトリガーされます。それは顧客の注意を維持し、相互作用を促進し、サイト全体をダイナミックに感じさせます.

12.新しい外観

New Lookは、革新的なバスケットのリストに載っています。常にナビゲーションバーに表示され、そこにあることを通知する太字のインジケータが表示されます.

新しい外観2

クリックしても、別のページにドラッグすることはありません。代わりに、側面からスライドパネルが動き、バッグの中身が表示されます。つまり、顧客が迷うことはなく、いつでも簡単にチェックアウトできます。.

新しい外観

13.鉛筆、53

60ドル近くでスタイラスペンを販売する場合は、本当に販売する必要があります。幸いにも、53歳の「鉛筆」は、UXデザインのいくつかのトリックを使用して優れた仕事をします.

彼らは長い視差スクロールページを使用してすべての機能を説明し、それで何ができるかを正確に示します.

鉛筆2

また、優れたレビューを活用して、他の選択肢よりもはるかに優れている理由を説明しています。 「Wired」からの引用を使用することは、製品に信頼性を与え、その利点を概説する素晴らしいトリックです.

鉛筆

14.ファームドロップ

UXデザインに関する前回の記事では、ターゲットオーディエンスに共感し、彼らとつながることがいかに重要であるかを説明しました。 Farmdropは、ミッションステートメントを前面および中央に配置することでこれを実現します.

ファーム

彼らは「何マイルも離れた場所からの食料を見るのにうんざりしている」。これは、ほとんどのお客様が利用できるものです。彼らがあなたに何かを売ろうとする前に、彼らはあなたとつながり、あなたに買う理由を与えます.

15.シド・マッシュバーン

小さなアイコンが付いた、もう1つの優れたドロップダウンメニュー。これは、豊富なメニューを理解するのに役立つ簡単なトリックです。さらに、それはウェブサイトにもう少し個性を与えます.

アイコン

16.スローウォッチ

これは片手だけの時計です。これはかなりユニークなコンセプトなので、説明が必要です。スローウォッチは、フルスクリーンの説明ビデオでこれを非常にうまく行っています.

遅い時計

彼らはコンセプトを説明するだけでなく、それを作成することの背後にある彼らの哲学(顧客とのつながりに素晴らしい)についても話し、彼らは理想的なオーディエンスを強調してターゲットとする美しい画像を使用します.

17. Firebox

アイテムが通常のカテゴリに収まらない場合は、クリエイティブにしましょう。 Fireboxは、珍しい贈り物や無礼なアイテムを専門としています。上位50のチャートは、最も人気のある製品を探索するのに最適な方法です.

画像

ボックスのレイアウトは製品をすばやく閲覧するのに最適であり、多くの画像は動的で動きがあり、顧客と対話します.

彼らはギフトを専門としているため、ナビゲーションバーに「ギフトファインダー」もあり、選択肢を絞り込むための素晴らしい方法です.

18.レイジーオーフ

多くの場合、オンラインショッピングはまったく同じように感じられ、多くの人は雑誌やカタログをフリックする古いプロセスを見逃します.

Lazy Oafは、クールな「ルックブック」セクションでこれを復活させました。服を一枚ずつレイアウトするのではなく、さまざまな組み合わせで一度に衣装を見せます。結局、それは彼らがカタログを見るのにかつて使用された方法です.

レイジーオーフ

画像をクリックすると、「クイックバイ」ボックスが表示され、3つのアイテムをそれぞれ選択できます。昔ながらの買い物に没頭できる方法です.

してはいけないこと!

他のウェブサイトをばらばらにするのは好きではありませんが、いくつかの有名人が誤解しています…ここに最悪の犯罪者の1人か2人がいます.

1.ハウスオブフレーザー

彼らは世界最大のデパートの1つですが、ウェブサイトを読み込むとすぐに大きな間違いを犯します。.

すぐに、ニュースレターの購読を求めるフルページのポップアップが表示されます。.

フレーザーの時間

有名店であるにもかかわらず、ほとんどの買い物客を後押しする非常に強引な戦術です。これが第一印象です。メールアドレスを尋ねる前に、訪問者を教育し刺激するユーザージャーニーを作成することをお勧めします.

それだけでなく、彼らのニュースレターにサインアップする本当の動機はありません。バウチャーコードの割引はここでの素晴らしいオプションであり、顧客が侵略的なポップアップを許すのを助けるかもしれません.

2.ウォルマート

ウォルマートは厳しい挑戦をしています。彼らはほとんどすべてを販売しているので、どのように分類してシンプルにするのですか?ええと、よくわかりません…しかし、このようにはなりません…

ウォールマート

残念ながら、これはあなたが探しているものを見つけるのがほとんど不可能であるカテゴリのごちゃごちゃです.

ここで行われている情報が多すぎます。ユーザーに提示するオプションが多すぎると、パニックになって去ってしまうことがよくあります。.

3.レイバン

レイバンのほとんどのWebサイトは非常にユーザーフレンドリーであるため、これは少し意味のある選択です。実際、それはたくさんのクールな機能を持っています.

しかし、彼らは多くの電子商取引サイトが顧客を本当に困らせるようなことをしています。この:

レイバン

おそらくこのようなページを100回目にしたことでしょう。それほど悪くはないように見えますが、実際には販売の障壁がもう1つ作成されています.

リピーターの場合は、作成したパスワードを考えて忙しいでしょう。それを思い出せない場合は、「パスワードを忘れた」プロセス全体を実行する必要があります。あなたはいつでもその顧客を失う可能性があります…

新規顧客の場合は、ゲストの購入手続きがありますが、クリックする別のボタンを提供するだけです。クリックする別の機会.

この時点で、顧客はカートと購入プロセスから完全に切り離されています。ドラッグせず、セールをロック!

優れたUXデザインとは、顧客が物事を簡単にできるようにするための小さな調整のすべてです。これらの18のWebサイトはそれを完全に行います.

自分のWebサイトで使用する機能?

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me