- 技術的制約に対応して生まれたデザイン慣用句の一部は、流行を超えて普遍的なソフトウェア相互作用の方式として定着している
- AIインターフェースは、✨、虹色、ストリーミングテキストのように、AIを象徴したり対話型の動作方式に特化した視覚・挙動パターンを生み出している
- AIの「考え中」を示していたきらめくテキストは、データ取得や計算のような一般的な非同期処理の進行状況を表示する用途へと広がっている
- Claude、Codex、CursorのようなデスクトップAIアプリは、AppleのmacOSアプリよりも小さく細いアイコンを使い、OS固有の視覚的テクスチャと衝突している
- ベージュやクリーム色、オレンジのアクセント、セリフ体、位置が絶えず変わるUIコントロールもAI特有の美学を形作っているが、何が長期的なソフトウェア慣習として残るかはまだ分からない
AIが生んだデザイン慣用句
- 時代ごとに直面する課題に対応する新しいデザイン慣用句が生まれ、その一部は流行とともに消え、一部は既存のソフトウェア相互作用の体系に吸収される
- ハンバーガーメニュー(≡)は、モバイルの限られた画面サイズのため広く普及し、その後は「より多くのメニュー内容」を簡潔に示す方法として他のソフトウェア領域にも定着した
- かつては意味がはっきりしなかったきらめき絵文字 ✨ が、いまでは虹色とともにAIを代表する視覚言語として使われている
- ストリーミングテキストはAIの対話型インターフェースのために作られ磨かれてきたパターンであり、他のソフトウェア相互作用の方式では再利用の範囲がそれほど大きくないかもしれない
- AIが「考え中」であることを示すきらめくテキストは、考える、取得する、計算するといったさまざまな非同期処理の進行状況を見せる方法として再利用され始めている
広がるAIインターフェースの外観
- Claude、Codex、CursorのようなデスクトップElectronアプリは、Finder、Photos、MailのようなAppleのmacOSアプリよりもはるかに小さく細いアイコンを使っている
- これらのアイコンはプラットフォーム標準アプリの視覚的テクスチャと衝突している
- 小さなアイコンがコンピューターインターフェースの普遍的な未来になるのは望ましくない
- AIに関連する他の外観としては、ベージュやクリーム色、オレンジのアクセント、セリフ体がある
- トグルをクリックするたびにUI全体が再描画され、次の操作のためにマウスを別の場所へ動かさなければならないモグラたたき式UIも現れている
- AIの非決定的な性質がUIとユーザー体験にまで染み込んだ事例である
- 現在生まれつつあるAI美学の一部は消えていくだろうが、一部は今後数年、あるいは数十年にわたり一般的なソフトウェア相互作用の慣習として定着する可能性がある
まだコメントはありません。