業務システムの 使いにくさを 減らすUI/UX改善:現場定着を 左右する 設計原則
まず押さえたいことUI(ユーザーインターフェース)は、利用者が画面の表示・入力・操作・処理の状態を認識し、操作する接点です。UX(ユーザーエクスペリエンス)は、利用者が業務の目的を達成するまでの過程で生じる体験です。業務システムのUI/UX改善では、見た目に加えて、利用者が業務の作業を迷わず、誤りなく、無理のない時間で完了できるかを確かめます。
この記事の要点
業務システムのUI/UX改善は、全面的な作り直しから始めず、対象の業務と利用者、完了の条件を決めることから始めます。次に、操作を観察した事実と原因の仮説を分けて記録し、画面の問題と、業務ルール・権限・性能の問題を切り分けます。改善は小さく試作し、同じ条件で完了率・入力エラー・差し戻し・時間を確認します。完了時間は未完了の人の経過時間と分けて扱い、速くなったことだけで改善とは判断しません。
この 記事で わかる こと
- 業務システムで
UIと UXが 扱う 範囲と、 画面以外の 原因の 切り分け方 - 使いにくさの
症状から 原因を 確かめる 確認票 - フォームと
エラー表示、 アクセシビリティで 確認する こと - 完了率・
入力 エラー・ 差し戻し・ 完了時間の 数え方と 比べる 条件 - 申請業務の
仮の 記録から、 改善案と 次回の 確認条件を 決める 方法
UIと UXの 違い: 業務システムで 改善する 範囲
UIは、利用者が画面の表示・入力・操作・処理の状態を認識し、操作する接点です。UXは、利用者が業務の目的を達成するまでの過程で生じる体験です。業務システムでは、見た目の美しさに加えて、利用者が必要な入力と操作を終え、結果を正しく理解し、次の業務へ渡せるかを改善の対象にします。
ユーザビリティは、利用者にとっての有効性・効率性・満足度などの観点から評価されます(デジタル庁:ユーザビリティ導入ガイドブック PDF p.11、確認日:2026年10月21日)。業務の言葉に置き換えると、「申請を正しく完了できたか」「余計な手間や時間がかからなかったか」「不安や不満なく使えたか」です。
同じシステムでも、申請者・承認者・管理者では、目的、使う頻度、権限が異なります。使いにくさの原因が画面にあるとは限らず、承認の段階や社内ルールの分かりにくさ、権限の設定、処理の遅さが原因のこともあります。入力画面の改修で直すこと、業務手順を見直すこと、権限や性能を直すことを切り分け、全面的な作り直しを前提にせずに対象を決めます。業務フロー全体の見直しは、POA(プロセス指向アプローチ)の記事で扱っています。
業務システムが 使いにくい原因と 確認票
「使いにくい」という声は、困っている場面ごとに分け、何を確かめるかを決めてから改善案を考えます。次の表は、症状から原因の仮説を立てるための確認票の例です。原因を断定するものではなく、担当は役割の例です。
表は
| 困っている | 確かめる | 改善案の | 関係する |
|---|---|---|---|
| どこで何を | 利用者の | 役割ごとの | 業務責任者、 |
| 入力の | その | 入力例と | 業務責任者、 |
| 保存と | 下書き・ | 結果が | 開発担当、 |
| 差し戻しが | 操作の | 必要な | 承認者、 |
| 結果が | 処理中・ | 状態の | 開発担当、 |
| キーボードなどで | ラベル、 | ラベルの | 開発担当 |
差し戻しのように、
フォームと エラー表示: 入力・ 保存・ 申請を 迷わせない
フォームでは、必要な項目と入力の条件を先に伝え、誤りがあれば場所と直し方を示し、操作の結果が分かるようにします。次の3つは、業務システムで起きやすい困りごとと、改善案・確認方法の例です。
1. 必須・形式の
困っている
改善案:業務に必要な項目を残したうえで、必須の条件と入力例を項目の近くに示す。エラーは画面上部の概要と項目の近くの説明を併用でき、何が誤りで、どう直すかを伝える。確認の時期は、入力中・入力後・送信後から項目ごとに選ぶ。エラーの後に保持する入力の範囲も決める。
確認方法:
2. 保存と
困っている
改善案:「下書きを保存」「申請を送信」のように結果が分かる文言にし、下書き・承認待ちなどの現在の状態を表示する。ボタンの位置は固定の法則で決めず、操作の意味と、画面をまたいだ一貫性で決める。
確認方法:
3. 結果が
困っている
改善案:エラーの種類だけで再送を促さず、結果が分からないときは受付番号や一覧で受付の状態を確かめる方法を示す。重要な操作は、影響と取り消せるかどうかに応じて、内容の確認、入力の確認と修正、取り消しを選ぶ。すべての保存や削除に確認のダイアログを付ける必要はない。
確認方法:
入力中に誤りを示す方法は役立つ場合もありますが、日付のように入力途中の値が常に誤りに見える項目では、入力後に確認する方が合うことがあります(WAI:User Notifications)。全角・半角などの形式をそのまま受け付けるかは、項目の意味と保存の条件から決め、識別子やパスワードまで一律に変換しません。画面での確認とは別に、サーバー側でも入力を検証します(WAI:Validating Input、いずれも確認日:2026年10月21日)。
ボタンの連打を防ぐだけでは、二重の登録を防げたことになりません。サーバー側での二重処理の対策と再試行の条件は、APIファースト開発の記事で扱っています。また、WCAG 2.2の3.3.4(レベルAA)は、法的な約束や金銭の取引、利用者のデータの変更・削除を伴う操作について、取り消し、入力の確認と修正、送信前の確認のいずれかを用意することを求めています(WCAG 2.2:Error Prevention)。
業務システムの アクセシビリティ:操作と 情報伝達を 確認する
アクセシビリティでは、障害のある人や支援技術を使う人を含め、対象の利用者が使う端末と操作方法で、入力・操作・結果の確認ができるかを確かめます。業務システムでよく確認する観点は次のとおりです(WCAG 2.2の該当項目、確認日:2026年10月21日)。
- 文字のコントラスト:1.4.3(レベルAA)では、通常の文字は背景との比を4.5:1以上、大きな文字は3:1以上とし、操作できない状態の部品の文字やロゴなどは対象外です(WCAG 2.2:Contrast (Minimum))。すべての要素に一律に4.5:1が求められるわけではありません。
- 押す対象の大きさ:2.5.8(レベルAA)は原則24×24 CSS px以上で、周囲に十分な間隔がある場合などの例外があります(WCAG 2.2:Target Size (Minimum))。44×44 CSS pxは2.5.5(レベルAAA)の基準です(WCAG 2.2:Target Size (Enhanced))。対象の端末で押し間違えないかも確かめます。
- キーボード操作とフォーカス:Tabキーで移動できるだけでなく、すべての機能をキーボードで実行・選択できるか(2.1.1、Keyboard)、フォーカスの位置が見えるか(2.4.7、Focus Visible)、固定表示のヘッダーなどでフォーカスが完全に隠れないか(2.4.11、Focus Not Obscured (Minimum))を確認します。2.4.11(レベルAA)は一部が隠れることを許していますが、見やすさのためには隠れない設計が望ましいとされています。
- ラベル・説明・
エラーの :ラベルと関連 付け 入力欄を 関連付け、 色だけに 頼らずに 必須や エラーを 伝えます (WAI:Labeling Controls)。 - 処理の状態の通知:保存の完了やエラーの件数などの状態の変化は、画面に読み込み中の表示や短い通知が見えるだけでなく、スクリーンリーダーなどの支援技術にも伝わるようにします(4.1.3、Status Messages)。
これらは確認の観点の一部です。WCAGへの適合はページ全体と一連の手続き全体で判断されるため(WCAG 2.2:Conformance Requirements)、この記事の確認項目を満たしただけで、WCAGやJISに適合しているとはいえません。
UI/UX改善の 指標:完了率・ 入力 ミス・ 差し戻し・ 時間
改善を確かめる指標は、何を開始・完了とするかを決め、同じ条件で比べます。次の表は、この記事で使う数え方の例です。すべてのシステムに共通する標準の式ではないため、自社の業務に合わせて定義を決めます。
表は
| 指標 | この | 一緒に | 判断の |
|---|---|---|---|
| 完了率 | 開始した | 完了の | 下 |
| 修正・助言なしの | 開始した | 助言の | 完了率とは |
| 完了時間 | 開始点から | 開始点と | 未完了を |
| 入力エラー発生率 | 開始した | エラーが | 項目ごとの |
| 差し戻し率 | 期間内に | 対象の | 入力エラーとは |
| 問い合わせ | 期間内の | 利用者数や | 利用が |
比べるときは、利用者の役割と習熟度、課題、端末、データ、システムの版、開始・完了・中断の条件、助言の有無、上限時間、記録の漏れをそろえます。完了したと思ったのに実際は完了していない場合も記録し、数字に加えて、難しさや自信など利用者の声も確認します(GOV.UK:Usability benchmarking、確認日:2026年10月21日)。少人数の観察は問題と原因の手がかりを見つけるためのもので、全利用者での改善率を示すには、条件をそろえた量的な比較が別に必要です(デジタル庁のガイドブック PDF p.43)。指標の定義と集計の条件をそろえる考え方は、データ分析基盤の記事でも扱っています。
ユーザビリティテストと 改善記録の 作り方
ユーザビリティテストでは、対象の業務と完了の条件を決め、実際の利用者や利用が見込まれる人に、答えを示さない課題で操作してもらい、観察した事実と原因の仮説を分けて記録します。進め方の例は次のとおりです(GOV.UK:Moderated usability testing、確認日:2026年10月21日)。
- 対象の
業務、 利用者、 完了の 条件を 決める。 - 参加の
同意、 記録する 範囲、 試験の 条件 (端末・ データ・ 版・ 上限時間)を 決める。 - 答えを
示さない 課題を 出し、 操作を 観察する。 - 観察した
事実と、 原因の 仮説を 分けて 記録する。 - 業務への
影響、 頻度、 元に 戻せるか、 改修の 工数から、 暫定の 優先度を 決める。 - 試作と
受入の 条件、 担当を 記録し、 同じ 条件で 再確認する。
人数は固定せず、対象の役割と目的から決めます。少人数のテストを繰り返す考え方が知られていますが、その数値には前提となるモデルと条件があり、申請者と承認者、初めての人と慣れた人、支援技術を使う人など、利用者のグループごとに分けて確かめる必要があります(NN/g:Why You Only Need to Test with 5 Users、デジタル庁のガイドブック PDF p.44)。
以下は数え方を説明する仮の記録です。備品購入申請の画面を、申請者6名が同じPC・同じ版・同じ仮の入力内容で各1回操作した想定です。開始は課題の説明を終えて操作を始めた時点、完了は「申請を送信し、受付番号と承認待ちの状態を確認したこと」とし、助言はせず、上限は600秒としました。下書きの保存だけで終えた場合は未完了とし、承認されたかどうかは別の業務段階として扱います。
表は
| 観察ID | 結果と | 経過時間 | 観察した |
|---|---|---|---|
| A | 完了・ | 180秒 | 受付番号と |
| B | 完了・ | 240秒 | 必須項目の |
| C | 未完了・ | 600秒 | 予算コードの |
| D | 完了・ | 300秒 | 確認画面で |
| E | 未完了・ | 210秒 | 下 |
| F | 完了・ | 360秒 | 数量の |
この記録では、完了率は4/6(約66.7%)、修正・助言なしの完了率は2/6(約33.3%、AとD)、入力エラーがあった試行は3/6(50%、B・C・F)です。完了した4件の時間は、平均が(180+240+300+360)÷4=270秒、中央値も270秒です。未完了のCとEは、それぞれ600秒・210秒として別に残し、0秒にしたり完了した人の時間に混ぜたりしません。承認側の確認と問い合わせは記録していないため、差し戻し率と問い合わせは未確認とし、0件とは書きません。6名はこの例の件数で、推奨する人数や全利用者を代表する根拠ではありません。
観察から、
表は
| 困りごとと優先度 | 原因の | 改善案 | 次回の |
|---|---|---|---|
| Eの | 「保存」の | 下 | 申請が |
| Cの | 入力の | 業務上必要な | 対象者が |
| B・Fの | 必須の | 必須の | 誤りに |
| Dの | 確認すべき | 重要な | 内容を |
出現回数が少ない段階で順位を固定せず、業務への影響と元に戻せるかを含めた暫定の優先度とします。改善後の数値は、次回に同じ条件で確認してから記録します。改善の記録として残すのは、対象の業務と完了の条件、観察の記録、原因の仮説と優先度、試作の案、受入の条件・担当・再確認の予定です。
改善前 チェックリストと FAQ
改善を始める前に、分かる範囲で次の点を確認します。すべてに当てはまっても、使いやすさが保証されるわけではありません。未確認の項目は、担当と確認の時期を決めて残します。
社内や外部に相談するときは、困っている操作、使う人、今の手順、変えられる範囲を分かる範囲でまとめておくと、整理を進めやすくなります。資料や要件がそろっていなくても、ご相談いただけます。非公開の画面、個人情報、パスワードを相談フォームに書いていただく必要はありません。
押さえておきたい点
自社の状況を確認する
- □ 改善する
業務と、 対象の 利用者 (申請者・ 承認者など)を 決めた - □ 完了の
条件を 決め、 下書きの 保存と 申請の 完了を 区別した - □ 項目ごとに、
業務上の 必要性・必須の 条件・ 入力例を 確認した - □ 入力
エラーと、 承認での 内容の 差し戻しを 分けて 記録している - □ 成功・
失敗・ 結果 未確認の 状態と、 再送して よい 条件を 決めた - □ キーボード
操作、 フォーカスの 表示、 ラベルと 入力欄の 関連付け、 状態の 通知を 確認した - □ 文字の
コントラスト、 色以外の 手が かり、 押す対象の 大きさを 確認した - □ 観察の
条件、 指標の 分母、 未完了の 扱いを そろえた - □ 改善案ごとに、
受入の 条件と 担当を 決めた - □ 再確認の
予定と、 未確認の 事項を 記録した
よく ある 質問
Q. 使いにくい業務
必要とは限りません。困っている場面を確認票で分けると、入力画面の改修で直せること、業務手順や承認のルールを見直すこと、権限や性能を直すことに分けられます。影響の大きい場面から小さく試作し、同じ条件で確かめてから範囲を広げます。
Q. UI/UX改善の
対象の業務に合わせて、完了率、修正・助言なしの完了率、完了時間、入力エラー、差し戻し、問い合わせなどから選びます。開始と完了の条件、分母、未完了の扱いを先に決め、同じ条件で比べます。完了時間が短くなったことだけで改善とは判断しません。
Q. ユーザビリティテストは、
決まった人数はありません。少人数の観察を繰り返して問題を見つける方法がありますが、申請者と承認者、初めての人と慣れた人など、利用者のグループごとに確かめる必要があります。全利用者での改善率を示したい場合は、条件をそろえた量的な比較が別に必要です。
Q. UIライブラリや
部品の見た目や操作の一貫性をそろえる助けにはなりますが、それだけでは解決しません。項目の必要性、入力の条件、エラーの伝え方、処理の状態、業務の流れは、対象の業務に合わせて設計し、利用者の操作で確かめる必要があります。
Q. 要件や
はい、ご相談いただけます。困っている操作、使う人、今の手順、変えられる範囲について、分かる範囲から整理します。非公開の画面、個人情報、パスワードを相談フォームに書いていただく必要はありません。
参考情報
- デジタル
庁:DS-671.1 ユーザビリティ 導入 ガイドブック (PDF p.11、 p.43〜46。 確認日:2026年10月21日) - GOV.UK Service Manual:Using moderated usability testing
(確認日:2026年10月21日) - GOV.UK Service Manual:Usability benchmarking a website or whole service
(確認日:2026年10月21日) - W3C WAI:Labeling Controls
(確認日:2026年10月21日) - W3C WAI:Validating Input
(確認日:2026年10月21日) - W3C WAI:User Notifications
(確認日:2026年10月21日) - WCAG 2.2 Understanding:1.4.3 Contrast (Minimum)
(確認日:2026年10月21日) - WCAG 2.2 Understanding:2.5.8 Target Size (Minimum)
(確認日:2026年10月21日) - WCAG 2.2 Understanding:2.5.5 Target Size (Enhanced)
(確認日:2026年10月21日) - WCAG 2.2 Understanding:2.1.1 Keyboard
(確認日:2026年10月21日) - WCAG 2.2 Understanding:2.4.7 Focus Visible
(確認日:2026年10月21日) - WCAG 2.2 Understanding:2.4.11 Focus Not Obscured (Minimum)
(確認日:2026年10月21日) - WCAG 2.2 Understanding:4.1.3 Status Messages
(確認日:2026年10月21日) - WCAG 2.2 Understanding:3.3.4 Error Prevention (Legal, Financial, Data)
(確認日:2026年10月21日) - WCAG 2.2:5.2 Conformance Requirements
(2024年12月12日の W3C勧告。 確認日:2026年10月21日) - Nielsen Norman Group:Why You Only Need to Test with 5 Users
(2000年3月18日。 確認日:2026年10月21日)
使いにくい場面から、 改善する範囲を 整理します。
迷う操作、入力ミスや差し戻しが起きる場面、利用者と現在の手順から、業務整理・試作・受入条件のどこを見直すかをご相談いただけます。初回相談で対象と支援範囲を確認します。