アプリUI 仕事の進め方
5-2. UIコンポーネントリスト制作
ボタンや入力フォームなどのアプリケーション全体で汎用的に使用するパーツを「UIコンポーネントリスト」としてデザインデータにまとめます。
スタイリングの工程で登場したUIコンポーネントのラインナップを網羅するデザインデータを作成します。主要画面展開の時点でUIコンポーネントが網羅できている場合は、早めにルール化し、残画面の展開前にUIコンポーネントリストを準備しておきます。これはコアデザインシステムの基礎となります。
マイクロインタラクション設計
UIコンポーネントを操作した時のマイクロインタラクションを設計します。ユーザー体験に大きく影響するため、実装後もデザイナーとエンジニアで適切なマイクロインタラクションを追求します。
※マイクロインタラクション:インタラクションデザインのひとつ。アプリケーション上でユーザーがある動作をしたときにおこる動きのこと。ユーザーのアクションに対する反応を動きで示すことで、状態の変化やフィードバックを効果的に伝える効果がある。