あなたのeコマースサイトを殺している7つのモバイルUXの失敗

eコマースサイトのモバイルユーザーエクスペリエンス（UX）を管理していない場合、顧客と収益を失うことになります。 それは当然のことです。 モバイル向けの最適化はオプションではありませんが、必須です。 Google自身の調査によると、優れたモバイルUXは「ユーザーを顧客に変える」ことができます。 しかし、それを間違えると、彼らは他の場所に行きます–速く！

これは問題ではないと思いますか？ もう一度考えて。 KISSMetricsブログに公開された調査によると、ローカルビジネス情報のモバイル検索の78％が購入につながっています。 Coupofyのこのインフォグラフィックは、モバイルコマースがどれほど急速に成長しているかを示しています。

モバイルデバイスとGoogleの最近の「mopocalypse」アップデート（すでに一部のブランドを傷つけている）を使用している膨大な数の人々にそれを追加すると、eコマースサイトを修正する十分な理由があります。 悲しいことに、誰もがそうするわけではありません。そのため、UXは次のように失敗します。

1.モバイル最適化なし

これは、完全な失敗ほどUXの失敗ではありませんが、最大の問題は、モバイル向けに最適化できないことです。 あなたのことはわかりませんが、携帯電話やタブレットでサイトにアクセスしようとしたのは、マウスのクリックと読み込み時間に対応した、カメがスピーディーゴンザレスのように見えるユーザーインターフェイスに苦労したためです。 これらのUXの詳細は後で失敗しますが、これには言い訳がありません。

グーグルはモバイルサイト最適化のためのいくつかの受け入れ可能なオプションをリストしているので、あなたがしなければならないのはあなたのニーズに最も合うものを選ぶことだけです。 多くの人がレスポンシブデザインを求めていますが、これがeコマースサイトにとって常に最良の選択であるとは限りません、とSEMRushは言います。

これは、クライアント側の選択によってWebページのフォーマットとサイズが大きくなると、ページの読み込みが遅くなり、ビジネスが失われる可能性があるためです。 別の方法は、特定のデバイスに最も適したコンテンツですべてのWebページが最速で読み込まれるようにするアダプティブデザインです。

eコマース小売業者にとって、潜在的な見返りは莫大です。 UserTesting.comで公開されたケーススタディは、モバイルデバイス用に設計されたサイトを持つことで、2桁の変換最適化の利益が得られることを示しています。これは、あなたのポケットのお金です。

2.それは指に食料調達しません

一部のサイトにはモバイルオプションがありますが、そのオプションにはデスクトップの感覚があります。 私は小さなリンクテキストや小さなタップターゲットのようなものについて話している。 モバイルデバイスの画面で何かを選択しようとすると、デスクトップ上のマウスポインタほど正確ではありません。 画面上で何かを選択しようとするたびに、間違った場所に行き着くと、非常に煩わしくなります。 私のお気に入りのフィードリーダーであるFeedlyでも、却下するつもりだったリンクを誤って保存してしまうことがよくあります。

人々があなたのサイトで彼らが望む場所に行くことができないならば、彼らが感じる欲求不満は彼らを追い払うでしょう。 以下の例には適切なタップターゲットがありますが、グラフィックはスペースを取りすぎています。

その間、他の人気のあるデザイン機能であるカルーセルまたはスライダーについて話しましょう。 私は彼らが嫌いで、私だけではありません。 デスクトップで一緒に暮らすことはできますが、モバイルデバイスでは、必要な情報を取得するのに時間がかかりすぎることを意味します。 カルーセルを使用して製品を紹介している場合は、分析を確認して、顧客の反応を確認してください。 あなたの最善の策：それらを避け、代わりに大きなボタンを使用してください。

3.ユーザーが必要なものを見つけることができない

何年にもわたって、コンピューターを使用してWebを閲覧しているときに、検索ボックスに入力するように訓練されてきました。 これは、モバイルデバイスでは必ずしも簡単ではありません。 eコマースサイトには数千のページがある可能性があるため、ナビゲーションと検索は常に課題です。 人々は通常次のことを望んでいます：

• 製品または製品の詳細を検索する
• 配送と配送に関する情報を調査する
• アイテムを購入する

あなたの仕事は、モバイルデバイスユーザーにとってこれを可能な限り簡単にすることです。 人々が必要な情報を見つけることができず、それが流れを妨げる場合、彼らは顧客体験が悪く、購入しない可能性があります。

これを修正する方法には、配送と配送をページに組み込むことでわかりやすくすることや、ボタンや折りたたみ可能な直感的なメニューなど、オートコンプリートでモバイルフレンドリーなナビゲーションオプションを使用してユーザーがアイテムを簡単に見つけられるようにすることが含まれます。 詳細については、Bruce ClayIncのこの記事をご覧ください。

4.そのフォームは吸います

フォームについて話してもらえますか？ わかった; 本当です。 配送情報と顧客情報を収集する必要がありますが、PCユーザーにとって機能する長くて複雑なフォームは、モバイルデバイスユーザーにとってはまったく間違っています。 タブレットやフォームにフォームを記入することは、しばしば拷問のように感じます。 あなたの顧客がそのように感じれば、彼らは気にしないでしょう。

代替手段は何ですか？ 重要な情報またはクリックして電話をかけるリンクのみを収集する短いフォーム。 ソーシャルサインオン。顧客がすでにデバイス上に持っているアプリで動作するように設計されている場合。 または、フォームがまったくありません。 統計は、短い形式の方が変換が優れていることを示しています。 インスピレーションを得るためにこれらの例をチェックしてください。

フォームについて話している間、登録について話しましょう。 小売業者として、顧客情報を取得したいのですが、それをすぐに実行しようとすると、失敗する可能性があります。 代わりに、必要なすべての情報を提供することで、彼らが固執する価値があることを証明してください。 Asosサイトに初めてアクセスしたときは、お気に入りのアイテムを保存してバスケットに追加し、購入に必要な最小限の情報を入力できるので、私はいつもAsosサイトが好きです。 後で詳細情報を収集するのに十分な時間があります。

情報を入手する前にサインアップする必要がある場合、私が欲しいものを持っているという証拠がないため、インセンティブはありません。

5.チェックアウトが最適化されていません

Custoraによると、モバイルeコマースは2014年末のオンラインホリデーセール全体の約5分の1を占めています。 これらの顧客を失いたくない限り、モバイルチェックアウトの世話をする必要があります。 ページ速度、タップターゲット、登録不要など、これに関するいくつかの側面についてはすでに説明しました。 これに関するSmashingMagazineの記事はしばらく前から出回っていますが、それでも理にかなっています。 次のような領域を強調しています。

• 気を散らすことのないチェックアウトページ
• プログレスバー
• セキュリティ情報
• ゲストチェックアウト

注目すべき他の領域がいくつかあります。 フォームの件名に戻ると、フィールドラベルをフォームフィールドの代わりにフォームフィールドの上に配置することは、顧客が入力することになっている情報を不思議に思う必要がないことを意味します。 また、モバイルデバイスの統合を使用して、ユーザーがテンキーで数字を入力できるようにすることも役立ちます、とFormismoは言います。

全国的またはグローバルに販売している場合は、チェックアウトで適切なロケールを検出して、顧客が適切な通貨と配送情報を確認できるようにする必要があります。Amazonは、デスクトップの買い物客に対してもこれを行います。 また、永続的なショッピングカートを使用して、チェックアウト/ショッピングバスケットを簡単に表示してアクセスできるようにすることもお勧めします。 上記の例では、Asosはいくつかのことを正しく理解していますが、テキストが小さすぎます。

6.モバイルユーザーの行動の誤解

モバイルユーザーはPCユーザーとまったく同じではないため、モバイルデバイスではユーザーの行動について考えることが重要です。 調査によると、彼らは迅速な購入決定を下すので、PCの買い物客に役立つ長いコピーを忘れて、必要な情報をできるだけ早く入手できるようにします。 これが、モバイルUXを機能させるための最良の方法です。

しばらくの間、マルチスクリーンの世界でした。 つまり、顧客はスマートフォンでトランザクションを開始し、タブレットまたはデスクトップコンピューターでトランザクションを終了することができます。 つまり、移行をできるだけスムーズに行うには、シームレスなエクスペリエンスと保存された情報が必要です。 ユーザーIDでセッションを追跡できる分析データを介してこれを確認してください。

コンバージョンと売り上げを向上させるための重要なルールは、ユーザーが望むものを提供することです。したがって、推測しないでください。 最新のモバイル小売データによると、多くの顧客は製品の詳細とセキュリティを見つけることに懸念を抱いています。どちらもこの記事で提案されているように対処できます。

7.その他のUIの問題

優れたユーザーインターフェイス（UI）は、必ずしも優れたUXに変換されるとは限りませんが、役立ちます。 次のようなエラーに注意してください。

• 動作しないリンク
• モバイルユーザーをデスクトップインターフェイスにリダイレクトする
• 重要な変換ページが乱雑
• 読みにくいテキスト（以下の例では、いくつかの小見出しと大きなフォントが役立ちます）。

顧客のUIとUXの両方を改善するための基本事項に焦点を当てます。

結論は？

優れたUXは、潜在的な顧客があなたのサイトを信頼し、あなたから購入したいと思うのに役立ちます。 したがって、コンテンツに最適な配色やピクセル幅にとらわれないでください。 全体的なエクスペリエンスと、ユーザーが購入を完了するために必要なものを手に入れることができるかどうかを考えてください。 結局のところ、それはeコマースの成功の印です。

サイトがモバイル対応かどうかわからない場合は、携帯電話やタブレットで試してみるか、Googleのモバイル対応テストツールを使用するか、モバイルエミュレータを見つけて外観を確認してください。 着陸からチェックアウトまで、うまくいかない場合は、顧客にもうまくいかない可能性があります。 この105のUXのヒントのリストをチェックして、最初に修正する必要があるかもしれないものを確認してください。