NHSデザインシステム
NHS Design System / 2016– / スタイル / 公共デザイン
英国の医療情報とオンライン手続きを、臨床場面でも読み違えにくい言葉、強いコントラスト、大きな操作面、患者中心のパターンへ揃えるデザインシステム。
ひと目で判断
見た目の特徴
- NHS Blueの広いヘッダー
- 白地に大きな濃色本文
- 緑の主要操作と赤いエラー
- 一問ずつ進むフォームと明瞭な警告箱
向いている用途
- 医療情報や予約を不安な状況でも理解できるようにするとき
- 健康状態や個人情報を扱うフォームを一問ずつ安全に進めるとき
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 大きな本文と短い見出しを使い、医学用語は説明または日常語へ置き換える。
- 構成
- 一列の読み順を保ち、一画面の判断を一つに絞り、エラーを該当箇所の近くへ出す。
- 素材
- 白とNHS Blueを基礎に、緑を実行、赤を危険へ固定する。
- 注意
- 青いヘッダーだけを真似ても、言葉が難しく操作面が小さければ医療サービスとして安全にならない。
- 関連研究
- NHS design principles / clinical safetyとplain language / patient-facing patterns
関連項目
- GOV.UK デザインシステム（GOV.UK Design System）共通する印象：信頼 / 静けさ。NHSデザインシステムとGOV.UK デザインシステムの違いを見る
- 米国Webデザインシステム（U.S. Web Design System）同じ「公共デザイン」の系統。NHSデザインシステムと米国Webデザインシステムの違いを見る
公共デザインをさらに見る
同じ「公共デザイン」から、共通する印象が多い順に次の項目を選んだ。
- VA.govデザインシステム（VA.gov Design System）共通する印象：信頼 / 親密 / 静けさ。
- WPAポスター（WPA Poster）共通する印象：信頼 / 親密。
- フェスティバル様式（Festival of Britain Style）共通する印象：親密。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/nhs-design-system
- Markdown
- [NHSデザインシステム（NHS Design System） — デザインスタイル辞典](https://indexstyle.org/ja/styles/nhs-design-system)
- HTML
- <a href="https://indexstyle.org/ja/styles/nhs-design-system">NHSデザインシステム（NHS Design System） — デザインスタイル辞典</a>