AIに伝わるUI語彙、全103個。名前を知るだけで、指示精度が劇的に変わる。
9件のコンポーネント
カレンダーから日付を選択する入力UI
テキスト入力で日付を打たせるのは論外。ピッカーがあって初めてまともなフォーム。
複数の選択肢から1つだけ選ぶ丸ボタン
セレクトボックスより選択肢が一目瞭然。3〜5個の選択肢ならこっちの方が直感的。
ドラッグで数値を調整するバー
数値入力をスライダーにするだけでインタラクティブなアプリ感が出る。
ファイルをドラッグ&ドロップまたはクリックで選択してアップロード
ドラッグ&ドロップ対応のアップロードは『最新のアプリだ』感を即座に与える。
テキスト入力で絞り込みながら選択できるUI
選択肢が多い時にセレクトより圧倒的に使いやすい。ユーザー思いの設計。
入力途中で候補が自動表示されるUI
Google検索みたいなサジェスト。これがあると『体験が考えられてる』と感じる。
6桁の認証コードを1文字ずつ個別のボックスに入力するUI
セキュリティ画面が本格的に見える。2FA対応アプリの証。
+−ボタン付きの数値入力フィールド
ECサイトの数量変更の定番。ブラウザデフォルトの矢印より圧倒的にUXが良い。
★をクリック/タップして評価を入力するUI
レビュー機能の定番入力。インタラクティブな星は触ってて楽しい。