優れたモバイルUX向けに設計する方法

公開: 2018-08-06

優れたモバイルUXを設計する方法は、ビジネスがWeb上で行うすべてのことの最前線にある必要があります。 何よりもまずモバイルを念頭に置いて設計しない限り、ビジネスは成功する可能性があり、成功するはずです。理由は簡単です。インターネットにアクセスする人々の一番の方法として、モバイルは長い間デスクトップを追い抜いてきました。言い換えれば、モバイル向けの設計に失敗する…できるだけ多くのサイト訪問者、リード、顧客を獲得することに失敗する。

統計を見てみましょう。

Smart Insightsによると、モバイルユーザーの数がデスクトップユーザーの数を超えた時点を過ぎています。この転換点は2014年に発生しました。それ以来、グローバルモバイルユーザーの数は積極的に増加し続けていますが、デスクトップユーザーの数はそれほど急速に増加していません。

結論：より多くのリード、訪問者、顧客が、デスクトップではなく携帯電話でWebサイトにアクセスするようになります。

コンバージョンを最大化したい場合は、まずサイトをモバイル向けに最適化する必要があります。今日、優れたモバイルUXはモバイルマーケティングでも成功しています。

見てみましょう。

優れたモバイルUXを設計する方法：統計によると

たとえば、モバイルファーストのデザインなど、ビジネスでの支出を正当化するための確かなユースケースを確立したい場合は、最近の購入方法と購入場所に関する統計を確認してください。証拠があなたを導くところに行きなさい。

コマースマーケティングを専門とするグローバルテクノロジー企業のCriteoは、米国だけでのモバイル販売が現在すべてのeコマーストランザクションの52％を占めていることを明らかにしたプレスリリースを発表しました。明らかに、効果的かつ成功裏に販売したいのであれば…優れたUXを備えた非常に効率的なモバイルプレゼンスが必要です。

これは、一見したところ、見た目以上のものを実際に明らかにする、もう1つの非常に興味深い統計です。

AdobeのMobileRetailReportによると、コンバージョンはモバイルよりもデスクトップで2.8倍高くなっています。これがモバイル向けに最適化することが重要ではないことを意味すると思われる場合は、もう一度考えてみてください。これは、特にモバイルが依然としてデスクトップよりも多くのトラフィックを占めるため、実際にはモバイルファースト戦略にコミットする理由です。

デスクトップでのコンバージョン率が高い理由は、モバイルエクスペリエンスが本来あるべきほど最適化されていないためである可能性があります。これは、そもそもモバイルでの買い物やコンバージョンを好まないためではありません。！！

モバイルサイトが完全に最適化され、デスクトップサイトよりも多くのトラフィックを受信し、デスクトップよりも多くのコンバージョンが見られるシナリオを想像してみてください。これらはすべて、優れたモバイルUXを実装したためです。

それはあなたの手の届くところにあります。これが何をすべきかです。

親指用のデザイン…ただし、主に親指用ではありません

モバイルユーザビリティは、人々がスマートフォンを操作することが知られているさまざまな方法すべてに基づいている必要があります。優れたモバイルUXを設計する方法は、証拠に基づくのと同じくらい常識です。

スマートフォンを使ってモバイルサイトをナビゲートして買い物をしている場合は、片手でスマートフォンを持ち、同じ手で親指を使ってユーザーを達成する方が便利だと思いがちです。目標。両手を使うのは不便だと思いたくなります（片方の手で電話をかけ、もう片方の手の人差し指を使ってユーザーの目標を達成します）。

しかし、この従来の知識は実際には間違っています。なぜなら、人々は片手だけまたは主に片手で電話を操作することを前提としているからです。

調査によると、人々が自分の携帯電話を持って操作する方法は、実際には6つあります。 6つの方法すべての設計に失敗したモバイルサイトは失敗し、UXが低下するため、コンバージョン率が低下します。

6つの方法は次のとおりです。

ゆりかご（片方の手で電話を支え、もう片方の手の親指でタップ）
押したままタッチします（片方の手で電話を支え、もう一方の手の人差し指でタップします）
横向きの両手（ニンテンドー2DS XLのような携帯型ゲーム機をどのように持つかを考えてください）
片手–最初の注文（片手で電話を持ち、同じ手の親指でタップする）
片手– 2次（片手で電話を持ち、同じ手の親指をタップしますが、開始位置を高くします）
縦向きの両手（今回は、古い任天堂のゲームボーイのように、携帯型ゲーム機をどのように持つかを考えてください）

さて、これは物事が本当に関連するところです、ここにあなたが電話を保持することができるさまざまな方法のさまざまな使用例があります：

リンクをタップする–ほとんどの場合、ホールドしてタップまたはクレードルします
チェックボックス–ほとんどのクレードルまたはホールドアンドタップ
入力–ほとんどの場合、2本の指または親指を同時に使用するか、長押ししてタップします
短いスクロール–ほとんどの場合、ホールドアンドタップまたはクレードル
より長いスクロール–ほとんどのクレードルまたはホールドアンドタップ

結論：人々が携帯電話を保持するこれらのさまざまな方法に対応するようにモバイルサイトを設計します。

ボタンが大きいほど良い

優れたモバイルUXの設計方法を検討している場合、最も重要な側面の1つはボタンのサイズです。すべてのモバイルと同様に、画面サイズはタブレットやデスクトップよりもはるかに小さいため、ボタンが小さすぎるとモバイルサイトの使いやすさが損なわれます。不適切なサイズのボタンは、次のようなUXエラーにつながります。

ボタンを正しくタップするのが難しい
そもそもボタンが見えない問題
ボタンをタップしたり、操作したりできることを理解するのに苦労している

大きい方が良いです。

ボタンが大きいほど、買い物客、顧客、訪問者などのUXがスムーズになります。

これは、正確にどのくらいの大きさであるかという疑問を投げかけます。

Google独自のマテリアルデザインのタッチターゲットサイズのガイドラインによると、モバイルボタンは7〜10ミリメートルのタッチスクリーンサイズに達する必要があります。つまり、ボタンは、どの画面に表示されるかに関係なく、物理的なサイズが約1センチメートルである必要があります。これにより、以下の間の優れたバランスが保証されます。

情報密度
ユーザーインターフェイス要素の「ターゲティング可能性」

ユーザーがボタンをより簡単に確認し、画面上の他の要素との空間的な関係を理解し、ボタンをタップしてページの目標を達成できるようになると、すばらしいUXが得られます。

最も重要なコンテンツに優先順位を付ける

質問への答え、優れたモバイルUXのためにどのように設計するか？時々、足し算ではなく引き算にある。画面上のコンテンツの場合、このルールは100％適用されます。

スマートフォンの恩恵は、最近のモバイル画面サイズの増加傾向にもかかわらず、小型で持ち運び可能なサイズです。この便利さには欠点があります。それは、ユーザーがより大きなインタラクションコストにさらされることです。これは、モバイルサイトの目標を達成するために費やす必要のある肉体的および精神的な努力です。

たとえば、デスクトップでニュースサイトをナビゲートすると、ホームページでスポーツのスコアと天気予報を折り目の上のサイドバーに表示できる可能性が高いため、下にスクロールする必要はありません。ただし、モバイルでは、スペースが貴重であるため、この同じコンテンツに到達するには、かなりのスクロールが必要になる可能性があります。

したがって、唯一の解決策は、モバイルで最も重要なコンテンツを優先することです。言い換えれば、モバイルページのスクロールしなければ見えない位置にあるユーザーや訪問者に表示するコンテンツについてよく考えてください。結局のところ、折り目の上に含めるコンテンツの要素ごとに、別の要素を押し下げて、折り目の下で犠牲にする必要があります。

フォールドより上のモバイルコンテンツを最大化するのに役立つ1つのアプローチは、いわゆるクロムを最小化することです。この場合、Googleのブラウザについて話しているのではありません。 Chromeは、ユーザーがインターフェースのコンテンツを操作したり、追加情報を提供したりするのに役立つビジュアルデザイン要素のコレクションですが、コンテンツの一部ではありません。 Chromeは携帯電話のオペレーティングシステムから来ています。

Chromeの例としては、Gmailアプリの受信トレイでメールを表示しているときにユーザーのアカウントに関連付けられているすべての写真があります。この例では、これらの写真は送信者をさらに識別するのに役立ちますが、送信者を識別するために絶対に不可欠というわけではありません（電子メール自体のFrom行で十分です）。

これらのクロム要素を削減することで、モバイル画面のスペースを大幅に節約できるため、最も重要な情報を小さな折り畳み領域の上に配置できる可能性が高くなります。

エンドユーザーに焦点を当てる

優れたモバイルUXを設計する方法の秘訣は、常にエンドユーザーにあります。モバイルサイトを設計するときは、このことを念頭に置いてください。そうすれば、ユーザーフレンドリーなサイトを作成できます。それはとても簡単です。

そこにたどり着くには、仮定ではなく実際のデータに基づいて設計していることを確認してください。まず、ユーザーが自分の携帯電話をどのように持っているかから始めるのが最適です。多くの人が携帯電話を持っていない方法で設計している場合、すべての賭けは無効になります。

また、モバイル画面が小さいため、コンテンツを簡単かつ迅速に表示する必要があるため、要素を大きくし、最も重要なコンテンツがスクロールしなければ見えない位置にあることを確認することも重要です。