失敗するアプリが陥りがちな、モバイルUXの悪デザイン4パターン

今回は、失敗するアプリが陥りがちなデザイナーがやりがちな5つのモバイルUXデザインの事例を見ていきましょう。

アプリのリリース数はうなぎのぼり。しかし成功率は…？

失敗するモバイルアプリのUXにはこんな特徴がある！

アイコンはテキストほどスペースを取らず、言語の壁もないためユーザーにも意味が理解されやすいというメリットがあり、さまざまなアプリで多用されています。

しかし一方で、デザイナーの意図が伝わらないアイコンも存在するのです。

試しにインスタグラムの図を見てみましょう。インスタグラムをはじめて使うユーザーが、右上のアイコンを押すことで他ユーザーにダイレクトメッセージが送ることができると一瞬で理解できるでしょうか。

Google翻訳で使われいているアイコンも同様です。右のボタンで翻訳できる、というのは実際に押してみるからわかることで、アイコンを見ただけでは何の機能かわからないでしょう。

デザイナーがよくやる2つの勘違として、ユーザーが抽象的なイメージを見て自分と同じように理解できると思うこと、そしてアプリの使用の上でわからないことがあっても理解しようと何度も試行錯誤してくれると思うことが挙げられます。

残念ながらユーザーは使いづらいと思ったらすぐに離脱するし、アプリも使われることはないでしょう。

ユーザーにとって使いやすく、ということを考えると下の画像の”Check In”のようなポップオーバーも必要ありません。

アイコンを使うなということではなく、アイコンでオリジナリティを出そうとしなくてもいいということです。

下の画像の電話や検索、お問い合わせや設定など、ユーザーに古くから親しまれているアイコンを使うという手もあります。こういったアイコンは世界中のユーザーが共通の認識を持っているので、受け入れられやすいでしょう。

どんな機能をもつのかわかりにくい抽象的なアイコンに関しては、文字で補足する必要があります。簡単な説明をするだけで意味が伝わりますし、アイコンのキャッチーな魅力を引き出せるのです。

アイコンは、一般的に理解されやすいものであれば使うメリットは十分ありますが、意味の伝わりにくいものであれば、文字を使うことを考えた方がいいでしょう。ユーザビリティのテストもお忘れなく。

3. タップやスワイプなどの操作が多い

iPhoneが流行しだしてから、携帯はタッチして操作することが増えました。タップやズーム、スワイプなどが多くのアプリで使われています。

指ひとつで操作できるのはたしかに便利ですが、ここでも先ほどのナビゲーションバーやアイコンと同じ問題が出てきます。

まずひとつは、ハンバーガーメニューと同じで機能が目に見えない場所に隠れていること。実際に操作をするまでは、アプリを使ってどのようなことができるのか知ることができません。知られないということは、使われないということです。

そしてもうひとつは、同じようなタッチ操作はだいぶ浸透してきているものの、アプリによっては違うタッチ操作で動作するように設定されているため理解するまでに時間を要し、ユーザー自身が使い慣れるまでに試行錯誤する必要が出てきてしまうことです。

このように同じ操作でもアプリによって違う反応をもたらすため、アプリごとの操作を覚える必要があります。

多くのユーザーはデザイナーが思うほどチュートリアルには興味がなく、飛ばしてしまう可能性があるからです。

チュートリアルを完了させた場合でも、情報量が多すぎると大半の内容をすぐに忘れてしまいます。そして、結局使いだしてからようやく操作がわかってくることもあり、インターフェースにひとつひとつコーチマークを入れることが良いとも限りません。

他にも、ユーザーがまた使いたくなるような革新的なオンボーディングを提供しているアプリが、無料語学レッスンができるDuolingoです。Duolingoを開くと、登録の前に選択した言語の簡単なレベルチェックテストを行えます。

ユーザーがアプリの価値を知るには、説明ではなく実際に操作してもらうことが一番効果的なのです。

先ほどの「タッチ操作」の項目で、GmailとApple Mailでは同じスワイプでも機能が変わってしまうということをお伝えしましたね。

タッチするとどんなことが起こるのか、アプリは使いやすいのか否か、ユーザーはオンボーディングの段階で知られたらベストでしょう。

大切なのは、アプリのことを知らないユーザーがまず何をしたらいいのかを明確にさせ、適切な見せ方で良い第一印象を与えることです。

5. クリエイティブだが意味のないエンプティーステート

デザイナーが見落としがちなUXデザインのポイントとして、ファイルが空の状態で特に表示するものがないないときの「エンプティステート」があります。

これはエラーが出たときの「エラーステート」と同様、見せ方によってユーザーが離脱してしまうか次の行動に移れるかをわけるものですので、しっかりと意識しておかなければなりません。

具体的に説明するために、ここではGoogleフォトのエンプティーステートを見ていきましょう。

見ればみるほど、疑問が浮かんできませんか。クリエイティブなUXデザインをするために、必要なものと必要でないものをしっかり見極めておく必要があります。

LOOTSYのエンプティーステートがいい例でしょう。

さきほどの例と比べ、こちらはユーザーがとるべき行動が明確になっています。