2018年のデザイントレンド先読み！押さえておきたいUX上の17の予測

UX（ユーザーエクスペリエンス）の定義は時代が経過するにつれて広がっていっていますが、いつの時代でもその意味は*「ユーザー体験」*であり、ユーザー本位でサービスやプロダクトを考えるという根底にあるものは変わりません。

20年ほど前、Windows 97が出た頃の世界と比べれば、UXデザインについて考えなければならないことはたくさんあります。

そこで今回は、2018年に押さえておきたいUX上の17の予測をまとめました。

過去と比べて、これからのUXはどのようになるのでしょうか。あくまでも憶測の範囲が多いですが、読んでみて参考になる部分があれば幸いです。

参考：
今さら聞けない！UI/UXを確実に学ぶオススメの良スライド10選｜ferret
UXデザインのことがよく分かる！TED動画厳選5選｜ferret
　　

2018年に押さえておきたいUX上の17の予測

1. コンテンツフォーカスな体験

フラットデザインやミニマリズムといったWebデザイントレンドが興隆して久しいです。結局のところそれらが目指していたものは、見かけ上のシンプルさはもちろんですが、余計なものをそぎ落として、コンテンツに集中するためのデザインです。

絵画のような作品そのものの本質的な「美」を鑑賞するものとは違って、UXが重要になるデジタルプロダクトのデザインゴールは、ユーザーの全体的な使い勝手をよくすることです。「美的」な美しさが役に立つこともありますが、むしろ使い勝手のよい「洗練」された美しさのほうがUXデザインでは好まれます。

ブログプラットフォームのMediumは、見た目の拡張性はほとんどありませんが、テキストが見やすくなっており、よりコンテンツに集中できるデザインになっています。
　　

2. 「節約的」なデザイン

一昔前はヒーロー動画や音声を多用した「リッチな」Webサイトも多かったのですが、最近では「消費しやすい」フォーマットのホームページも多く登場しており、今後もこの流れは続くと考えられています。

例えば、ユーザーがホテルを予約したいと思って検索サイトにやってきたと想定しましょう。その時に期待されるのは、美的な美しさよりも、むしろ下記の要素ではないでしょうか。

・はっきりとした分かりやすいナビゲーション
・コンテクストが特定できる情報
・親切なガイド
・直線的なカスタマージャーニー
・予測可能な体験

多くのホテルの予約サイトを差し置いてAirbnbが使いやすいのは、時間を浪費してしまうデザインよりもはるかに「節約的」なデザインだからです。余計なものを置いていないという見た目の洗練さも評価できますが、それ以上にユーザーの目標を最短で叶えられるような設計になっています。
　　

3. 余白の活用

「余白」は「ホワイトスペース」「ネガティブスペース」と様々な名前で呼ばれています。余白の活用は特段新しい概念ではありませんが、モバイルブラウジングの増加によってより重要度が増してくるでしょう。

余白を上手く活用すれば、ユーザーがどこに注目すればいいのかがよくわかります。Evernoteの新しいレイアウトでは、左側のログインボタンが余白によって、よりはっきり・すっきりしているので、ページにアクセスした後、1秒足らずで必要なアクションが取れるようになるでしょう。
　　

4. チャットボットの増産

FacebookメッセンジャーやLINEなどを活用したチャットボットは、日本以上に英語圏では凄まじい勢いで勢力を拡大しており、チャットボットの導入によって売上を拡大した企業は後を絶ちません。

実際、Facebookメッセンジャーは、11月7日のアップデートリリースによって、ホームページとメッセンジャーのチャットボットの統合を行うことができるカスタマーチャットプラグインを発表しています。様々な競合がいる中で、英語圏を中心にチャットボットの拡大がますます増えていくでしょう。
　　

5. パーソナリゼーションの拡張

画像引用元：pexels.com

パーソナリゼーションの代名詞といえばAmazonですが、AIやアルゴリズムの発達でパーソナリゼーションの領域はますます拡大しています。

Spotifyでは、2017年6月1日以降、一生懸命聴きたい曲を探さなくとも、これまでの視聴履歴をもとにAIがプレイリストを作成してくれるDaily Mix機能が使えるようになりました。FinTechの世界では、ユーザーがいくつかの質問に答えるだけで分散投資を自動で行ってくれるロボアドバイザーが登場しました。

2018年には、こうしたユーザーの嗜好を学び取って提案するパーソナリゼーションは、より身近なものになるでしょう。日々のニュースからSNSの投稿画面まで、あなたへのオススメが表示されるようになります。
　　

6. 共感覚フィードバック

画像引用元：pexels.com

システムがユーザーに何かを知らせる場合、最初に視覚的に、次に警告音などをとおして聴覚的に、そしてスマートウォッチなどのウェアラブルデバイスは触感フィードバック（Haptic Feedback）を用いていました。

最近では、ScentTech（セントテック）と呼ばれる、匂いを発するデバイスの研究も盛んに行われています。VRデバイスを含めた様々なデバイスを着用していくと、視覚・聴覚・嗅覚・触覚に至るまで、様々なフィードバックが同時に行われ、ユーザー体験の深化（Deepening UX）が起こります。
こうしたフィードバックを、共感覚フィードバック（Synesthetic Feedback）と呼ぶことがあります。

VRデバイスが家庭用コンソールになるまでに時間がかかったのと同じように、匂いに関するデバイスの普及ももう少し時間がかかるかもしれませんが、2018年はより没入感のある体験ができるかもしれません。
　　

7. プログレッシブスペクトラム

細かい点かもしれませんが、長い間利用されていた「プログレッシブバー」は、これからは「プログレッシブスペクトラム」として見かけることが多くなるでしょう。

スペクトラム（Spectrum）とは、色彩デザインの中ではフルグラデーションの「色のバンド」のことを指します。プログレスバーは進行度合いを数値だったりバーのメモリで測っていたわけですが、プログレッシブスペクトラムは色で状況を伝えます。ちなみに、これは特段目新しいUXデザインの手法ではありません。

例えば、電池残量を知らせる際、残量が残っていれば「緑」、残量がなくなりそうなら「赤」と色をわけていました。しかし、スペクトラムの考え方では段階的に色をわけるのではなく、よりグラデーションを意識した色あいに変わります。様々なパーツがよりグラデーションを意識したデザインに変わっていくでしょう。
　　

8. ウルトラモバイルファースト

画像引用元：pexels.com

すでに全インターネットトラフィックの4分の3がモバイルであるという事実を考えれば、これまで以上にモバイルの重要性が高まってきています。

先ほど述べた「節約的」なデザインは、この流れとも一致します。モバイルユーザーは基本的に外出中にスマートフォンを操作することが圧倒的に多いので、必要な情報をザッピングしたり、素早い画面遷移をあえて望んでいます。そのことから、よりシンプルで、モバイルでもストレスなく操作できるように、これからのWebサイトは考えられていくでしょう。

また、モバイルブラウザアプリケーションもPC並みに進化していくでしょう。すでに多くのブラウザが「アド（広告）ブロック」「プライベートブラウジング」「クッキーの削除」など、もともとデスクトップ版ブラウザで利用可能だった機能を搭載しています。
　　

9. データの再編成

画像引用元：pexels.com

パーソナリゼーションに関連して、データの再編成（Disinformation Architecture）についても触れておきましょう。これには様々な定義がありますが、簡単にいえば、「情報がたくさんあり過ぎてユーザーは消費しきれないので、ユーザーに理解しやすいように並べ替えたりグループ化したりしてあげること」を意味します。

検索結果を表示する時に「価格順」「人気順」などで並べ替えを行うというテクニックは特段目新しいことではありません。しかし、単純に並べ替えるだけでユーザーの使いやすいようにはなっていないので、アルゴリズムが計算して最も利便性の高い形に並べ替えてくれるようになります。
　　

10. VR体験の拡張

画像引用元：pexels.com

現在はテレビゲームを中心に勢力を拡大しているVRデバイスですが、これからはさらに多くの分野で活用されていくでしょう。