UXデザインにおけるシンプルさの極意: より少ないことがより多くを生む理由

基礎知識

Olaoluwa Akinsola


著者はUXデザイン • ITコンサルティング • ウェブデザイン • UXリサーチ • ビジュアルデザインを中心としたプロダクトデザイナーのOlaoluwa Akinsolaです。

この記事は”The Art of Simplicity in UX Design: Why Less is More”の翻訳転載です。配信元または著者の許可を得て配信しています。

はじめに

ウェブサイトであれ、アプリであれ、あるいはソーシャルメディアのプロフィールであれ、何かをデザインしようとしたことがある人なら、可能な限りのものを追加したいという衝動をおそらく知っているでしょう。

より多くのボタン、より多くの機能、より多くの情報、そうでしょう?

しかし、私がUXデザインで学んだことはこうです。

シンプルな方が勝つことが多いのです。

「Less is more」というのは単なるキャッチーなフレーズではなく、エクスペリエンスを左右する核となる原則なのです。

プロダクトデザイナーとして、私は乱雑な草案や複雑になりすぎたアイデアを公平に共有してきましたが、そのたびにシンプルさに戻ってくることに気づきます。

ここでは、UXにおいてシンプルであることがなぜ重要なのか、そして(そうでない場合でも)物事を楽に感じさせるためのヒントをいくつか紹介します。

なぜシンプルなのか?それはうまく機能するから

正直、誰もが急いでいます。

アプリやウェブサイトを開くとき、私たちはただ動いてほしいと思っています。
延々と続くメニューも、不規則なポップアップも、隠された設定を探し回ることもありません。

デザインにおけるシンプルさとは、人々が必要なものを素早く簡単に手に入れられるようにすることです。

そして正直なところ、シンプルさを追求すれば、人々はそれに気づきます。

難しく考える必要はなく、直感的に何をすべきかがわかるのです。
まるで、すべてがあるべき場所にある、清潔な部屋に入っていくようなものです。

ユーザーは快適に感じ、また戻ってくる可能性が高くなります。

良いものを失わず、シンプルに保つ方法

シンプルさを実現するのは、実は想像以上に難しいことです。

そこで、私がデザインをすっきりと使いやすく保つために重視していることを紹介します。

1. 重要なものを最初に置く

どんな製品にも主なゴールがあり、そこに集中すべきです。

銀行アプリをデザインしているなら、ユーザーはおそらく残高の確認や送金を望んでいるはずです。

ユーザーが本当に必要としているものをまず明確にし、それを中心にデザインしましょう。

このアプローチによって、無駄なものをすべて取り除くことができます。

ユーザーの目の前にある最優先事項を維持し、余分なものは必要なときだけ見つけられる場所に取っておくのです。

2. 選択肢を減らす

メニューの選択肢が12個もあるウェブサイトを見たことがあるでしょう。
それはとても多く、正直まひしてしまいます。

選択肢をシンプルにすることが重要です。
選択肢が多すぎるとユーザーは圧倒され、固まってしまいます。

レストランのメニューのように考えてみてください。

何ページにもわたる選択肢よりも、うまくまとめられた数少ない選択肢の方が良い場合もあります。

UXでは、少ないことは多いことです。

最高のプラットフォームがビジュアル・ヒエラルキーと呼ばれるものを採用しているのはこのためです。

3. 言語を超明確に保つ

私は、親しみやすいテキストを作ることに全力を注いでいます。

UXのコピー(ボタンやリンクなどの小さな文字)は、ロボットがマニュアルを読むのではなく、友達が道案内してくれるような感覚であるべきです。

ファイルをダウンロードするためのボタンなら、「ダウンロード」でいいのです。

明確で親しみやすい言葉は、ユーザーを安心させ、混乱することなく体験へと導くのに大いに役立ちます。

【無料】たった5分の改善で売上が1.5倍になる
マイクロコピーの秘訣を公開

LINE追加で3つの特典を無料で受け取り、サイトの売上をUPさせましょう。

売れるマイクロコピーを作るテンプレ

やってはいけないダークパターン集

成約率が75.2%改善したクリックトリガーの方法

少ないことは「空っぽ」ではない – 焦点を絞ることだ

誤解を解いてみましょう。

シンプルさとは、細部まで削ぎ落とすことではありません。

適切なものに焦点を当て、ユーザーに十分な文脈を与えることです。

あまりに多くのものを取り除きすぎると、ユーザーが迷ったり、次に何をすればいいのかわからなくなったりして、かえって体験を損なうことになりかねません。

例えば、すべてをメニューに隠してしまうアプリがあります。

しかし、核となる機能が簡単に見つからないと、ユーザーはフラストレーションを感じてしまいます。

必要なものを正確に提供しつつも、選択肢であふれさせない、そのバランスが重要なのです。

シンプルさの実例

シンプルを極めたアプリをいくつか紹介します。

• Google検索
単一の検索バーで、ごちゃごちゃしていません。
何をすべきかが即座にわかります。
これこそがシンプルさのすべてです。

• アップルのiOS
すべてがスペースと明快さで整理されているので、次にどこに行けばいいのかが常にわかります。

• Airbnb
オプションを探し回らずに、簡単に予約できます。
全体が流れるようなデザインで、ステップバイステップで案内してくれます。

これらの例は、「シンプル」が「ベーシック」を意味しないことを示しています。
むしろ、ユーザーにとって本当に重要なことに集中することなのです。

デザインをシンプルにする方法

どのようなプロジェクトでも、私は一歩下がって、「何をカットし、簡略化し、より明確にできるか?」と問うのが好きです。

これが私のいつものチェックリストです。

1. ユーザージャーニーのステップを組み合わせられないか?
2. ユーザー・ジャーニーのステップを組み合わせることができるか?
3. デザインに余裕を持たせるために空白を使っているか?
4. 核となるアクションはわかりやすいか?

シンプルにするということは、ボタンを少なくしたり、テキストを短くしたり、余白の多いレイアウトにしたりすることかもしれません。

しかし、すべての要素には目的が必要です。

これを念頭に置いてデザインすることで、ユーザーを圧倒せずにコントロールし続けることができます。

シンプルさは旅であり、目的地ではない

シンプルでユーザー重視の体験をデザインするには時間と練習が必要だが、その価値はあります。

結局のところ、シンプルさとは自然に感じられる体験をデザインすることなのです。

ユーザーは、次にどこをクリックすればいいのか考える必要はなく、ただわかればいいのです。

そして、その自然な流れを感じることができれば、再訪問してくれたり、興味を持ってくれたり、さらには他の人に勧めてくれたりする可能性が高くなります。

ですから、今度あなたがデザイン・モードに入ったときは、「どうすればこれをシンプルにできるか?」と自問してみてください。

シンプルで考え抜かれたデザインがどれほどのインパクトを与えるか、あなたは驚くかもしれません。


【期間限定プレゼント】

シンプルなUXデザインとマイクロコピーを活用し、あなたのサイトのCVRをUPさせましょう。

今ならLINE登録で「売れる」マイクロコピーを作るテンプレート、無料特典を受け取れます。

その他にも、LINEではあなたのビジネスに役立つマイクロコピー情報を定期的に配信しております。

↓ ↓ ↓

LINE登録特典
【無料】たった5分の改善で売上が1.5倍になる
マイクロコピーの秘訣を公開

LINE追加で3つの特典を無料で受け取り、サイトの売上をUP。

  • 売れるマイクロコピーを作るテンプレ
  • やってはいけない?ダークパターン集
  • 成約率が75.2%改善したクリックトリガーの方法

\ この記事をシェアする /

, ,
前の投稿
メルマガのクリック率を知る|業界別平均・計算方法・高めるためのコツ
次の投稿
マイクロコピーを使ってSEOに強いウェブサイトを作る方法を解説
メニュー