Kiểu bài viết 2: Ảnh lớn phía trên + ảnh nhỏ

Kiểu bài viết này phù hợp để trình bày một số hình ảnh quan trọng.

Thiết kế giao diện người dùng bao gồm các giai đoạn và quy trình thiết kế khác nhau. Tùy theo từng dự án mà mức độ quan trọng của các giai đoạn hoặc quy trình này cũng khác nhau. Lưu ý hệ thống ở đây nói đến là tất cả các dự án bao gồm thiết kế web, ứng dụng hoặc thiết bị.

Thu thập yêu cầu chức năng:Liệt kê các chức năng dựa trên mục tiêu dự án mà hệ thống cần hoàn thành và nhu cầu tiềm ẩn của người dùng.

Phân tích người dùng:Phân tích những người dùng này thông qua việc thảo luận với người dùng tiềm ẩn của hệ thống hoặc những người làm việc với họ.

Các câu hỏi thông thường bao gồm:

• Người dùng muốn hệ thống làm gì?
• Hệ thống phù hợp như thế nào với quy trình làm việc hoặc hoạt động hàng ngày của người dùng?
• Người dùng có độ nhạy bén với công nghệ thế nào? Người dùng đã sử dụng những hệ thống tương tự nào?
• Kiểu giao diện và cảm nhận thẩm mỹ nào phù hợp với khẩu vị người dùng?

Xây dựng thông tin:Xây dựng quy trình hoặc luồng thông tin của hệ thống (ví dụ với hệ thống cây điện thoại là một sơ đồ cây tùy chọn, với một website là sơ đồ điều hướng site thể hiện quan hệ phân cấp trang).

Nguyên mẫu (Prototyping):Tạo bản nháp (wireframes) của hệ thống thông qua nguyên mẫu giấy hoặc nội dung màn hình (screens) tương tác đơn giản. Những nguyên mẫu này không có bất kỳ yếu tố thẩm mỹ bề ngoài và nội dung cụ thể nào, chỉ tập trung vào bản thân tương tác.

Kiểm tra khả năng sử dụng:Kiểm tra nguyên mẫu với một người dùng thực. Quá trình này thường sử dụng phương pháp tư duy thành tiếng, tức là để người dùng nói ra những suy nghĩ trong quá trình trải nghiệm.

Thiết kế giao diện đồ họa:Quá trình thiết kế vẻ bề ngoài của giao diện người dùng đồ họa cuối cùng (GUI). Nếu khả năng sử dụng của hệ thống khó dự đoán, có thể lấy kết quả tạo ra trong quá trình kiểm tra khả năng sử dụng làm nền tảng, hoặc lấy mục tiêu giao tiếp và phong cách người dùng yêu thích làm căn cứ.

Trong một số ít trường hợp, ngược lại có thể chính đồ họa quyết định nguyên mẫu, điều này tùy thuộc vào trong tình huống cụ thể thì hình thức thị giác hay chức năng quan trọng hơn. Nếu một số giao diện cần nhiều skin, cùng một bảng điều khiển, đặc điểm chức năng hoặc widget có thể cần nhiều lần thiết kế giao diện.

Giai đoạn này thường cần nhà thiết kế đồ họa và nhà thiết kế giao diện phối hợp chặt chẽ, hoặc một chuyên gia thông thạo cả hai mặt.

Tóm lại, thiết kế giao diện người dùng đòi hỏi nhà thiết kế phải nắm rõ nhu cầu của người dùng.