UIデザイナーの職務経歴書例

• 状態・余白・タイポグラフィを記録したデザインシステムのFigmaコンポーネントを作成。長いラベルと検証エラーを確認し、利用側が未定義動作を補わずに再利用できるようにした。
• キーボード操作・見えるフォーカス・エラー通知でインタラクションデザインとアクセシビリティを確認。開発とFigma仕様・実装コンポーネントの差を修正した。
• Figma部品の読込中・空・エラー状態を定義し、コントラストとフォーカスを点検。実装画面を設計仕様と照合。
• 接続機器の初期設定用プロトタイプを作成し、利用者とペアリング失敗・復旧案内を試験。連携アプリ実装前にインタラクション順を修正。
• ユーザビリティ課題とブランドアイデンティティ制約を活用したレイアウト検討を設計し、操作状態の不一致を解消して注釈付きアクセシビリティ引継ぎを完了。
• 機器復旧フローの高忠実度プロトタイプ・対話デモを制作。変更要件を画面へ対応付け、設定中断・音声応答を試験して開発へ仕様を引継ぎ。
• React Native操作試験を活用した高精細試作を主導し、音声操作状態の曖昧さを解消して要件付き開発引継ぎを完了。
• 統一視覚トークンを活用した操作デモを公開し、実装照会を27%削減して読込・エラー・取消例を保持。

• 複数機能チーム向けのリリース前ビジュアルQA。フォローアップレビューでも改善した品質を維持した。
• 設計に余白・文字・操作判断の注記を加え、初期実装を開発と確認。理解や利用しやすさを損なう差異を修正。
• 長い実文、空状態、エラー状態で改訂画面を試し、階層が崩れる箇所を注記。既存デザインシステム内でラベルと間隔を調整。

• 実描画コントラストと意味に基づくカラートークン
• 対象・情報階層・アクセシビリティ制約を定めた自主ブリーフを作り、同一内容で異なる表現方向を比較。
• 採用案を実際の表示・印刷寸法で確認して可読性・コントラストを注記。書体・色・出力仕様と編集原本を整理。
• 実寸校正を活用した自主デザイン検討の責任を担い、コントラスト・読順不良を解消して前後注釈仕様を完成。

関連科目：タイポグラフィ、視覚伝達、情報デザイン、デザイン演習

インタラクションデザイン · プロトタイピング · ユーザー調査 · アクセシビリティ · デザインシステム · Figma

• 試作試験記録を活用した個人設計事例を公開し、対象ニーズによる階層変更と最終案の利用上の限界を解説。