アプリUI 仕事の進め方

5-2. UIコンポーネントリスト制作

執筆 塚元 舞賀
デザイナー
読了時間の目安
2

ボタンや入力フォームなどのアプリケーション全体で汎用的に使用するパーツを「UIコンポーネントリスト」としてデザインデータにまとめます。

スタイリングの工程で登場したUIコンポーネントのラインナップを網羅するデザインデータを作成します。主要画面展開の時点でUIコンポーネントが網羅できている場合は、早めにルール化し、残画面の展開前にUIコンポーネントリストを準備しておきます。これはコアデザインシステムの基礎となります。

UIコンポーネントリスト

マイクロインタラクション設計

UIコンポーネントを操作した時のマイクロインタラクションを設計します。ユーザー体験に大きく影響するため、実装後もデザイナーとエンジニアで適切なマイクロインタラクションを追求します。

モーション指示書

※マイクロインタラクション:インタラクションデザインのひとつ。アプリケーション上でユーザーがある動作をしたときにおこる動きのこと。ユーザーのアクションに対する反応を動きで示すことで、状態の変化やフィードバックを効果的に伝える効果がある。

ベイジに問い合わせる
1週間で14件のお問い合わせが入りました 1ヶ月間で100件のお問い合わせが入りました