システム開発
約20分
更新

業務システムの使いにくさを減らすUI/UX改善:現場定着を左右する設計原則

執筆・編集Malake株式会社
まず押さえたいこと

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改善の指標:完了率・入力ミス・差し戻し・時間

改善を確かめる指標は、何を開始・完了とするかを決め、同じ条件で比べます。次の表は、この記事で使う数え方の例です。すべてのシステムに共通する標準の式ではないため、自社の業務に合わせて定義を決めます。

表は横にスクロールできます →

▼ 指標の数え方(例)
指標この例での数え方一緒に記録する条件判断の注意
完了率開始した試行のうち、決めた完了の条件を満たした試行の割合完了の条件(例:送信し、受付番号と承認待ちを確認)、上限時間下書きの保存だけを完了に含めない
修正・助言なしの完了率開始した試行のうち、入力エラーも進行役の助言もなく完了した試行の割合助言の有無、入力エラーの有無完了率とは別に記録する
完了時間開始点から完了点までの時間。完了した試行で、件数とともに平均や中央値を出す開始点と終了点、未完了の試行の経過時間未完了を0秒にしない。速くなったことだけで改善と判断しない
入力エラー発生率開始した試行のうち、入力エラーが1回以上あった試行の割合エラーが起きた項目と件数項目ごとのエラー件数や、サーバーの障害とは分ける
差し戻し率期間内に承認者が内容を確認した申請のうち、1回以上差し戻された申請の割合対象の期間と申請、再提出を同じ申請と数えるか、差し戻しの理由入力エラーとは別に数え、理由を残す
問い合わせ期間内の件数と内容利用者数や処理件数などの分母利用が減ったことによる減少を、改善と決めつけない

比べるときは、利用者の役割と習熟度、課題、端末、データ、システムの版、開始・完了・中断の条件、助言の有無、上限時間、記録の漏れをそろえます。完了したと思ったのに実際は完了していない場合も記録し、数字に加えて、難しさや自信など利用者の声も確認します(GOV.UK:Usability benchmarking、確認日:2026年10月21日)。少人数の観察は問題と原因の手がかりを見つけるためのもので、全利用者での改善率を示すには、条件をそろえた量的な比較が別に必要です(デジタル庁のガイドブック PDF p.43)。指標の定義と集計の条件をそろえる考え方は、データ分析基盤の記事でも扱っています。

ユーザビリティテストと改善記録の作り方

ユーザビリティテストでは、対象の業務と完了の条件を決め、実際の利用者や利用が見込まれる人に、答えを示さない課題で操作してもらい、観察した事実と原因の仮説を分けて記録します。進め方の例は次のとおりです(GOV.UK:Moderated usability testing、確認日:2026年10月21日)。

  1. 対象の業務、利用者、完了の条件を決める。
  2. 参加の同意、記録する範囲、試験の条件(端末・データ・版・上限時間)を決める。
  3. 答えを示さない課題を出し、操作を観察する。
  4. 観察した事実と、原因の仮説を分けて記録する。
  5. 業務への影響、頻度、元に戻せるか、改修の工数から、暫定の優先度を決める。
  6. 試作と受入の条件、担当を記録し、同じ条件で再確認する。

人数は固定せず、対象の役割と目的から決めます。少人数のテストを繰り返す考え方が知られていますが、その数値には前提となるモデルと条件があり、申請者と承認者、初めての人と慣れた人、支援技術を使う人など、利用者のグループごとに分けて確かめる必要があります(NN/g:Why You Only Need to Test with 5 Users、デジタル庁のガイドブック PDF p.44)。

以下は数え方を説明する仮の記録です。備品購入申請の画面を、申請者6名が同じPC・同じ版・同じ仮の入力内容で各1回操作した想定です。開始は課題の説明を終えて操作を始めた時点、完了は「申請を送信し、受付番号と承認待ちの状態を確認したこと」とし、助言はせず、上限は600秒としました。下書きの保存だけで終えた場合は未完了とし、承認されたかどうかは別の業務段階として扱います。

表は横にスクロールできます →

▼ 観察の記録(備品購入申請・仮の6件)
観察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

改善を始める前に、分かる範囲で次の点を確認します。すべてに当てはまっても、使いやすさが保証されるわけではありません。未確認の項目は、担当と確認の時期を決めて残します。

社内や外部に相談するときは、困っている操作、使う人、今の手順、変えられる範囲を分かる範囲でまとめておくと、整理を進めやすくなります。資料や要件がそろっていなくても、ご相談いただけます。非公開の画面、個人情報、パスワードを相談フォームに書いていただく必要はありません。

押さえておきたい点

業務システムのUI/UX改善で大切なのは、見た目を整えることよりも、業務の目的と完了の条件をそろえ、観察、原因の仮説、小さな改善、同じ条件での再確認を繰り返すことです。数字と観察を分けて記録すると、改善の効果と残る課題を判断しやすくなります。

自社の状況を確認する

  • □ 改善する業務と、対象の利用者(申請者・承認者など)を決めた
  • □ 完了の条件を決め、下書きの保存と申請の完了を区別した
  • □ 項目ごとに、業務上の必要性・必須の条件・入力例を確認した
  • □ 入力エラーと、承認での内容の差し戻しを分けて記録している
  • □ 成功・失敗・結果未確認の状態と、再送してよい条件を決めた
  • □ キーボード操作、フォーカスの表示、ラベルと入力欄の関連付け、状態の通知を確認した
  • □ 文字のコントラスト、色以外の手がかり、押す対象の大きさを確認した
  • □ 観察の条件、指標の分母、未完了の扱いをそろえた
  • □ 改善案ごとに、受入の条件と担当を決めた
  • □ 再確認の予定と、未確認の事項を記録した

よくある質問

Q. 使いにくい業務システムは、全面的に作り直す必要がありますか?

必要とは限りません。困っている場面を確認票で分けると、入力画面の改修で直せること、業務手順や承認のルールを見直すこと、権限や性能を直すことに分けられます。影響の大きい場面から小さく試作し、同じ条件で確かめてから範囲を広げます。

Q. UI/UX改善の指標は、何を測ればよいですか?

対象の業務に合わせて、完了率、修正・助言なしの完了率、完了時間、入力エラー、差し戻し、問い合わせなどから選びます。開始と完了の条件、分母、未完了の扱いを先に決め、同じ条件で比べます。完了時間が短くなったことだけで改善とは判断しません。

Q. ユーザビリティテストは、何人で行えばよいですか?

決まった人数はありません。少人数の観察を繰り返して問題を見つける方法がありますが、申請者と承認者、初めての人と慣れた人など、利用者のグループごとに確かめる必要があります。全利用者での改善率を示したい場合は、条件をそろえた量的な比較が別に必要です。

Q. UIライブラリやデザインシステムを使えば、使いにくさは解決しますか?

部品の見た目や操作の一貫性をそろえる助けにはなりますが、それだけでは解決しません。項目の必要性、入力の条件、エラーの伝え方、処理の状態、業務の流れは、対象の業務に合わせて設計し、利用者の操作で確かめる必要があります。

Q. 要件や資料がそろっていなくても相談できますか?

はい、ご相談いただけます。困っている操作、使う人、今の手順、変えられる範囲について、分かる範囲から整理します。非公開の画面、個人情報、パスワードを相談フォームに書いていただく必要はありません。

使いにくい場面から、改善する範囲を整理します。

迷う操作、入力ミスや差し戻しが起きる場面、利用者と現在の手順から、業務整理・試作・受入条件のどこを見直すかをご相談いただけます。初回相談で対象と支援範囲を確認します。

業務整理・システム改善の支援内容を見る