Hướng dẫn UI/UX dịch vụ chính phủ số (2024.2, Bộ Hành chính và An ninh Hàn Quốc)

1. Tổng quan

A. Định nghĩa và mục đích

Tiêu chuẩn của Bộ Hành chính và An ninh Hàn Quốc (MOIS) tổng hợp các nguyên tắc và hạng mục thiết kế chi tiết phải tuân thủ nhằm nâng cao nhất quán chất lượng UI/UX của các dịch vụ số (web·ứng dụng) do cơ quan hành chính trung ương·chính quyền địa phương·cơ quan công quyền cung cấp. Mục tiêu là hiện thực dịch vụ mà bất kỳ người dân nào cũng có thể sử dụng dễ dàng và không bị phân biệt đối xử.

B. Bối cảnh ra đời và sự cần thiết

Lâu nay dịch vụ số công được đặt hàng·xây dựng riêng rẽ theo từng bộ·cơ quan, nên dù cùng là dịch vụ của chính phủ nhưng bố cục màn hình·thuật ngữ·quy trình xác thực mỗi nơi một kiểu, khiến người dân phải chịu gánh nặng học lại mỗi lần sử dụng. Ngoài ra, nhóm yếu thế về số như người cao tuổi·người thị lực kém·người khuyết tật gặp vấn đề khoảng cách thông tin nghiêm trọng khi không thể sử dụng chính dịch vụ trước những màn hình không bảo đảm khả năng tiếp cận. Hướng dẫn này được xây dựng nhằm giải quyết sự phân mảnh và thiếu hụt khả năng tiếp cận đó, bằng cách đưa ra tiêu chuẩn thiết kế chung và các component tái sử dụng được chia sẻ trên toàn chính phủ, qua đó đồng thời mang lại trải nghiệm nhất quán cho người dân và nâng cao hiệu quả phát triển cùng chất lượng cho các cơ quan.

Hướng dẫn hướng tới bốn giá trị cốt lõi. Tính nhất quán giúp người dân dùng dịch vụ của bất kỳ cơ quan nào theo cách quen thuộc, tính bao trùm·khả năng tiếp cận quan tâm đến người yếu thế về số, lấy người dùng làm trung tâm thiết kế từ góc nhìn người dân chứ không phải sự tiện lợi của bên cung cấp, và tính tin cậy mang lại cảm giác ổn định xứng tầm dịch vụ công.

2. Cấu trúc của hướng dẫn (các thành phần)

flowchart LR
  P[Nguyên tắc Principle] --> C[Thành phần Component]
  C --> PT[Mẫu Pattern]
  PT --> S[Phong cách Style]

Hướng dẫn có cấu trúc 4 tầng đi từ định hướng trừu tượng xuống các quy tắc thị giác cụ thể. Lý do chia tầng như vậy là để nguyên tắc ở tầng trên được quán triệt nhất quán xuống thành phần·mẫu·phong cách ở tầng dưới, giúp người thiết kế tạo ra kết quả thống nhất mà không cần phán đoán tùy ý.

Tầng trên cùng Nguyên tắc (Principle) đưa ra các tiêu chí phán đoán như "lấy người dùng làm trung tâm·nhất quán·khả năng tiếp cận·tin cậy". Bên dưới, Thành phần (Component) định nghĩa các bộ phận UI chung tạo nên màn hình như nút·ô nhập·điều hướng, Mẫu (Pattern) định nghĩa thiết kế chuẩn cho các luồng màn hình lặp lại ở nhiều dịch vụ như tìm kiếm·đăng ký·xác thực, và tầng dưới cùng Phong cách (Style) định nghĩa quy tắc biểu hiện thị giác như màu sắc·kiểu chữ·biểu tượng. Chẳng hạn, nguyên tắc "khả năng tiếp cận" được hiện thực ở tầng thành phần thành "nút phải có kích thước đủ lớn và độ tương phản sáng đủ", và ở tầng phong cách thành con số cụ thể "độ tương phản văn bản từ 4.5:1 trở lên".

3. Đối tượng và tiêu chuẩn áp dụng

Đối tượng áp dụng là toàn bộ dịch vụ số web·ứng dụng do cơ quan hành chính trung ương·chính quyền địa phương·cơ quan công quyền vận hành. Cốt lõi của tiêu chuẩn tuân thủ là khả năng tiếp cận web (KWCAG, hướng dẫn khả năng tiếp cận nội dung web kiểu Hàn Quốc). Đây không chỉ là khuyến nghị đơn thuần mà, như sẽ thấy ở phần sau, gắn với nghĩa vụ pháp lý, và thông qua các hạng mục như văn bản thay thế·thao tác bàn phím·độ tương phản sáng giúp cả người dùng không nhìn được màn hình hoặc khó dùng chuột cũng có thể sử dụng dịch vụ.

Đặc biệt, việc lấy ưu tiên di động (Mobile-First)·responsive làm tiêu chuẩn phản ánh thực tế đa số người dân truy cập dịch vụ công bằng điện thoại thông minh hơn là PC. Bố cục phải được sắp xếp lại linh hoạt theo kích thước màn hình thì mới bảo đảm chất lượng dịch vụ như nhau trên mọi thiết bị.

4. Phương pháp sử dụng (quy trình áp dụng)

flowchart LR
  P[Hoạch định] --> D[Thiết kế·Design]
  D --> B[Xây dựng·Phát triển]
  B --> T[Kiểm tra·Đánh giá]
  T -.Cải tiến.-> D

Hướng dẫn không phải tài liệu chỉ tham khảo ở một giai đoạn cụ thể mà được áp dụng xuyên suốt mọi giai đoạn của vòng đời dịch vụ. Ở giai đoạn hoạch định, định nghĩa hành trình người dùng và mẫu; ở giai đoạn thiết kế·design, tái sử dụng component chung và phong cách; ở giai đoạn xây dựng, phản ánh tiêu chuẩn khả năng tiếp cận vào mã; ở giai đoạn kiểm tra·đánh giá, xác nhận việc tuân thủ bằng checklist và đánh giá khả năng sử dụng. Kết quả đánh giá được phản hồi lại vào thiết kế, tạo thành cấu trúc tuần hoàn trong đó cải tiến được lặp lại.

Lúc này, tái sử dụng component chung mang ý nghĩa vượt ra ngoài hiệu quả đơn thuần. Dùng lại các bộ phận đã được kiểm chứng về khả năng tiếp cận·khả năng sử dụng thì mỗi cơ quan không cần tự bảo đảm lại chất lượng, và nó vận hành như một hệ thống thiết kế (design system) nâng đồng thời năng suất phát triển và ngưỡng chất lượng tối thiểu. Điều này còn có lợi khi bảo trì: chỉ cần cải tiến một component là thay đổi được phản ánh vào mọi dịch vụ sử dụng nó.

5. Các điểm cần lưu ý và hàm ý

• Chiến lược áp dụng theo giai đoạn: Các dịch vụ đang vận hành khó thay đổi một lần, nên cần cách tiếp cận thực tế phản ánh dần dần theo thời điểm làm mới·cải tổ.
• Liên kết với nghĩa vụ pháp lý: Khả năng tiếp cận web là hạng mục bắt buộc dựa trên Luật Cấm phân biệt đối xử với người khuyết tật của Hàn Quốc, nên việc tuân thủ hướng dẫn gắn trực tiếp với quản lý rủi ro quy định. Phải nội tại hóa khả năng tiếp cận ngay từ đầu thiết kế (Accessibility by Design) thay vì bổ sung sau thì mới giảm được chi phí.
• Phát triển thành hệ thống thiết kế toàn chính phủ: Hướng dẫn này vượt ra ngoài chỉ dẫn riêng lẻ, mở rộng thành hệ thống thiết kế dưới dạng thư viện component dùng chung·design token, và đang trở thành hạ tầng nâng cao đồng thời tính nhất quán trải nghiệm của người dân và hiệu quả phát triển của chính phủ.

Tóm tắt một câu: Hướng dẫn này là tiêu chuẩn toàn chính phủ, với cấu trúc 4 tầng nguyên tắc·thành phần·mẫu·phong cách, áp dụng tái sử dụng component chung cho mọi giai đoạn từ hoạch định đến kiểm tra·đánh giá để bảo đảm nhất quán chất lượng UI/UX và khả năng tiếp cận (KWCAG) của dịch vụ số công, đồng thời gắn với nghĩa vụ pháp lý về khả năng tiếp cận.