2010-03-02 36 views
9

Hãy xem xét một nút duy nhất.Các khía cạnh nghệ thuật của giao diện người dùng?

Ở một thái cực, chúng tôi có một cửa sổ OpenGL đen, với:

  • phác thảo (màu trắng) của một hình chữ nhật
  • bitmap remdered font chữ bên trong của nó, nói "Ok"

Ở thái cực khác, chúng tôi có Mac OS X, một nút đó là:

  • cũng được làm tròn
  • có một số độ dốc cho thấy hiệu ứng ánh sáng vào nó
  • đẹp antialiased "OK"
  • bóng mềm mại của một số loại

Hai UIS hiện trải nghiệm người dùng rất rất khác nhau. Các cựu nói "Đây là từ những năm 80" sau này nói "đây là chuyên nghiệp".

Đây là điều tôi không hiểu rõ là người lập trình (và không biết tìm hiểu về điều này ở đâu).

Có ai biết tài nguyên kỹ thuật tốt cho việc này không? [Tôi thích những thứ dựa trên tâm lý học/nhận thức văn học để nói lý do tại sao phải làm điều gì đó hơn là thiết kế sách chỉ nói "sử dụng màu XYZ với một gradient của blah"]

+1

Trừ khi bạn là nghệ sĩ, bạn phải chịu trách nhiệm không nắm bắt được điều này. Bạn có thể làm ok, và rất nhiều người làm, nhưng có rất ít thay thế cho một nhà thiết kế đồ họa tốt. Việc nhận diện giao diện người dùng chuyên nghiệp dễ dàng hơn nhiều so với việc bạn phải ngồi xuống và thiết kế giao diện người dùng từ đầu. – Paddy

+0

Không có lý thuyết về điều này? Tôi thích thứ gì đó như "đây là cách con người lừa dối những thứ", do đó chúng ta nên tối ưu hóa cho chức năng này; tối ưu hóa cho chức năng này, chúng tôi nhận được các nút trông như thế này. – anon

+3

Đó cũng là vấn đề thời trang. Trong năm năm, chúng tôi sẽ puking trên tất cả các nút OS X thời trang hiện tại. (Và "web 2.0" phong cách, là tốt.) – Thomas

Trả lời

3

Bạn sẽ muốn đọc lên trên Con người hướng dẫn giao diện người dùngHIGUsability:

Apple's Human Interface Guidelines

Windows User Experience Guidelines

Platform agnostic guidelines

Amazon có rất nhiều books về chủ đề HIG, nhưng tôi cũng muốn giới thiệu sách dựa trên khả năng sử dụng. "Don't make me think" của Steve Krug là một cuốn sách tuyệt vời (chủ yếu được thiết kế cho khả năng sử dụng trên web) v.v.

+1

+1 để chống lại ổ đĩa xuống. Liên kết hữu ích. – MagicAndi

+0

Không có tài nguyên nào có nhiều điều để nói về chủ đề này. Họ quan tâm nhiều hơn đến vị trí nút, lựa chọn vật dụng, màu sắc, v.v. Họ không giải quyết như thế nào hoặc tại sao hoặc các nút tìm kiếm "chuyên nghiệp" có hiệu quả hơn so với đối tác đơn giản của họ hay không. –

+0

Hữu ích, nhưng chính xác không phải điều Anon có ý nghĩa;) –

7

Đây là một cái gì đó trên đó. http://www.alistapart.com/articles/indefenseofeyecandy

Bạn có thể kiểm tra liên kết này để trả lời một phần truy vấn của bạn trong nhận xét. Nó có rất nhiều tham chiếu đến các mẫu và một số liên kết hữu ích. http://www.usernomics.com/user-interface-design.html

Phần nhận thức và tâm lý học về thiết kế giao diện người dùng không đến như bất kỳ quy tắc hoặc bước nào, như chúng ta đều biết. Nó được phát triển theo thời gian. Làm cho người dùng ứng dụng của bạn thân thiện và dễ chịu, phần đó của phép thuật hoặc giao dịch được thêm vào từ trải nghiệm \ khảo sát và bạn cũng có thể bao gồm kiểm tra giáo dân. Tôi làm điều đó nhiều lần.

Ngoài ra suy nghĩ ra khỏi hộp. Bạn sẽ nhận được một giải pháp khi giải quyết nó trong hộp. Nhưng bạn sẽ nhận được một giải pháp tốt hơn khi bạn nghĩ ra nó.

Một điều hữu ích khác là học viên và người quan sát tốt. Lưu ý điều gì đó hay và hữu ích khi bạn truy cập các trang web hoặc sử dụng các ứng dụng khác. Bạn thậm chí có thể không nhận thấy nó. Nó có thể là một cái gì đó rất nhỏ hoặc tầm thường nhưng nó làm cho rất nhiều sự khác biệt khi nó được sử dụng ở đúng nơi.

+0

câu trả lời tuyệt vời. +10 (nếu có thể). Bài đăng đó trực tiếp trả lời câu hỏi. –

+0

tuyệt vời, làm thế nào để tôi thực sự tạo ra nút tìm kiếm shinny? – anon

+0

@anon: câu hỏi đó quá sâu để trả lời trong một hộp nhận xét nhỏ. Google là một tài nguyên tuyệt vời để trả lời các câu hỏi như vậy. –

1

alt text

Một cổ điển: The Design of Everyday Things

Khá nhanh chóng đọc, thảo luận một số tâm lý đằng sau việc sử dụng và tìm hiểu giao diện của con người. Đó là một chút ngày và không trực tiếp tập trung vào lập trình GUI nhưng tôi sẽ bắt đầu ở đây.

0

Tôi bắt đầu với sự vững chắc, hàng hóa và niềm vui của Vitruvius. Ngoài khả năng chi trả của Gibson. Ngoài ra, nhiều nhà nghiên cứu HCI đã áp dụng lý thuyết hoạt động, với kết quả hỗn hợp. DOET của Norman là một khởi đầu tốt, nhưng tôi nghĩ nó chỉ bao gồm 2 bộ ba đầu tiên của Vitruvius - bạn đang hỏi về thỏa thích. Cũng có thể xem truyện tranh hiểu biết của McCloud.

0

Chương trình giảng dạy tiêu chuẩn web Opera có một phần rất tốt về khía cạnh thẩm mỹ, đặc biệt là về cách sử dụng màu. Tôi nghĩ rằng nó rất hữu ích để đọc không chỉ cho phát triển web, nhưng tất cả các thiết kế ứng dụng.

Ngoài ra còn có một color scheme designer website, cho phép bạn chơi xung quanh với một số khía cạnh lý thuyết màu sắc. Chắc chắn đáng để ghé thăm.

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