どんなのがある?どう使い分ける?具体例まとめおわりにアプリでユーザーへ何らかの案内や説明をしたいとき、いろんなUIの表現がありますね。どんなときに何を使ったら良いのかわからなかったので、まとめました。どんなのがある?アラート系とは、ここでは以下のコンポーネントを指しています。数秒で自動的に消えるメッセージ。バナーユーザーが操作しない限り表示され続けるメッセージ。置いたまま他の操作も可能。アラート/ダイアログ/アクションシート求められた操作が行われるまで画面に表示されたままになるUI。使い分ける?どんな情報を扱うときに、どのUIを採用すればいいのか。重要緊急マトリクスを使って分けてみました。重要かつ緊急モーダル系が使いやすいです。ダイアログ操作を完了しないと他の操作ができないため、今すぐ知らせる必要のある重要なメッセージが確実に伝わります。重要だが緊急でないバナーが使いやすいです。画面の目立つ位置に表示したままにすることができ、ユーザーの意図するタイミングで操作できるため、重要度は高いが緊急度の低い場合に使えます。重要でも緊急でもないスナックバーが使いやすいです。ユーザーの操作なしに自動的に消えるため、手軽さはあるが、見逃す可能性がある。そのため、重要度は低いが緊急度の高い場合に使えます。重要でないが緊急これは、ぴったりくるのが思いつきませんでした。誰か良いのを知っていたら教えてください!具体例ここまで、使い分け方を考えてきました。緊急度」で情報を分ければ良いのでしょうか?結論としては、デザインの文脈により変わります。例:電源が残り20%であることを知らせたいまず、20%が緊急なのかそうでないのかを考えます。切れるまで2時間もつ。緊急度は低いと判断しスナックバーにする。緊急度は高いと判断しアラートなどを用いる。このように同じ機能・同じ情報でも、優先的に知らせるべきかの判断は、文脈によって変わります。まとめユーザーにフィードバックを返す際、いくつかパターンがあります。これらは、伝えたい情報の重要度と緊急度で使い分けます。「そもそもどういう情報を重要とするか」はアプリの特性や文脈によります。おわりに今回は抽象的な内容だったので、まとめていて難しいなと思いました。良い具体例が見つかったら今後の記事でまた紹介していきたいと思います。応援してもいいぞ!という方、お気軽に「いいね」「シェア」いただけますと、嬉しいです。デザイナーとして入社。絵本『ものぐさトミー』を見習い、素敵な自動化に囲まれラクして生きたい。デザインチームによるブログ。コンセプトは、デザインの知見を蓄積し、すべて公開する。