it-swarm-vi.tech

Có những phương pháp hệ thống nào để thiết kế giao diện người dùng?

Tôi đang viết luận án thạc sĩ về một phương pháp để thiết kế giao diện người dùng ( GUIDe + GDD từ Sari Laakso) và tôi muốn biết những phương pháp hệ thống nào khác dành cho thiết kế giao diện/thiết kế giao diện người dùng, vì vậy mà Tôi có thể làm một số so sánh giữa chúng.

Tôi biết về Windows ảo từ Soren Lauesen và Thiết kế hướng đến mục tiê từ Alan Cooper, mặc dù tôi cũng không biết nhiều về nó. Tôi có định kiến ​​rằng không có nhiều phương pháp như vậy có quy trình được xác định rõ để phát triển thiết kế UI, nhưng tôi hy vọng sẽ nhận thức được nhiều phương pháp thiết kế hơn.

Vui lòng cho biết về các phương pháp thiết kế mà bạn sử dụng/biết (bao gồm cả những phương pháp tôi đã đề cập). Tôi quan tâm đến các phương thức lấy mục tiêu và nhu cầu của người dùng, và sau đó từng bước xác định rằng giao diện người dùng sẽ như thế nào để đáp ứng nhu cầu của người dùng - tức là cần dữ liệu và tính năng nào và cách chúng được sử dụng. (Vì vậy không thiết kế trực quan hoặc hướng dẫn triển khai, v.v.)

13
Esko Luontola

Công cụ đầu tiên tôi sử dụng hoạt động rất tốt là tạo mẫu bằng bút chì và giấy đơn giản. Vẽ một giao diện người dùng và sau đó đặt nó ở phía trước những người khác nhau và giả vờ đó là giao diện thực tế. Có một số người cố gắng tìm ra những gì và làm thế nào mà không có hướng dẫn, và với những người khác bắt đầu bằng cách yêu cầu họ hoàn thành các nhiệm vụ cụ thể. Hỏi họ những gì họ nghĩ rằng khả năng chi trả cụ thể có thể làm trước khi họ nhấp vào họ và nói về những gì họ nghĩ khi họ nhấp xung quanh. Bạn thậm chí có thể trả lời và nhanh chóng sửa lỗi doodle và hỏi họ nếu điều đó cải thiện mọi thứ. Đây là cách rẻ nhất và nhanh nhất để có được một UI hoạt động mà tôi tìm thấy.

Công cụ thứ hai tôi sử dụng để hiểu nhanh cách chặn giao diện phần lớn được lấy từ cuốn sách Thiết kế từ cả hai mặt của màn hình. Đó là một bảng tính để tạo ra một tần số theo lưới phổ biến. Tạo một bảng tính với các cột sau:

"Tên tác vụ" "Tần suất" "Bao nhiêu người"

Xác định tất cả các tác vụ mà người dùng phải thực hiện để sử dụng ứng dụng và đặt chúng vào cột đầu tiên, sau đó điền vào tần suất người dùng thực hiện nó, ví dụ: "hàng ngày", "thỉnh thoảng", "hiếm khi", sử dụng thuật ngữ tần số có ý nghĩa cho ứng dụng của bạn, sau đó điền xem có bao nhiêu người sẽ thực hiện nhiệm vụ, ví dụ: "mọi người", "nhất", "vài". Sau đó tạo hai trục cho một biểu đồ: tần số và tính phổ biến và vẽ kết quả. Bạn sẽ nhanh chóng xác định những nhiệm vụ được thực hiện thường xuyên và bởi mọi người là các mục cần truy cập dễ dàng trên toàn cầu trong ứng dụng và những nhiệm vụ được thực hiện "hiếm khi" bằng cách "vài" ẩn đi vài lần nhấp. Hơn nữa, bạn sẽ tìm thấy một số mặt hàng "cục" và hiểu rõ hơn về cách các nhiệm vụ có thể được tổ chức hợp lý.

Theo kinh nghiệm của tôi, có một khía cạnh thứ ba, "Ưu tiên kinh doanh", thường có thể xảy ra mâu thuẫn với phân tích tần suất và phổ biến, vì vậy tôi thường thêm cột đó và xem xét điều này. Một ví dụ về mức độ ưu tiên của doanh nghiệp có thể khắc phục những mối quan tâm khác này là đặt nhiệm vụ nâng cấp lên thuê bao trả phí cao hơn trong giao diện người dùng mặc dù có thể được thực hiện bởi tương đối ít người chỉ một lần. Vì vậy, tôi khuyên bạn nên suy nghĩ về phân tích này trong 3 chiều. Tôi đã tìm thấy việc cung cấp loại sự cố này cho một nhà thiết kế đồ họa sẽ được đón nhận rất tốt và là một đầu vào tuyệt vời cho việc tạo khung.

Sau đó, nó đo, đo, đo. Thiết lập phân tích với theo dõi mục tiêu và theo dõi các số liệu chính của bạn và thường xuyên lên lịch ngồi lại với khách hàng để kiểm tra khả năng sử dụng và xem xét khi các tính năng được thêm (hoặc xóa).

7
weston

Wow - câu hỏi hay Esko. Tôi muốn nói rằng việc tìm kiếm các phương pháp hệ thống thực tế để tham khảo mỗi lần sẽ là một nỗ lực dài. Nhưng những gì bạn có thể tìm thấy tài liệu tham khảo dứt khoát hơn cho "thực tiễn tốt nhất".

Thuật ngữ "giao diện người dùng" có thể bao gồm nhiều loại mặt hàng từ thiết kế web, ứng dụng web, web di động, đến toàn bộ Máy chủ của các giao diện không liên quan đến web (HĐH, điểm mua hàng tương tác, giao diện trong TV của bạn và thậm chí giao diện trên các thiết bị cơ khí cơ bản như lò vi sóng, xe hơi hoặc máy giặt). Vì vậy, giả sử bạn đang theo đuổi các giao diện liên quan đến web và máy tính, đây chỉ là một vài con đường để khám phá ...

Khám phá các khung dựa trên CSS Grid như http://www.blueprintcss.org/http://960.gs/ .

Khám phá các giao diện dựa trên CMS như những gì được tích hợp vào http://www.j Joomla.org/ hoặc http://drupal.org/

Khám phá một số thực tiễn cơ bản tốt nhất của thiết kế web hiện đại ( Bài viết hay từ tạp chí đập )

Khám phá một số xu hướng hiện tại và thực tiễn tốt nhất cho thiết kế giao diện di động từ ...
[.__.] - Tạp chí Đập
[.__.] - Trình chiếu của Selma Zafar
[.__.] - Một số hướng dẫn từ W3C

Đây là một trang web tuyệt vời khác Tôi đã đọc rất nhiều nghệ thuật liên quan đến giao diện người dùng tốt mà bạn có thể thấy hữu ích: http://www.uxbooth.com/

2
Joel Glovier

Thiết kế bối cảnh nghe giống như những gì bạn đang nói.

1
kprevas

Đáp lại bình luận/câu hỏi của bạn: người dùng cần gì và làm thế nào để thiết kế một giải pháp để đáp ứng những nhu cầu đó. Điều này là chủ quan cho từng dự án tùy thuộc vào mục tiêu của nó. Nhưng ở cấp độ chung,

nhu cầu của người dùng - cung cấp cho người dùng những gì anh ta đã đến ngay lập tức để anh ta tiếp tục quay lại, đồng thời mang lại cho người dùng trải nghiệm thú vị về sản phẩm của bạn.

xem xét ở trên, giải pháp bắt đầu xây dựng về mặt màu sắc/lỗi chính tả/cấu trúc trang/thông tin sẽ dẫn đến việc người dùng được ưu tiên với sự trợ giúp của màu sắc.

Phương pháp - xác định mục tiêu sản phẩm xác định loại người dùng - sinh viên/thanh thiếu niên/người lớn/người già/được trả lương/thất nghiệp ở trên sẽ mô tả màu sắc và ngôn ngữ của sản phẩm. xác định những người chơi khác trong cùng khu vực xung quanh bạn ... vv ..

Hy vọng điều này sẽ giúp bạn cho người mới bắt đầu ..

0
iAspire

Hai nền tảng là "Ít hơn là nhiều hơn" và "Không bao giờ, không bao giờ, không bao giờ khiến người dùng phải suy nghĩ"

Bạn càng mô phỏng hai điều này, giao diện của bạn sẽ càng thành công.

0
MvcCmsJon