eコマースは好きだが嫌いな3つの一般的なUIトレンド

デザインコミュニティがインターネット上で広めた危険な小さな嘘があります。 すべての定着した神話のように、それは少しの真実に固定されているので、取り除くのが難しくなります。

残念ながら、eコマースは嘘をつくことに対して特に脆弱であるようです。

真実： 「買い物客が跳ね返って二度と戻ってこない前に、買い物客の注意を引くのにほんの数秒しかありません。」

嘘： 「買い物客が去る前に、買い物客を本当に「すごい」にするために必要なことは何でもしなければなりません。」

これが問題です。買い物客は「すごい」とは思っていません。 彼らは解決策を探しています。 彼らは自分たちの問題、必要性、欲求、渇望などを解決する製品を探しています。要点は、彼らは「何か」を探しているということです。

あなたの最初の目標は、買い物客が正しい場所にいることを納得させることです。 買い物客が探しているものを簡単に「見つける」ことができます。

あなたの店の有用性が欠けているならば、どんな量のデザインもあなたの買い物客を変えません。 MOMAの次善のデジタル版になることを目指しているのでない限り、買い物客はあなたのサイトで購入することになります。

もちろん、デザインと美学は重要です。 印象的な機能を備えた見栄えの良いサイトを持つことは役割を果たしますが、それらは最後のタッチポイントです。 それらは直感的な体験を補完します。 彼らはそれを作成しません。

では、eコマースストアがUIを間違える最も一般的な方法は何ですか？

コンバージョンキラーのフロントとセンターを使用しています

それは死なないトレンドです。 「それは機能しません」と叫ぶすべてのデータに直面して、それらは消えません。 あなたがeコマースストアを持っているなら、それはほとんど保証です、あなたはおそらく有罪です。

画像スライダー、回転バナー、自動転送カルーセルについて話しています。 あなたがそれらを何と呼ぶか​​に関係なく、彼らはコンバージョンキラーです。

研究が証明された後の研究、買い物客はこれらを嫌います。 最高の状態では、最初のスライドの平均クリック率は1％です。 以降のすべてのスライドは、実質的かつ完全に無視されます。

他の多くのeコマース所有者が明らかにしているように、あなたはあなたの店が違うと思っているかもしれません。 業界の統計はさておき、あなたは例外です。

さて、それに対処しましょう。

私たちは皆、習慣の生き物だと認めることができますか？

それは悪いことではありません。 私たちはしなければなりません。 私たちが毎日得ている情報の量では、習慣やパターンに頼らなければ機能することができませんでした。 私たちは優柔不断で麻痺するでしょう。

対処して機能するために、私たちは私たちの世界をナビゲートするためにメンタルモデルに依存しています。 そうすることで、これは私たち全員が従う行動のパターンを作成します。

これらのパターンの1つは、「バナーブラインドネス」として知られる行動を発達させました。 簡単に言えば、私たちがオンラインになっているときは、リモートでさえ広告のように見えるものはすべて無視します。

スライダーで買い物客の注意を引くことになったとしても、データはそれが一目見ただけであることを示しています。 情報は処理されません。

そして、これは新しいことではありません。 私たちのバナーの盲目は、1997年以来、物事であり、声を上げてきました！

さらに、あなたが特に巧妙で、スライダーが広告のように見えない場合でも、ページの上部を無視するように条件付けられています。 デザイナーやマーケターはフォールドの上をターゲットにすることが多いので、トップを無視して「実際の」コンテンツまでスクロールダウンします。 実際、私たちの注意力の66％近くがフォールドの「下」で費やされています。

アイトラッキングヒートマップ。 ユーザーからのそのプライムスクリーンの不動産へのすべての愛を見てください;）

スライダーの悲惨なコンバージョンの見通しを考慮に入れると、ページの速度も遅くなります。 1つの効果的なパネルの代わりに、ページを完全にロードするために必要なリソースの量を説明しています。

さらに悪いことに、スライダーは何よりも、何を言うべきかわからないということを言っているので、すべてを言おうとしています。

また、多くの場合、スライダーには編集コントロールがありません。 したがって、各スライドは、韻や理由がなく、次のスライドとは完全に異なって見えます。 見た目が異なるだけでなく、CTA戦略は、階層的な順序やまとまりがなく、ばらばらになっていることがよくあります。

さらに、一般的なユーザビリティの観点から、スライドは動きが速すぎて消化できないか、遅すぎてすべてを見ることができません。 彼らはナビゲートするのが難しいです。 特にモバイルでは使いにくいです。

そのスライダーをストアフロントからドロップする必要がある理由について、さらに多くの証拠が必要ですか？ これが2011年から続いているスライダーに関するUXスレッドです！

あなたが罪を犯している可能性が最も高い次のUI違反は、スライダーの現代的なひねり、非常に人気のある背景ビデオです！

あなたは私を楽しませるためにここにいますか？

この傾向は今日非常に大きく、それをやめるべきだと言うのは少し議論の余地がありますが、ここで私を外します。

私たちはあなたが持っているその超クールな背景ビデオについて話しているので、みんなに「Ooooo！」と言わせます。

まず、お聞きします。 なぜあなたはバックグラウンドビデオを持っているのですか？

その理由はロケット科学ではありません。 あなたはそれらが好きです。 他の人は彼らが好きです。 あなたはそれをしている他のあらゆる種類のウェブサイトと店先を見ます。 それはあなたの物語を語ります。 それは雰囲気を設定します。 それは簡単です。 背景ビデオはそれがどこにあるかです！

それはあなたを説明していますか？

ほとんどの人はあまり考えずにそれらを投げますが、あなたはこのアプローチであなたが一人ではないと考えるのをやめましたか？ たぶん、たぶん、あなたは他の人をコピーしている、他の人をコピーしている、他の人をコピーしている、ということがあなたに起こりましたか…

私はニュースを壊すのは嫌いですが、デザイナーはそうします。 彼らは他の人からたくさんコピーしたり、インスピレーションを得たりします。 設計者がデータを使用して自分の行動に影響を与えることはめったにありません。 見栄えが良ければ、見栄えもします。 簡単に売れます。

バックグラウンド動画がコンバージョンやその他のサイト指標に対して実際に何をしたかを確認するためにテストしましたか？

「はい」と答えることができ、すべての数字が金色である場合、ストアフロントがバックグラウンドビデオを使用しない場合よりも使用した場合の方が優れていることを統計的に証明できる場合は、先にスキップできます。

しかし、それができない場合は、「私のバックグラウンドビデオは実際に私のために何をしているのか」と自問する必要があります。

ええ、ええ、私はあなたが言っていることを知っています。 それはあなたの物語を伝えるのに役立つのであなたはビデオを必要とします、それは全体の経験のための雰囲気を設定します。

わかった。 絶対。 あなたのビデオは特定の美学を設定しますが、魅力的は使用可能を意味するものではありません。

風邪を引いてそれについて計算すると、ほとんどの場合、気が散るだけです。 私たちの目は動きに惹かれます。 ビデオを見ることはあなたの店のコンバージョン指標でない限り、あなたは意図された目標から買い物客の気をそらしていることになります。 あなたの買い物客はもはやあなたの見出しと主要なCTAを見ていません、彼らはその背後にあるものを見ています。 つまり、彼らが実際にビデオを見ることができれば、それについては後で詳しく説明します。

あなたの美学とストーリーがコンバージョン率にとって非常に重要である場合、バックグラウンドビデオはそのメッセージを伝えるための非効率的な手段です。

すぐに、ビデオは気が散ります。 どこをクリックすればいいのかわからない。 スライダーになるための追加のボーナスポイント

美的問題の場合は、画像で設定できます。

「いいえ、できません！ 画像はビデオほど強力でもセクシーでもありません」とあなたは言いますか？

私が答えるのは、「確かにそうです。 実際、画像はビデオよりも簡単に7.12％セクシーです！」 うん、背景画像は実際には背景動画よりも7％良く変換できます。

多分それはあなたにとって美的な問題ではなく、物語の問題です。

その場合は、代わりに製品または機能のビデオを作成する必要があります。 ユーザーが実際に制御および操作できるビデオでストーリーを伝える方がはるかに効果的です。

さらに、製品ビデオによってページの読み込み時間が長くなることはありません。 すべてのデバイスからアクセスできます。 彼らは直感的です。 何よりも、コンバージョンの平均が144％増加する可能性があります。

ビデオを使用して売上とユーザーエンゲージメントを向上させる場所と方法の完璧な例

これにより、ストライク1からストライク2になります。

バックグラウンドビデオがページの読み込みに信じられないほどの重みと時間を追加していることをご存知でしょう。 ビデオを非同期でロードしている場合でも、ロードする必要があります。 したがって、ページが数秒間読み込まれないようにするか、ビデオを配置する場所に大きな空白のボックスを残すことができます。

動画の読み込みには時間がかかります。1秒の遅延でもストアのコンバージョン率にどのような影響があるかは誰もが知っています。

もっと推論が必要ですか？ これについて考えます。

AkamaiとGomez.comのデータによると、買い物客の79％は、ウェブサイトのエクスペリエンスが遅い（つまり悪い）ために店に戻らず、買い物客の44％は友人に悪い経験について話します。

ページの読み込み速度が遅いため、悪意がある場合は多くのことを行います。

別の言い方をすれば、「eコマースストアが1日あたり10万ドルを稼いでいる場合、わずか1秒のページ遅延で毎年最大250万ドルの売り上げを失う可能性があります。」

さて、あなたのバックグラウンドビデオが実際にあなたのコンバージョンを増やしていることを証明できない限り、それはきれいに見えるのでそれを維持することはそれだけのリスクの価値がありますか？

コンバージョンを殺している次のUIトレンドは、デザイナーの親友であり、買い物客の最悪の敵です。

あなたは古代語を話している

古代の象形文字、別名アイコンを使用したナビゲーションの過度の単純化について話しています。

確かに、ミニマリストの外観はなめらかです。 それはプロ並みです。 最先端です。 省スペースです。 しかし、買い物客が行きたい場所にたどり着く方法をすぐに知らないと、買い物客は欲求不満になり、立ち去り、二度と戻ってこないでしょう。 混乱した心は決して買わない。

[出典]お金のアイコンは、払い戻し、ギフトカード、ベストセラー、または特別プロモーションを意味しますか？ うーん…

他の問題の中でも、アイコンは文化や人口統計によって意味が異なります。 ミレニアル世代のデザイナーにとって直感的なことは、顧客ベースの大部分にとって完全に気が遠くなるかもしれません。 家、印刷、検索のアイコンの外では、広く認識されているアイコンを見つけるのに苦労します。

テキストラベルを含めることに反対する最も一般的な議論は、ユーザーがそれを理解できるということです。 人々はショッピングカートと3つのバーアイコンが何であるかを知っています。 彼らは、製品を見たり購入したりしたい場合に何をクリックするかを知っています。

それはあなたが喜んで支持する議論ですか？ それが真実であったとしても、エンゲージメントとコンバージョンを1％増やすことができれば、それらの「醜い」 （つまり役立つ）テキストラベルを追加することを検討する価値はありませんか？

たとえば、検索アイコンはほぼすべての人に認識されますが、アイコンのみのアプローチでは、6％のエンゲージメント率が低下する可能性があります。 検索アイコンにテキストラベルを追加すると、16.17％増加する可能性があります。

さて、あなたの製品と二次アイコンを忘れましょう。 グローバルナビゲーションについて話しましょう。 ナビゲーションを非表示にするためにハンバーガーメニューを使用していますか？

もちろんそうですね。 これはスペースの節約になり、モバイルで広く認識されています。 そんなに、それはデスクトップの店先にさえ忍び込んでいます。

デスクトップの買い物客が非表示になっているときにナビゲーションを使用するのに5〜7秒長くかかる可能性があることをご存知ですか。 さらに悪いことに、買い物客の27％だけが非表示のナビゲーションを使用しますか？

Microsoftは、アイコンのみのツールバーに問題があることを認識しました。 彼らはアイコンとその位置を変えようとしましたが、それはあまり役に立ちませんでした。 助けになったのは、アイコンの横にテキストラベルを導入したことです。 それはすぐに使いやすさの問題を修正し、人々はツールバーをもっと使い始めました。

また、ユーザーはテキストラベルなしで6つのアイコンしか認識できないことも発見しました。これは、ソフトウェアを2年以上使用しているユーザーです。

アイコンに対するユーザーの理解は、過去の経験に基づいています。 アイコンの標準的な普遍的な受け入れと使用がない場合、テキストラベルが必要になります。

アイコンを使用する必要がありますか？ もちろんですが、テキストラベルを含めてください。 あなたの「遅い」買い物客のために、彼らがあなたから少し簡単に購入するのを手伝ってください。

5秒のルールを使用します。 何かに適切なアイコンを考えるのに5秒以上かかる場合は、効果のないコミュニケーションの選択である可能性が高くなります。 確かに、買い物客はそれが何を意味するのか見当がつかないでしょう！

端的に言えば、買い物客が探しているものを見つけることができない場合、彼らはそれを購入することはできません。 買い物客の忍耐力と好奇心に頼ることは、コンバージョン最適化戦略としては最善ではありません。

それはコンバージョンについてです。 それはあなたの買い物客の経験についてです。

それはあなたの個人的な好み、あなたが好きなもの、またはあなた自身の虚栄心についてであってはなりません。

あなたが例外であると考え、データがあなたに伝えていることを無視するのはばか者のアプローチです。 ユーザーエクスペリエンスの障害を克服するデザインに賭けないでください。 店舗のコンバージョン率に関しては、プレイするのは危険なゲームです。

結局のところ、あなたは売り上げを失う以上のことをしているのです。 あなたは買い物客をあなたのデジタル正面玄関に通すのにかかったすべての公平さを失っています-あなたは買い物客を苛立たせ、文字通りそうするためにお金を払っています。

すべてのエスカレーター、照明スイッチ、または自転車の動作が、すべて「美学」の名の下に異なっていると想像してみてください。

それがあなたの店であるとき、それはエキサイティングです。 「新しさ」にとらわれて、平均的な買い物客であることがどんな感じかを忘れがちです。

ユーザーの期待を台無しにすると、買い物客を混乱させ、迷惑をかけるリスクがあります。

デザイントレンドのようにばかげたことで買い物客を失ってはいけません。