Designer Cần Biết: 6 Nguyên Tắc Thiết Kế GUI

Designer Cần Biết: 6 Nguyên Tắc Thiết Kế GUI

Thiết kế GUI (Graphical User Interface) đã trở thành xu hướng của thiết kế giao diện người dùng. Tuy nhiên, bất chấp sự phổ biến của GUI, rất ít chương trình ứng dụng có thiết kế giao diện tốt và tuân thủ các nguyên tắc thiết kế tiêu chuẩn. Bài viết này tóm tắt 6 tips trong việc thiết kế GUI dành cho ứng dụng của bạn

Sơ lược về GUI

Giao diện đồ họa người dùng (GUI) là một thuật ngữ trong ngành công nghiệp máy tính. Đó là một cách giao tiếp với máy tính hay các thiết bị điện tử bằng hình ảnh và chữ viết thay vì chỉ là các dòng lệnh đơn thuần. GUI được sử dụng phổ biến trong máy tính, các thiết bị cầm tay, các thiết bị đa phương tiện, hoặc các linh kiện điện tử,...

Một hệ thống GUI là sự kết hợp của các công nghệ, thiết bị để cung cấp cho người dùng một nền tảng cho phép người sử dụng có thể tương tác với nó.

Một chuỗi các thành phần của GUI tuân theo một ngôn ngữ trực quan (visual language) để biểu diễn thông tin được lưu trữ trong các máy tính. Thông dụng nhất khi kể đến sự kết hợp các thành phần như vậy là mô hình WIMP (window, icon, menu, pointing device) trong các máy tính cá nhân.

Để thiết kế GUI tối ưu và đem lại hiệu quả tốt nhất, sau đây sẽ là các bí kíp bỏ túi mà các designer cần nắm bắt

1. Hiểu người dùng trước tiên

Một trong những nguyên tắc thiết kế GUI này cho rằng Ứng dụng phải có thể phản ánh các đặc điểm trong suy nghĩ và hành vi của người dùng. Các lập trình viên nên tìm hiểu user trước tiên để có thiết kế trải nghiệm khách hàng. Ghi nhớ thông qua hành động dễ hơn là nhớ bằng từ ngữ. Tại sao? Có liên quan gì đến thiết kế trải nghiệm? Bời lẽ, người bình thường chỉ có thể nhớ khoảng 2.000 đến 3.000 từ, nhưng xác định được hơn 50.000 từ. Do đó, tốt hơn là làm cho người dùng nhớ các button chính thay vì cung cấp danh sách hoặc giá trị dữ liệu để người dùng lựa chọn.

2. Các quan điểm khác nhau trong Thiết kế GUI.

Nhiều nhà thiết kế có thể vô tình sa lầy vào cái bẫy của các “quan điểm” về thiết kế biểu tượng hoặc thiết kế tổng thể cho phần mềm. Đó là góc nhìn từ một nhà thiết kế chứ không phải người dùng. Một trong những nguyên tắc thiết kế GUI này yêu cầu nhà thiết kế phải tính đến quan điểm của người dùng để làm cho người dùng hiểu rõ hơn về thiết kế giao diện người dùng.

3. Làm cho GUI sắc nét hơn.

GUI của Ứng dụng thường không rõ ràng đối với người dùng cuối. Một giải pháp hiệu quả là phát triển, sử dụng và dự trữ danh sách từ để làm cho Ứng dụng sắc nét hơn. Sự mơ hồ hoặc không phù hợp của một số mục của Ứng dụng đã khiến nhiều người dùng bất bình. Vậy đấy, hãy đặt mình trong vị trí người dùng cuối để cung cấp 1 trải nghiệm rõ nét, thể hiện đúng chức năng.

4. Tuân theo GUI chung

Một thiết kế GUI tốt cần tuân theo và phù hợp với thiết kế của một số Ứng dụng khác đã đạt được thành công và phổ biến. Khi biên dịch phần mềm Ứng dụng thương mại, một trong những nguyên tắc thiết kế GUI này yêu cầu các nhà thiết kế cung cấp cho người dùng nhiều nhất có thể các thiết kế phù hợp với các thiết kế nổi bật.

5. Cung cấp phản hồi trực quan (visual feedback)

Nếu bạn đã từng nhìn chằm chằm vào con chuột hoặc đồng hồ cát khi đợi hoàn thành chương trình, thì bạn có thể nhận ra cảm giác chán nản do thiếu phản hồi trực quan. Người dùng của bạn cần biết họ phải đợi bao lâu để kết thúc quá trình thực thi chương trình. Theo một trong những nguyên tắc thiết kế GUI này, Khi mất hơn 7 đến 10 giây để hoàn tất quá trình thực thi chương trình, người dùng thường cần có notification để nhắc nhở về các action của họ.

6. Cung cấp phản hồi âm thanh (audio feedback)

Âm thông báo thường được coi là một loại tiếng ồn. Nó cũng giống như thiết kế GUI. Tuy nhiên, phản hồi bằng âm thanh hoạt động khi cần thiết để nhắc nhở người dùng về các sự cố nghiêm trọng sắp xảy ra. Ví dụ, phản hồi âm thanh để đưa ra cảnh báo là không thể thiếu khi một thao tác nữa của user có thể dẫn đến mất dữ liệu. Do đó, một trong những nguyên tắc thiết kế GUI này cũng gợi ý rằng người dùng nên được phép tắt phản hồi âm thanh trong thiết kế GUI ngoại trừ trường hợp có sự cố xảy ra và phải được xử lý.

Hy vọng 6 tips này về các nguyên tắc thiết kế GUI có thể giúp ích cho bạn trong công việc và giúp bạn trở thành một nhà thiết kế tốt hơn chính mình của ngày hôm qua.

Tham khảo:

hackernoon.com 

vi.wikipedia.org