知識マップ: WindowsアプリUX設計 - 利用環境別の優先順位
記事「WindowsアプリUX設計 - 利用環境別の優先順位」の主張を、概念と関係(エッジ)に分解した知識グラフの全体です。各関係には根拠・確認日・確度が付いています。
この記事はWindowsアプリのUX設計を、ToC/ToBという分類だけでなく、誰が・どこで・何で操作するか・どれくらい使うか・ミスのコストは何かという利用文脈で判断すべきだと整理しています。ToC向けユーティリティには上部ナビと初回理解のしやすさが向き、事務系ToBにはリスト/詳細とキーボード操作性が、監視・運用には左側ナビと色だけに頼らない状態表示、複数経路のコマンド、不可逆操作への確認ダイアログが、現場端末には十分大きなタッチターゲットとhoverに依存しない設計が、専門家向けツールにはタブと厚いキーボード対応が向くとしています。あわせて、タッチターゲット7.5mm四方やコントラスト比4.5:1のような数値基準と、文字拡大やコントラストテーマに追随するレイアウトの重要性も扱っています。
flowchart LR
accTitle: WindowsアプリUX設計の判断軸の知識マップ
accDescr: 誰が・どこで・何で操作するかという利用文脈がナビゲーションパターンやタッチターゲット、キーボード操作性、ダイアログの使い方といったUXの優先順位を決めることを示す図
tob_field_device_ui["ToB現場端末・装置UI・キオスク"]
tob_back_office_app["ToB事務入力・バックオフィスアプリ"]
top_navigation["上部ナビゲーション"]
toc_utility_app["ToC向けユーティリティ/個人向けアプリ"]
left_navigation["左側ナビゲーション"]
tob_monitoring_app["ToB監視・運用アプリ"]
list_detail_navigation["リスト/詳細ナビゲーション"]
tab_navigation["タブナビゲーション"]
expert_tool_ui["専門家向け編集・分析ツール"]
touch_target_size_guideline["タッチターゲットの最小サイズ基準"]
color_only_state_indication["色だけによる状態表現"]
hover_only_interaction["hover前提の操作"]
multi_entry_commanding["コマンドの複数経路提供"]
inline_validation_error["インライン検証エラー表示"]
confirmation_dialog_for_irreversible_action["不可逆操作の確認ダイアログ"]
keyboard_accessibility["キーボード操作性"]
contrast_theme_support["コントラストテーマ対応"]
fixed_size_layout["固定サイズレイアウト"]
text_contrast_ratio_guideline["テキストのコントラスト比基準"]
content_spacing_guideline["コンテンツ間隔の基準(8/12/16epx)"]
tray_resident_app["常駐ツール・トレイアプリ"]
custom_control_overuse["カスタムコントロールの作りすぎ"]
top_navigation -->|"推奨される対応"| toc_utility_app
left_navigation -->|"推奨される対応"| tob_monitoring_app
left_navigation -->|"推奨される対応"| tob_back_office_app
list_detail_navigation -->|"推奨される対応"| tob_back_office_app
tab_navigation -->|"推奨される対応"| expert_tool_ui
touch_target_size_guideline -->|"推奨される対応"| tob_field_device_ui
color_only_state_indication -->|"用いるのは非推奨"| tob_monitoring_app
hover_only_interaction -->|"用いるのは非推奨"| tob_field_device_ui
hover_only_interaction -->|"用いるのは非推奨"| tob_monitoring_app
multi_entry_commanding -->|"推奨される対応"| tob_monitoring_app
multi_entry_commanding -->|"推奨される対応"| expert_tool_ui
inline_validation_error -->|"推奨される対応"| tob_back_office_app
confirmation_dialog_for_irreversible_action -->|"推奨される対応"| tob_monitoring_app
keyboard_accessibility -->|"推奨される対応"| tob_back_office_app
keyboard_accessibility -->|"推奨される対応"| expert_tool_ui
keyboard_accessibility -->|"推奨される対応"| hover_only_interaction
contrast_theme_support -->|"推奨される対応"| fixed_size_layout
contrast_theme_support -.->|"前提とする"| text_contrast_ratio_guideline
content_spacing_guideline -->|"推奨される対応"| fixed_size_layout
confirmation_dialog_for_irreversible_action -->|"用いるのは非推奨"| tray_resident_app
expert_tool_ui -.->|"両立しない"| toc_utility_app
contrast_theme_support -->|"推奨される対応"| custom_control_overuse
keyboard_accessibility -->|"推奨される対応"| custom_control_overuse
概念間の関係(全23件)
図と同じ関係を文章でも列挙します。表示している文と機械可読な意味データ(RDFa)は同じ要素に載っています。確度が「確立した関係」のものは直接の関係として、「条件付きの関係」のものは成立条件つきの言明(rdf:Statement)として表現しています。
- 上部ナビゲーションはToC向けユーティリティ/個人向けアプリに対する本記事の推奨です。
- 左側ナビゲーションはToB監視・運用アプリに対する本記事の推奨です。
- 左側ナビゲーションはToB事務入力・バックオフィスアプリに対する本記事の推奨です。
- リスト/詳細ナビゲーションはToB事務入力・バックオフィスアプリに対する本記事の推奨です。
- タブナビゲーションは専門家向け編集・分析ツールに対する本記事の推奨です。
- タッチターゲットの最小サイズ基準はToB現場端末・装置UI・キオスクに対する本記事の推奨です。
- 色だけによる状態表現をToB監視・運用アプリに用いることは推奨されません。
- hover前提の操作をToB現場端末・装置UI・キオスクに用いることは推奨されません。
- hover前提の操作をToB監視・運用アプリに用いることは推奨されません。
- コマンドの複数経路提供はToB監視・運用アプリに対する本記事の推奨です。
- コマンドの複数経路提供は専門家向け編集・分析ツールに対する本記事の推奨です。
- インライン検証エラー表示はToB事務入力・バックオフィスアプリに対する本記事の推奨です。
- 不可逆操作の確認ダイアログはToB監視・運用アプリに対する本記事の推奨です。
- キーボード操作性はToB事務入力・バックオフィスアプリに対する本記事の推奨です。
- キーボード操作性は専門家向け編集・分析ツールに対する本記事の推奨です。
- キーボード操作性はhover前提の操作に対する本記事の推奨です。
- コントラストテーマ対応は固定サイズレイアウトに対する本記事の推奨です。
- コントラストテーマ対応はテキストのコントラスト比基準を前提とします。
- コンテンツ間隔の基準(8/12/16epx)は固定サイズレイアウトに対する本記事の推奨です。
- 不可逆操作の確認ダイアログを常駐ツール・トレイアプリに用いることは推奨されません。
- 専門家向け編集・分析ツールはToC向けユーティリティ/個人向けアプリと両立しません。
- コントラストテーマ対応はカスタムコントロールの作りすぎに対する本記事の推奨です。
- キーボード操作性はカスタムコントロールの作りすぎに対する本記事の推奨です。
主要概念の定義
機械可読データ
このページはサイトの知識グラフ(_data/knowledge/)から自動生成されています。誤りの指摘はお問い合わせからお願いします。