AIに伝わるUI語彙、全103個。名前を知るだけで、指示精度が劇的に変わる。
8件のコンポーネント
画面中央にオーバーレイで表示されるポップアップ
モーダルが無くて全部ページ遷移するアプリは古い。これは現代アプリの基本動作。
画面端に一時的に表示される通知メッセージ
操作フィードバックの基本。これが無いと『保存できたの？』って不安になる。
読み込み中のぐるぐるアニメーション
ロード中の表示が無いと固まったように見える。最低限の礼儀。
情報・成功・警告・エラーを色分けで伝えるバナー
状態を色で伝えられるアプリは『ちゃんと設計されてる』と思われる。
画面の端に出る詳しい通知。タイトル + 説明 + アクション付き
トーストより詳細な情報を伝えられる。リアルタイム系アプリの必須パーツ。
要素の近くに出る小さな確認ダイアログ
モーダルほど邪魔じゃないけど確認はできる。さりげない安全設計。
操作完了後の成功/エラー/404を全画面で表示
完了画面が丁寧だと『最後まで考えられてるな』の印象。404の出来も意外と見られる。
画面の各要素を順番に説明する吹き出しガイド
オンボーディングが丁寧 = ユーザー思いのサービス。解約率にも効く。