UX của các bảng giao diện LEGO (2020)

UX của các bảng giao diện LEGO

• Giới thiệu
  • "Dốc trang trí 2x2" của LEGO là giao diện để các minifigure tương tác với thế giới.
  • Thiết kế này phù hợp để học những nguyên tắc cơ bản của thiết kế giao diện vật lý.
  • Thông qua 52 viên gạch khác nhau, có thể tìm hiểu về thiết kế, bố cục và cách tổ chức của các giao diện phức tạp.

Hỗn loạn có tổ chức

• Sự đa dạng trong thiết kế
  • Các thiết kế đa dạng có thể gây rối, nhưng một số trông có hệ thống hơn.
  • Hầu hết giao diện đều bao gồm sự pha trộn giữa màn hình số và đầu vào analog.
  • Các bảng LEGO cũng tương tự, được chia thành nhiều cụm khác nhau.

Định vị thiết kế bằng LEGO

• Thiết kế giao diện máy móc phức tạp
  • Cần cân nhắc nhiều yếu tố, từ công thái học đến kỹ thuật.
  • Có thể chia vấn đề thành hai câu hỏi chính:
    1. Làm thế nào để phân biệt chức năng của các đầu vào khác nhau?
    2. Làm thế nào để tổ chức đầu vào và đầu ra để có thể hiểu mối quan hệ giữa chúng?

Phân biệt đầu vào

• Tầm quan trọng của việc phân biệt đầu vào
  • Việc các phi công thời Thế chiến II mắc lỗi thu càng đáp ngay trước khi hạ cánh là do thiết kế giao diện kém.
  • Nhà tâm lý học Alphonse Chapanis đã giải quyết vấn đề này bằng mã hóa hình dạng.
  • Có thể phân biệt đầu vào thông qua mã hóa về hình dạng, màu sắc, kích thước, kết cấu, vị trí và cách vận hành.

Tổ chức đầu vào

• Phân cụm đầu vào

  • Trong các bảng có cùng bố cục, những bảng được phân biệt bằng màu sắc rõ ràng hơn.
  • Bảng điều khiển của Liên Xô là một ví dụ tốt về cách tổ chức thông tin bằng thị giác.

• Các phương pháp tổ chức

  • Tổ chức theo chức năng: nhóm các đầu vào và đầu ra cho từng chức năng của sản phẩm.
  • Tổ chức theo cách vận hành: đặt các công tắc hoạt động theo cùng một cách ở cùng vị trí.
  • Tổ chức theo công nghệ: chia giao diện theo các đặc tính kỹ thuật.
  • Tổ chức theo trường hợp sử dụng: phân cụm theo công việc hằng ngày của người dùng.

Kết luận

• Giao diện tốt nhất là gì?
  • Không có giao diện tốt nhất, nhưng có rất nhiều giao diện tệ nhất.
  • Giao diện lý tưởng là giao diện có bố cục đẹp, rõ ràng về mặt thị giác và các đầu vào được phân biệt rõ ràng.

[GN⁺]

Ý kiến Hacker News

• Liên kết ví dụ về Audi đã biến mất, nhưng vẫn có thể tìm thấy phiên bản lưu trữ
• Phần phân tích giao diện thực tế rất thú vị, và với tư cách là người mới bắt đầu, tôi chưa từng suy nghĩ sâu về cách phân chia theo chức năng / tác vụ / kỹ thuật / trường hợp sử dụng
• Tôi biết thêm về thương hiệu "Modulex" của Lego và các bảng hiển thị quản lý dự án từ thập niên 60 đến 90
  • Kích thước nhỏ và các màu pastel dịu mắt đặc biệt cuốn hút
  • Khiến tôi khao khát một UI máy tính giàu tính xúc giác hơn và thú vị hơn khi sử dụng
• Thứ tôi thích nhất hồi nhỏ là màn hình radar màu trắng hiển thị "38"
  • Khiến tôi tự hỏi liệu mình có nên theo đuổi lĩnh vực UX hay không
• Tôi ước các trang web về UI/UX cho phép phóng to những hình ảnh nhỏ
• Kiểu bài viết này mang lại cảm giác vui thích
• Tôi ước điện thoại của mình giống Bop-it hơn
• Những khối giao diện tốt nhất là những khối thực sự hoạt động
  • Chúng có thể tích hợp gia tốc kế để hiển thị đường cân bằng đang hoạt động
  • Các khối console thời đó rất đặc biệt, và khi tìm thấy một cái trong bộ, cảm giác như vừa phát hiện ra một mẫu vật quý hiếm
• UI là thứ không có sự tương tác thực tế với màn hình