it-swarm-vi.tech

Các UI / Thành phần phổ biến nhất là gì? Điểm mạnh / điểm yếu của họ là gì? Làm thế nào để cải thiện?

Hừm, tôi đang cố gắng bản thân mình ước rằng chúng ta có cộng đồng

Sau khi thấy câu hỏi này: Giao diện người dùng phổ biến nhất trên thế giới là gì? Tôi nghĩ rằng sẽ không mang tính giáo dục để không giới hạn cuộc thảo luận bằng cách cố gắng tìm ra most ​​chung, nhưng thay vào đó thảo luận về nhiều giao diện phổ biến mà chúng ta (đọc: nhân loại) tương tác hàng ngày và làm thế nào để cải thiện chúng.

Vậy, các thành phần UI/UI phổ biến nhất là gì? Điểm mạnh và điểm yếu của họ là gì? Làm thế nào họ có thể được cải thiện?

Ví dụ:


Hộp Combo

Hộp combo có rất nhiều thông qua web và trong phần mềm máy tính để bàn.

Ưu điểm: Tốt cho phép người dùng có danh sách các lựa chọn trong khi yêu cầu không gian tối thiểu khi không sử dụng.

Vấn đề : Trở nên khó sử dụng và khó khăn cho người dùng nếu danh sách các lựa chọn quá dài.

Giải pháp tiềm năng : Hộp tự động hoàn thành, sử dụng kết hợp văn bản trên đầu vào của người dùng đã nhập để thu hẹp danh sách các lựa chọn có thể và cho phép lựa chọn dễ dàng hơn.


Rõ ràng là tôi đã không phát minh ra hộp kết hợp Tự động hoàn thành; lưu ý rằng câu trả lời không phải là những cải tiến mà bạn đã phát minh ra.

3
instanceofTom

Những cái bàn

Câu trả lời được đưa ra từ quan điểm của ứng dụng máy tính để bàn nhưng cũng có thể tốt cho các ứng dụng web.

Ưu điểm : Có thể chứa lượng lớn dữ liệu trong khu vực tương đối nhỏ.

Nhược điểm : Tìm kiếm có thể trở nên bất khả thi nếu số lượng mục nhập lớn. Nếu không có kết xuất hấp dẫn (biểu tượng, màu sắc), ứng dụng có thể trông nhàm chán. Một số thông tin có thể là dư thừa cho một số người dùng. Ưu tiên dữ liệu được làm phẳng.

Cách cải thiện : Cung cấp các phương thức tổ chức dữ liệu - sắp xếp (phải!), Sắp xếp lại cột, khi đang di chuyển (tức là trong khi nhập) bộ lọc. Sử dụng các biểu tượng thay vì/cùng với văn bản nếu có thể, sử dụng màu sắc. Cung cấp tùy chọn chọn cột. Chỉ hiển thị các cột cơ bản theo mặc định và hiển thị toàn bộ dữ liệu ở vị trí gần nhưng riêng biệt chỉ khi một mục nhập được nhấp.

1
Assimiz

Đừng phát minh lại bánh xe, thay vào đó hãy đọc ở đây: http://www.welie.com/potypes/index.php

1
Özgür

Tôi thường tham khảo Thư viện mẫu thiết kế của Yahoo cho các mẫu giao diện người dùng. Điều tôi thích là họ trả lời các câu hỏi liên quan cho từng mẫu.

  • Vấn đề này giải quyết vấn đề gì?
  • Khi nào nên sử dụng mẫu này
  • Giải pháp là gì?
  • Tại sao nên sử dụng mẫu này?
  • Trường hợp đặc biệt
  • Khả năng tiếp cận

và tôi nghĩ rằng các câu hỏi này phải vượt qua mọi nhà thiết kế UI mỗi khi họ chọn một thành phần UI.

1

Tôi tìm thấy trang mẫu Sencha ExtJS là phần tổng hợp tốt nhất của các loại thành phần này.

Về cách cải thiện chúng, có lẽ đó là câu hỏi quá lớn cho một bài viết. Đó là một cuốn sách bạn đang yêu cầu. Có thể đặt câu hỏi cụ thể hơn về một thành phần duy nhất?

1
Glen Lipka

Thanh cuộn

Ưu điểm:
  • Cho phép điều hướng trực tiếp đến bất kỳ điểm nào trong tài liệu/trang
  • Cho phép chuyển động hạt mịn
  • Cho phép cuộn nhanh qua tài liệu/trang
  • Cho biết độ dài của tài liệu/trang
  • Vị trí phổ biến ngay trên Edge hỗ trợ khả năng sử dụng theo luật của Fitt
Nhược điểm:
  • Đừng làm việc quá tốt cho những tài liệu rất lớn
  • Ít hữu ích hơn kể từ sự ra đời của bánh xe cuộn
  • Việc thực hiện khác nhau có thể gây nhầm lẫn
Cách cải thiện
Tôi coi thanh cuộn là một trong những yếu tố UI có thể sử dụng nhất: rất nhiều chức năng, nhưng thường được hiểu rõ. Tuy nhiên, sự cố xảy ra nếu thanh cuộn được triển khai không nhất quán (ví dụ: trong một số ứng dụng flash). Có thể một yếu tố trực quan có thể tăng cường thanh cuộn - ví dụ: một sự kết hợp của hình thu nhỏ Acrobat với thanh cuộn.
0
Bobby Jack