2009-09-10 29 views
5

Tôi đang tập hợp một số mô hình của giao diện thật đầu tiên của tôi và tôi tự hỏi: Một số nguyên lý cơ bản của thiết kế giao diện người dùng tốt là gì? Tôi đang tìm một cái gì đó giống như một bản tóm tắt danh sách bullet và có thể một số tài nguyên có thể hữu ích cho mỗi nguyên lý.Một số nguyên lý cơ bản của thiết kế giao diện là gì?

+0

Tôi muốn đặt tính nhất quán lên đó –

+0

Bạn không có nghĩa là "nguyên lý"? – Ash

+2

Nguyên lý? Người thuê nhà có xu hướng ồn ào và để lại một mớ hỗn độn. –

Trả lời

8

"Đừng làm tôi nghĩ!", Tiêu đề và the book cực kỳ hữu ích khi thiết kế giao diện người dùng. Một số mục yêu thích của tôi từ đó bao gồm:

  • Tạo phân cấp hình ảnh rõ ràng.
  • Công ước là bạn của bạn.
  • Nói chuyện vui vẻ phải chết.
  • Hướng dẫn phải chết.
  • Bốn lý do khiến tôi thích tab.
  • Sự cố với Rollovers.
  • Nông dân so với người bò.
  • Huyền thoại của người dùng "Trung bình".
4

Tôi muốn đưa sự nhất quán up there

- Lee

+0

Có, miễn là bạn cũng biết của sự nhất quán ngu ngốc- http://www.scottberkun.com/essays/5-how-to-avoid-foolish-consistency. Một ví dụ tốt về sự không nhất quán hữu ích là các nút quay lại/chuyển tiếp trong FireFox- chúng có chủ ý không nhất quán. – RichardOD

+0

Sự không nhất quán đó hữu ích như thế nào? Tôi luôn luôn kiểm tra "Sử dụng các biểu tượng nhỏ" chỉ đơn giản để họ * là * phù hợp. – Alec

6

Nielsen cung cấp this danh sách - mà tôi thường sẽ đồng ý với

  • Tầm nhìn của tình trạng hệ thống
  • trận đấu giữa hệ thống và số thực thế giới
  • Điều khiển và tự do của người dùng
  • Tính nhất quán và chuẩn
  • Lỗi phòng
  • Recognition chứ không phải thu hồi
  • linh hoạt và hiệu quả sử dụng
  • thẩm mỹ và thiết kế nhỏ gọn
  • Trợ giúp người dùng nhận biết, chẩn đoán, và phục hồi từ lỗi
  • Trợ giúp và tài liệu
+0

Ask Tog có danh sách tốt quá http://www.asktog.com/basics/firstPrinciples.html – RichardOD

+4

Có nhưng bạn đã xem trang web của Nielsens chưa? Gây sốc! (IMO) http://www.useit.com/ - Lee –

+0

Không phải theo sở thích của tôi ;-) lời khuyên tốt ... –

1

Điều tôi luôn cố gắng emember là "7 mục (tối đa) cho một trang/biểu mẫu." Nó xuất hiện trong lớp GUI của tôi ở trường đại học (7 hoặc 8 năm trước).

Tôi được nhắc về một truyện tranh trên web mà họ có thiết kế của Apple, theo sau là thiết kế của Google (cả hai đều rất đơn giản), tiếp theo là thiết kế "của chúng tôi" với hàng chục mục.

+0

Đó là trên xkcd ở đâu đó - nhưng tôi không thể tìm thấy hình ảnh. –

3

Đừng quên trợ năng bàn phím và khả năng truy cập chung hơn cho những người bị khiếm thị (đây là lý do tại sao nhiều giao diện người dùng tuyệt vời thực sự hút).

Ngoài ra, Alan Cooper (của Visual Basic nổi tiếng) cho biết "không đặt sức trước sẽ", có nghĩa là bạn không nên làm cho nó dễ dàng cho người dân để làm những điều họ sức làm trong khi khiến họ khó làm những việc mà họ sẽ làm với phần mềm của bạn.

5
  1. Không làm gián đoạn người dùng bằng hộp thoại bật lên. Hiển thị một số phản hồi mà người dùng có thể xem và cung cấp cách để họ giải quyết vấn đề khi họ chọn.

  2. "Nguyên tắc ít ngạc nhiên nhất".

  3. Áp dụng giá trị mặc định hợp lý

  4. Hiện đáp ứng với đầu vào người dùng trong một hiệp hai.

+0

+1 cho "Hiển thị phản hồi cho người dùng nhập trong vòng nửa giây". –

+0

Tôi thực sự cho rằng nửa giây là quá dài. Tôi không thể tìm thấy nghiên cứu tại thời điểm này, nhưng con người nhận ra sự chậm trễ trong ít hơn. Tuy nhiên, để nói chung hơn, tôi sẽ nói, "Hiển thị phản hồi trong một khoảng thời gian hợp lý cho hệ thống được đề cập." Có những lúc phản ứng nhanh không cần thiết. – JasCav

2

Trong không theo thứ tự đặc biệt (và ra khỏi đỉnh đầu của tôi):

  • ước về sự nhất quán
  • Giá cả phải chăng (làm cho nó rõ ràng từ sự xuất hiện như thế nào và những gì một cái gì đó)
  • chế độ Tránh
  • Cho phép người sử dụng để tạo ra một tinh thần đúng mô hình
  • Bảo vệ dữ liệu (làm cho nó khó có thể được phá hoại)
3

Nếu bạn đọc Asimov, bạn sẽ tìm thấy điều này dễ nhớ : một giao diện không nên, thông qua hành động hoặc không hoạt động, cho phép tác phẩm của người dùng vô tình bị phá hủy.

1

Giao diện người dùng thường xuyên dành cho các nhà phát triển phần mềm hoặc những người có hiểu biết về công nghệ tương tự, không chỉ các giáo dân. Nếu bạn là một giao diện như vậy, bạn có thể hưởng lợi từ việc trở thành người dùng cũng như tác giả.

  1. Viết giao diện.
  2. Đặt nó đi một lúc, tốt nhất là đủ lâu để bạn quên chính xác cách hoạt động của nó.
  3. Sử dụng nó để làm điều gì đó khi bạn đang vội vàng hoặc bị phân tâm.
  4. Mọi thứ sẽ bị hỏng hoặc buộc bạn thực hiện những việc thủ công không được đề cập. Đối với mỗi người, hãy viết báo cáo lỗi/tính năng. (Nếu bạn vội vàng, hãy viết đủ để nhắc bạn sau.)
  5. Khắc phục/giải quyết từng báo cáo.
  6. Đến bước 2.

Kinh nghiệm này sẽ giúp bạn hiểu rõ để viết giao diện tốt hơn, một số trong đó có thể mở rộng đến giáo dân cũng như am hiểu công nghệ. Hãy coi chừng, tuy nhiên; không phải mọi tính năng tốt cho người phát triển đều tốt cho những người không phải là người sáng lập. Các bước 2 và 3 được dự định để đưa bạn vào suy nghĩ không-dev đó, và giúp bạn tận dụng tối đa; cho dặm cuối cùng, không có thay thế cho một người dùng thực sự.

1

Sử dụng những người thực: Kiểm tra, thử nghiệm, kiểm tra.

2

Biết người dùng của bạn.

  • Dành thời gian cho họ trải nghiệm những gì họ hiện đang làm mà không cần phần mềm/thay đổi.
  • Làm cho chúng thử và sử dụng như nguyên mẫu trước đó là khả thi - có thể nó chỉ là giấy, xem cách chúng phản ứng.
  • Tiếp tục đẩy các nguyên mẫu của bạn trước chúng khi tiến trình phát triển.
3

này không chính xác đáp ứng yêu cầu của bạn cho một danh sách bullet, nhưng tôi vẫn khuyên bạn nên đọc Mark Miller của The Essence of Great UI - An Overview, Why is Great UI so hard to achieve?, Great UI, Clarity, and Information Relevance, Great User Interfaces, Clarity, and Information in ParallelGreat UI: Clarity and Color on the Presentation Layer.

Ông cũng nói về một số khái niệm tương tự trong các tập dnrTVMark Miller on The Science of a Great User Experience Part 1Part 2.

Các vấn đề liên quan