2020年版：Android UXデザインのベストプラクティスと最新トレンド

GoogleはMaterial Designの標準をアプリ開発者へ浸透させることに見事に成功しました。その結果、Androidのビジュアルデザインがシンプルになっただけでなく、ユーザーにとってアプリの操作が格段に分かりやすくなり、開発側でもUXデザインに費やすリソースを大幅に削減できるようになりました。

もちろん、開発コミュニティは常に標準をさらに良くする方法を模索し続けています。「変化こそが唯一の不変のもの」だからです。実際、一部の開発者の間では、Material Designの特定の手法（例えば「ハンバーガーボタン」— 賛否両論ありますよね）の有用性をめぐって議論が交わされています。

さらにMaterial Designは、クロスプラットフォーム対応の推進にも貢献しました。開発者は同じデザイン原則をiOSアプリにも容易に適用でき、異なるデザイン規範を気にすることなく、2つのプラットフォームへ同時にアプリを展開できるようになったのです。

本ガイドでは、2020年に押さえておきたいAndroid UXデザインのトレンドを紹介します。Googleが定めた標準に沿いつつ、あなたのアプリに新たな魅力を加えるヒントをお届けします。

ネオングラデーションとダークモード

この2つのトレンドを一緒に取り上げるのは、2020年において両者がまさにセットで進化しているからです。これまでアプリのダークモードは、思いやりのある開発者が提供する一種の「ファンサービス」のような存在でした。一方、YouTubeやFacebookといった世界的な大手アプリは、長らく白背景にこだわり続けていました。

しかし状況は変わり、多くのグローバルブランドが「闇」を受け入れ始めました。YouTubeは2018年にAndroid版のダークモードをリリースし、Facebookもついに今年になって実装しました。バッテリー消費の削減や夜間の目の疲れ軽減といったメリットはあまりにも大きいため、今やダークモードは多くのAndroidアプリにおける標準機能となりつつあります。

カラーグラデーションについては、数年前からブルー、ピンク、パープルの繊細で柔らかい色調や、落ち着きのあるアースカラーが主流でした。ところが近年は、ネオンブルーや鮮烈なパープルといった、より大胆で強い印象のグラデーションを採用するアプリが増えています。こうした配色は未来的な雰囲気を演出でき、ダークモードのメニューやボタンと組み合わせることで、全体としてより鮮明で印象的なデザインになるのです。

角丸と有機的なフォルム

ボタンやUI要素の形状は、時代とともに大きく移り変わってきました。無機質な四角形から、面取りされた楕円、そして完璧な円へ。

そして最新のトレンドは、「円」とは言い切れないほど柔らかく、あたかも水滴や壁に投げたスポンジのような、羽のようにふんわりとした有機的なフォルムです。いわば「水彩のしみ（ウォーターカラー・ブロブ）」のような形状です。信頼できるUIエージェンシーであれば、アプリのUIに調和する自然な有機的形状のデザインを提案してくれるでしょう。

リキッドスワイプ

リキッドスワイプは言葉で説明するのが難しいエフェクトなので、YouTubeのデモ動画を見てみるのが一番早いでしょう。イメージとしては、ページめくりを再現した電子書籍リーダーの操作感に近いものです。

ただし、それ以上に液体のように滑らかでカラフルです。画面間をスワイプして移動するアプリに生命感を与え、スライド間の切り替えにクールなトランジション効果をもたらす、注目のトレンドとなっています。

チャットボットデザイン

AI技術の目覚ましい進歩に伴い、小売業やサービス系のアプリでは、より高度なチャットボットが搭載されるようになりました。

しかも、単に会話の精度が上がっただけではありません。開発者たちはアバター表示、入力中インジケーター、さらには絵文字の活用などを取り入れ、チャットボットの見た目や体験そのものを美しく洗練させているのです。

UXデザインに役立つツールとリソース

「プログラマーは直感的なUXデザインが得意ではない」とよく言われます。プログラミングが数学的なスキルであるのに対し、UXデザインは芸術的なスキルだからです。しかし、UXデザインのプロセスを効率化できる優れたツールを使えば、その常識は覆せます。ここでいくつかのおすすめツールを紹介しましょう。

• Mockplus：ドラッグ＆ドロップ操作でコンポーネントを組み合わせ、UXデザインのプロトタイプを手軽に作成できるツールです。
• Sketch：Photoshopに似ていますが、UXデザインに特化した設計です。複数解像度のグラフィック対応、無限ズーム、選択した形式（PNG、JPGなど）で全ファイルを一括保存できる「Export All」ボタンなどが特徴です。
• Marvel：Photoshopに匹敵するツールで、UXデザインとプロトタイピングの両方に対応。クラウドストレージ経由でのチームコラボレーションも可能です。