Tôi có thể tìm cảm hứng cho một giao diện người dùng tốt ở đâu? [đóng cửa]


18

Tôi đã có một khối tinh thần cho đến khi bỏ qua giao diện màn hình chính cho một ứng dụng máy tính để bàn mà tôi hiện đang nâng cấp. Khi tôi lần đầu tiên phát triển chương trình này, độ phân giải màn hình là 640 X 480. Ngày nay có nhiều độ phân giải màn hình ngoài kia.

Tôi có thể tìm ý tưởng cho bố cục màn hình chính tốt cho ứng dụng máy tính để bàn ở đâu?


1
Đây là loại ứng dụng gì? PhotoShop / GIMP / imagey, Eclipse / VS / codey, Maya / 3DStudio / Cad: y?
Macke

Ứng dụng tài chính cá nhân, dữ liệu lưu trong cơ sở dữ liệu độc quyền.
Michael Riley - AKA Gunny

7
Trao đổi ngăn xếp trải nghiệm người dùng - Không phải là một câu trả lời, nhưng vì bạn đang trong quá trình thiết kế lại giao diện người dùng, nghĩ rằng bạn sẽ thấy nó thú vị.
yannis


1
@Yannis - Cảm ơn bạn ... Tôi hoàn toàn bị lạc ở đó (và nơi nó dẫn đến) yesaterday.
Michael Riley - AKA Gunny

Câu trả lời:


6

Tôi khuyên bạn nên xem một vài cuốn sách khác nhau, trong đó, thật kỳ lạ, không tập trung vào thiết kế GUI của ứng dụng máy tính để bàn. Bất kể, những văn bản này sẽ giúp bạn bắt đầu suy nghĩ về cách có được thông tin mà người dùng của bạn cần ở dạng mà bộ não của họ sẽ hiểu. Dù sao, cuốn sách đầu tiên là Cuốn sách thiết kế của những người không phải là nhà thiết kế của Robin Williams. Cuốn sách này sẽ dạy cho bạn về bố cục theo các thuật ngữ không định hướng thiết kế đồ họa. Cuốn sách này sẽ khiến bạn bắt đầu suy nghĩ về cách trí tuệ con người cảm nhận các yếu tố thiết kế.

Thứ hai, hãy xem Đừng làm tôi suy nghĩ bởi Steve Krug. Nó liên quan đến điều hướng và biểu diễn dữ liệu trên các trang web, nhưng nhiều khuyến nghị (ví dụ như điều hướng vụn bánh mì) thường có ý nghĩa tương tự trong các ứng dụng máy tính để bàn giống như trên các trang web.

Như một poster khác chỉ ra, các mẫu thiết kế tốt không tồn tại trong sự cô lập trung bình. Một số điều không dịch quá tốt giữa analog và kỹ thuật số (nghĩa là nhiều văn bản cột trong một tờ báo thực tế so với một ứng dụng cho tờ báo) bởi vì một số hạn chế khác nhau tùy thuộc vào phương tiện, nhưng nhiều nguyên tắc thiết kế tốt vẫn đúng cho dù điều gì xảy ra vừa bạn đang nói về.



5

Một mẹo tôi thường nghe là nhìn vào các thiết kế mà bạn thích để lấy cảm hứng. Điều này không bị cô lập để chỉ nói các ứng dụng máy tính để bàn, mà nên mở rộng sang nghệ thuật, kiến ​​trúc, web, nhiếp ảnh, sản phẩm, v.v.

Điều này sẽ giúp bạn xây dựng ý thức về thiết kế tốt là gì và sẽ giúp bạn trong các ứng dụng thiết kế dài hạn được lòng người dùng và thân thiện với người dùng.

Nếu bạn tạo nguyên mẫu thiết kế của mình, bạn có thể nhận được một số trợ giúp từ người dùng hoặc nhà phát triển khác để đưa nó vào vòng quay trong khi thu thập phản hồi. Không chỉ những gì nói, mà những gì họ làm. (ví dụ: mọi người nói rằng họ không thích những hòn đảo lộn xộn tại Walmart, nhưng theo nghĩa đen họ đã mất hơn 1 tỷ đô la doanh thu khi bạn loại bỏ sự lộn xộn)


3
+1 cho tạo mẫu. Thay vì tập trung vào "1 ý tưởng hay nhất!", Hãy tạo ra một loạt chúng. Sau đó, hiển thị ý tưởng nguyên mẫu của bạn cho một nhóm người. Bạn sẽ nhận được rất nhiều phản hồi, và bạn có thể tinh chỉnh thiết kế của mình.
Stephen Gross

[Walmart] thực sự đã mất hơn 1 tỷ đô la doanh thu khi họ loại bỏ sự lộn xộn; trích dẫn?
funkybro

3
@funkybro Bài viết của NY Times: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ghoppe


1

Tôi luôn tuân theo quy tắc giảm thiểu nhấp chuột và tổ hợp phím. Tôi không giỏi trong việc tạo ra một giao diện người dùng có vẻ ngoài gợi cảm, với nhiều màu sắc và các nút trông đầy đặn, nhưng người dùng cho tôi biết UI của tôi rất dễ sử dụng. Đây là một.

Một trong những điều tôi khám phá ra là người dùng thích phản hồi tức thì . Nó giống như Hollywood. Mọi người thích pixel (tốt nhất là pixel màu). Họ thực sự yêu thích các pixel di chuyển .

Trong nỗ lực tạo ra các UI như thế và để đơn giản hóa nỗ lực mã hóa, từ lâu tôi đã nghĩ ra một kế hoạch mà tôi vẫn sử dụng cho đến ngày nay - Thực thi khác biệt . (Tôi không thể nói rằng tôi đã có nhiều may mắn khi công khai nó, nhưng nó đây. Nó đã được xuất bản, FWIW.)

Vậy đó chỉ là hai xu của tôi.


Trang wiki của bạn đã bị xóa. Nó có ở đâu khác không?
Michael Riley - AKA Gunny

@Cape: Vâng, tôi đã bị cắt ở đầu gối ở đó - một cái gì đó về thần kinh học . Bất cứ điều gì. Thẻ SO "thực thi vi sai" đã cho tôi giải thích về nó và tôi đã triển khai trên sourceforge. Ngoài ra còn có các ấn phẩm, một trong những ấn phẩm gần đây tôi sẽ vui lòng gửi, nếu bạn cần một số kính mắt. Có lẽ nhiều hơn có thể là một ứng dụng đấu giá tôi đã làm một vài năm trước đây, mà tôi có thể nén cho bạn. Nó ở trong VC6 (MFC) nhưng không lớn và chỉ hoạt động tốt.
Mike Dunlavey

@Cape: Trên thực tế trang người dùng Wikipedia của tôi vẫn có nó, nhưng khi tôi nhìn vào nó thì nó không tốt lắm.
Mike Dunlavey

Một điều cần xem xét về việc giảm thiểu số lần nhấp và tổ hợp phím là chi phí cho mỗi lần nhấp khi suy nghĩ. Mọi người thường sẽ thích thực hiện một số nhấp chuột gần như vô tâm hơn một lần nhấp cần cân nhắc. Rõ ràng, ít nhấp chuột không suy nghĩ tốt hơn so với một số nhấp chuột không suy nghĩ. Nguyên tắc này được thảo luận một chút trong Đừng làm tôi suy nghĩ .
whatsisname

@whatsisname: Cảm ơn vì cái nhìn sâu sắc đó. Tôi cố gắng thực hiện "con đường ít kháng cự nhất" những gì mọi người có thể muốn nhất. Không thể luôn luôn làm điều đó, mặc dù.
Mike Dunlavey

1

Tôi nghĩ bước đầu tiên là xác định một phong cách / chủ đề. Ví dụ: Windows 8 Metro so với kiểu NT.

Một số gợi ý về tài nguyên và nguồn cảm hứng (tôi đề cập đến WPF / Web nhưng bạn không cần phải sử dụng nó):

Trả lời - Nếu bạn muốn bắt đầu với tạo mẫu, các kiểu điều khiển ở đây là Kiểu và Điều khiển Web tuyệt vời

B - Nhà máy Thành phần cung cấp cho các cửa sổ hình thức nâng mặt tốt - Họ thậm chí còn cung cấp một sản phẩm miễn phí tại: Nhà máy Thành phần

C - Các nhà sản xuất điều khiển GUI của bên thứ 3 có các bản demo đẹp mắt

D - Cố gắng tìm kiếm từ "sách" trong trang web này: Trải nghiệm người dùng - Bạn sẽ nhận được nhiều bài đăng.

E- Ứng dụng WPF này: Ứng dụng Chăm sóc Sức khỏe WPF

F - Ứng dụng WPF này: Billy Holis - WPF và phiên bản hoàn thiện trên: WPF - StaffLynx

G - công cụ phong cách Metro có sẵn nếu bạn muốn. Kiểm tra cái này: Phong cách Metro

Quan trọng nhất, như bạn có thể đã biết, cân bằng nỗ lực với giá trị.

Biên tập

DevXpress đã phát hành một bản phát hành mới hỗ trợ Metro Style, vừa xem video toady DevXpress-2


1
Liên kết cho E - WPF-Health Care Application bị hỏng.
Michael Riley - AKA Gunny

@CapeCodGunny, cảm ơn bạn đã lưu ý, nó sẽ ổn ngay bây giờ :)
NoChance

0

Tôi không thể giới thiệu cuốn sách của Edward Tufte Hiển thị trực quan thông tin định lượng đủ cao. Thực sự làm cho bạn suy nghĩ về những gì bạn đang trình bày và tại sao. Tất cả các cuốn sách của ông đều tốt, nhưng tôi thấy mình đề cập đến cuốn sách này nhiều nhất.

Một cuốn sách "Mẫu thiết kế giao diện người dùng" tốt mà tôi đã tìm thấy là Thiết kế giao diện . Nó có các phần về thiết kế bố trí, điều hướng, hiển thị thông tin phức tạp và thiết kế các biểu mẫu đầu vào. Có một cuốn sách tương tự về thiết kế giao diện xã hội (được gọi là, đủ thích hợp, Thiết kế giao diện xã hội ), nhưng tôi chưa đọc nó vì vậy tôi không biết đủ để giới thiệu nó.


Một trong những điều hữu ích nhất bạn khám phá được từ cuốn sách của Tufte là gì? Làm thế nào nó thay đổi suy nghĩ của bạn?
Michael Riley - AKA Gunny

Bạn có thành thật nghĩ rằng đó là một cuốn sách hay cho người mới bắt đầu nghĩ ra một thiết kế UI đơn giản không? Tôi không. Đó là một cuốn sách có giá trị, nhưng nó giống như gợi ý họ tìm hiểu về việc mở một nhà hàng khi tất cả những gì họ muốn làm là nướng một mẻ bánh quy.
Bryan Oakley

@CapeCodGunny: Những điều thực sự gắn bó với tôi là sự phân rã các phong cách trình bày điển hình của anh ấy, giảm chúng thành những điều cốt yếu nhất (ch. 6) và phần về "tính toàn vẹn đồ họa".
TMN

@BryanOakley: Anh ấy nói rằng lần đầu tiên anh ấy thiết kế màn hình cho độ phân giải màn hình 640x480, phải đến vài năm trước, vì vậy tôi nghi ngờ anh ấy là người mới bắt đầu. Và ông không đưa ra dấu hiệu nào cho thấy UI đơn giản (hoặc không phải vậy). Tôi chỉ liên quan đến một số tài nguyên đã giúp tôi khi tôi bắt đầu thực sự thiết kế UI, thay vì chỉ dán một loạt các hộp văn bản và nhãn trên màn hình.
TMN

@Bryan - Sản phẩm của tôi đã 20 tuổi, đã chuyển từ DOS sang Windows. Nó vẫn bán nhưng đã lỗi thời.
Michael Riley - AKA Gunny

0

Có một số cuốn sách tốt đã được đề nghị. Trang web UX Stack Exchange được trang bị tốt hơn để xử lý các câu hỏi như thế này, nhưng nó cũng không hoàn toàn lạc đề.

Trước hết, mediaqueri.es là một nguồn tài nguyên tuyệt vời cho vấn đề cụ thể của bạn vì đây là bộ sưu tập các trang web và ứng dụng web được thiết kế đáp ứng để phù hợp với độ phân giải màn hình và tác nhân người dùng khác nhau.

truy vấn phương tiện truyền thông

Ngoài ra kiểm tra trên Tạp chí Smashing . Đây là một blog thiên đường phát triển front-end, với các bài đăng liên quan đến UX / UI, HTML / CSS / Javascript, thiết kế đồ họa và thiết kế web. Họ cũng có các bài đăng nghiên cứu các trang web và chiến dịch tiếp thị cụ thể và xem những gì họ đã làm đúng (và sai) với các quyết định UI / UX của họ. Kiểm tra trang web này thường xuyên cho lời khuyên hàng ngày liên quan đến các chủ đề này.

Sau đó, khi bạn đã có được một chút cảm hứng, hãy xem một số câu hỏi SO / SE mà tôi đã tham gia cụ thể về loại chủ đề này. Đây chỉ là tài nguyên chung cho bất kỳ ai và không chỉ OP:

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.