Kết nối dữ liệu. Tối ưu vận hành. 0965 796 133info@watatech.com.vn
WATA TECH

Phát triển phần mềm

Thiết kế UI/UX

Thiết kế UI/UX giúp phần mềm nghiệp vụ phản ánh đúng công việc và giảm các bước gây vướng cho người dùng. WATA TECH quan sát thao tác thực tế, dựng luồng, chuẩn hóa thành phần và kiểm tra trên bản mẫu trước khi bàn giao.

  • Quan sát công việc thực tế
  • Rút bớt bước thao tác
  • Bộ thành phần dùng chung

Dấu hiệu doanh nghiệp cần thiết kế UI/UX

Công việc phải qua nhiều màn hình

Người dùng lặp lại thao tác hoặc di chuyển qua nhiều màn hình mới hoàn thành một công việc hằng ngày.

Giao diện thiếu nhất quán

Người dùng mất thêm thời gian làm quen khi màu sắc, nút và biểu mẫu không tuân theo một quy tắc chung.

Luồng chưa sát công việc thật

Thiết kế thiếu quan sát người dùng có thể tạo điểm vướng và làm phát sinh sai sót khi thao tác.

Thiết kế UI/UX là gì và WATA TECH làm phần nào

Thiết kế UI/UX cho phần mềm nghiệp vụ tập trung vào cách người dùng hoàn thành công việc, tốc độ xử lý và sự nhất quán, không chỉ hình thức. Điểm bắt đầu là quan sát người dùng, nhận diện thao tác lặp và vị trí thường xảy ra lỗi.

WATA TECH dựng sơ đồ thao tác theo từng nhóm người dùng, rút phần không cần thiết rồi phát triển từ bản khung đến giao diện hoàn chỉnh. Màu, chữ, nút và biểu mẫu được chuẩn hóa thành bộ thành phần dùng chung.

Doanh nghiệp cần bố trí người dùng trực tiếp tham gia mô tả công việc, phản hồi từng mức thiết kế và thao tác trên bản mẫu. Phản hồi được tổng hợp, điều chỉnh trước khi tài liệu thiết kế được bàn giao cho đội lập trình.

Phù hợp với doanh nghiệp nào

Phù hợp khi

  • Đang có luồng thao tác dài

    Phù hợp khi người dùng phải đi qua nhiều màn hình cho một công việc.

  • Cần giao diện nhất quán

    Phù hợp khi màu, chữ, nút và biểu mẫu chưa tuân theo quy tắc chung.

  • Đang chuẩn bị xây phần mềm

    Phù hợp khi doanh nghiệp muốn chốt rõ luồng thao tác trước lúc lập trình.

Chưa phù hợp khi

  • Chỉ cần làm đẹp trang giới thiệu

    Chưa phù hợp nếu công việc không có luồng nghiệp vụ cần nghiên cứu và kiểm tra.

Phạm vi công việc

Ghi nhận thao tác người dùng

Đầu vào thiết kế ghi lại công việc thực tế, những thao tác bị lặp và các vị trí người dùng thường sai.

Luồng theo từng nhóm

Các bước được sắp xếp theo từng nhóm người dùng cụ thể và lược bỏ những phần không cần thiết.

Bản khung và giao diện

Từ cấu trúc màn hình, đội ngũ hoàn thiện dần giao diện chi tiết để doanh nghiệp phản hồi ở từng mức.

Bộ thành phần dùng chung

Quy tắc chung cho màu, chữ, nút và biểu mẫu giúp cách sử dụng giữa các màn hình nhất quán.

Quy trình 5 bước

  1. Quan sát công việc

    WATA TECH tìm hiểu cách nhân viên đang làm, ghi lại thao tác lặp và những chỗ thường xảy ra sai sót.

    Kết quả: Ghi nhận nghiên cứu người dùng

  2. Dựng sơ đồ thao tác

    Các bước được vẽ theo từng nhóm người dùng cụ thể, đồng thời lược bỏ những phần không cần thiết.

    Kết quả: Sơ đồ luồng theo nhóm

  3. Phát triển bản thiết kế

    Đội ngũ đi từ bản khung đơn giản đến giao diện hoàn chỉnh và lấy phản hồi ở từng mức.

    Kết quả: Bản khung và giao diện

  4. Chuẩn hóa thành phần

    Màu, chữ, nút, biểu mẫu được sắp thành bộ dùng chung để các màn hình giữ cách dùng nhất quán.

    Kết quả: Bộ thành phần giao diện

  5. Kiểm tra và bàn giao

    Người dùng thao tác trên bản mẫu; phản hồi được chỉnh sửa trước khi giao tài liệu cho đội lập trình.

    Kết quả: Bản mẫu và tài liệu

Doanh nghiệp nhận được gì

  • Ghi nhận nghiên cứu

    Tài liệu về thao tác lặp và những vị trí người dùng hay sai.

  • Sơ đồ luồng

    Luồng thao tác được sắp xếp rõ theo từng nhóm người dùng.

  • Bản khung và giao diện

    Thiết kế từ cấu trúc màn hình đến giao diện hoàn chỉnh.

  • Bộ thành phần

    Màu, chữ, nút và biểu mẫu dùng chung giữa các màn hình.

  • Bản mẫu và tài liệu

    Bản mẫu đã kiểm tra cùng tài liệu bàn giao cho đội lập trình.

Thời gian và chi phí phụ thuộc vào đâu

Thời gian và chi phí thiết kế cùng phụ thuộc các luồng thao tác cần xử lý, những nhóm người dùng tham gia và mức chi tiết của bộ bàn giao; được chốt sau khảo sát.

Số luồng thao tác

Những công việc cần quan sát, sắp xếp bước và kiểm tra trên bản mẫu.

Số nhóm người dùng

Các vai trò có cách làm và nhu cầu giao diện khác nhau.

Mức độ chi tiết

Phần bản khung, giao diện, thành phần và tài liệu cần bàn giao.

Con số cụ thể được chốt sau khảo sát.

Đặt lịch khảo sát

Câu hỏi thường gặp về thiết kế UI/UX

Thiết kế có chỉ tập trung vào hình thức không?

Không. Dịch vụ xem xét luồng công việc, tốc độ xử lý thao tác và sự nhất quán của phần mềm nghiệp vụ. Phần hình thức được hoàn thiện sau khi cấu trúc và cách sử dụng đã rõ.

Ai nên tham gia phản hồi bản mẫu?

Người trực tiếp thực hiện nghiệp vụ nên thử các thao tác trên bản mẫu để góp ý theo công việc. Doanh nghiệp cũng thống nhất từng mức từ bản khung đến giao diện hoàn chỉnh.

Thời gian và chi phí thiết kế được xác định thế nào?

Thời gian và chi phí cùng phụ thuộc số luồng thao tác, số nhóm người dùng và mức độ chi tiết cần bàn giao. Các yếu tố này được chốt sau khảo sát ban đầu.

Bản khung và bản mẫu khác nhau thế nào?

Bản khung thể hiện cấu trúc màn hình đơn giản; giao diện hoàn chỉnh làm rõ thành phần trực quan. Bản mẫu cho phép người dùng thực hiện thao tác để kiểm tra và phản hồi.

Có thể thiết kế lại giao diện phần mềm đang dùng không?

Có thể bắt đầu bằng việc quan sát cách nhân viên đang làm trên phần mềm, ghi nhận thao tác lặp và những chỗ thường hay sai, rồi dựng lại luồng cùng giao diện chi tiết.

Đội lập trình nhận được gì khi bàn giao thiết kế?

Đội lập trình nhận bản khung, giao diện hoàn chỉnh, bộ thành phần dùng chung, bản mẫu đã kiểm tra và tài liệu bàn giao sau khi các phản hồi người dùng được xử lý.

CÙNG WATA TECH

Rút gọn luồng thao tác nghiệp vụ

Chia sẻ công việc người dùng để WATA TECH khảo sát luồng và phạm vi thiết kế.