it-swarm-vi.tech

Ứng dụng web phổ biến tiện ích gotchas?

Một số lỗi phổ biến liên quan đến khả năng sử dụng cho các ứng dụng web là gì?

75
tobeannounced

Các menu thả xuống CSS/Javascript không có độ trễ được chỉ định trên chúng để bạn gặp phải "sự cố đường chéo" (thông qua Jakob Nielsen )

alt text

81
jessegavin

Không đặt nhãn có thể nhấp vào hộp kiểm và các trường mẫu khác.

Thật dễ dàng . Xem thẻ HTML <nhãn> .

74
Patrick McElhaney

Thiết kế xác nhận mẫu kém.

Tôi ghét nó khi tôi gửi biểu mẫu không xác thực và ứng dụng thực hiện bất kỳ thao tác nào sau đây:

  • Các trường là BLANK khi biểu mẫu tải lại. Điều này đã xảy ra với tôi khi đăng ký một ứng dụng web trên iPhone của tôi. Tôi đã rất tức giận vì có hơn 8 lĩnh vực.
  • Chỉ hiển thị một lỗi xác nhận cho mỗi lần gửi biểu mẫu.
  • Không trình bày tóm tắt các lỗi ở đầu biểu mẫu.
  • Không trực quan làm nổi bật các đầu vào trường không hợp lệ.
74
jessegavin

Thiết kế kém khi nói đến các nút hành động Chính so với Thứ cấp trên các biểu mẫu.

http://www.lukew.com/resource/articles/psilities.asp

alt text

55
jessegavin

Người dùng sử dụng các nút quay lại và chuyển tiếp trong trình duyệt của họ (hoặc trên chuột của họ). Và họ cũng sử dụng nút refresh. Vì vậy, hãy cẩn thận với bài viết mẫu trên trang web của bạn.

Không ai thích điều này ...

enter image description here

Hộp thoại này xuất hiện khi bạn làm mới trang mà dữ liệu được đăng lên. May mắn thay, có thể tránh được bằng cách sử dụng phương thức = "get" khi có thể hoặc phương thức = "bài đăng" ngay lập tức bằng chuyển hướng khi cần thiết. Nếu bạn phải sử dụng một bài đăng vì lý do độ dài hoặc bảo mật, chuyển hướng sẽ chuyển đến một URL khác với hành động biểu mẫu để tránh thông báo này.

52
Steve Wortham

Liên kết JavaScript. Bạn không thể nhấp vào giữa để mở tab mới cho javascript:loadPage(34576).

43
Casey Chu

Hỏi thông tin cá nhân bắt buộc trong các mẫu đăng ký khi không cần thiết.

Ví dụ:

  • hỏi một địa chỉ trên một trang web nơi thông tin này là vô ích
  • Buộc nhập tên "thật"
  • ...

Làm cho thông tin này là bắt buộc là cách tốt nhất để có được một cơ sở dữ liệu thực sự bị ô nhiễm đầy "hình nộm", "[email protected]", v.v. bởi vì hầu hết mọi người không muốn cung cấp loại thông tin đó khi không thực sự cần thiết.

Hơn nữa, không thể sửa đổi bất kỳ thông tin này là một thiết kế thực sự xấu.

37
Julien N

target = "_ blank" trên các neo là một trong những phổ biến nhất và là thứ tôi ghét nhất. Theo tôi, có một số trường hợp có ý nghĩa.

Dưới đây là danh sách 10 lỗi hàng đầu về thiết kế web: http://www.useit.com/alertbox/9605.html

30
Nacho

Khi chức năng của nút quay lại bị vô hiệu hóa hoặc thay đổi so với những gì người dùng mong đợi. Tôi thấy điều này rất nhiều trên các ứng dụng sử dụng hộp thoại/hộp đèn/ifram tùy chỉnh.

30
jessegavin

Làm cho tôi săn tìm "quên mật khẩu của bạn?" và sau đó khi tôi nhấp vào liên kết đó, sẽ gửi cho tôi mật khẩu của tôi trong phần rõ ràng 1 một khi tôi tìm thấy nó Jeff Atwood thân yêu của chúng tôi đã trình bày nó khá tốt trong " Có lẽ bạn đang lưu trữ mật khẩu không chính xác "

1 Phải thừa nhận rằng, phần này là một vấn đề lập trình , nhưng tôi cũng coi đó là một vấn đề về khả năng sử dụng.

26
Jared Harley

Sử dụng hộp kiểm làm nút radio và ngược lại.

24
Gelatin

Không nơi nào để đóng tài khoản của bạn hoặc thực sự khó tìm nơi đóng tài khoản của bạn.

Lý tưởng nhất là bạn muốn có một phần "Tài khoản" hoặc một từ nào đó tương tự, và trên trang đó, ngoài tất cả những thứ khác bạn muốn ở đó, một liên kết hoặc nút được dán nhãn rõ ràng có nội dung "đóng tài khoản của tôi". Bạn có thể theo dõi điều đó với một trang hỏi người dùng lý do tại sao họ rời đi hoặc mời họ đưa ra phản hồi, nhưng tất cả những thứ đó nên được loại bỏ so với lời kêu gọi hành động "đóng tài khoản của tôi" (hoặc xóa, xóa, v.v.) .

22
Rahul
  • Các lĩnh vực với xác nhận siêu nghiêm ngặt. Ví dụ: nếu bạn đã nhập mã bưu chính và "V5X4O4" hoạt động nhưng "V5X 4O4" thì không.

  • Các biểu tượng không có nhãn văn bản hoặc tiêu đề (khi di chuột hay không).

  • Nếu một tiêu đề đang bị cắt ngắn, tôi nghĩ bạn sẽ có thể thấy một chú giải công cụ với tiêu đề đầy đủ khi di chuột.

  • Khi các nút quan trọng bị che khuất từ ​​người dùng cuối có lợi cho quảng cáo hoặc tài liệu quảng cáo. Hãy nghĩ về nút "Tiếp tục không có tài khoản" của Paypal.

    • ÂM THANH CHƠI TRÒ CHƠI KHÔNG CÓ GIẤY PHÉP! Lol - Ngoài ra, không có nút tắt tiếng.
21
Motolix

Không có trang web của bạn xuống cấp một cách duyên dáng khi JavaScript bị vô hiệu hóa.

19
GSto

Câu hỏi hơi quá chung chung và thực sự là một cuộc thảo luận.

Tôi có thể đóng góp một điều tôi đã thấy nhiều lần:

Biểu mẫu có nút "xóa tất cả".

  • Một số trong số đó thậm chí còn thiết kế cả hai nút "gửi" và "xóa tất cả" như nhau, cho chúng có trọng lượng bằng nhau.
  • Chưa kể rằng tôi đã thấy các ví dụ (không có liên kết cụ thể trong tâm trí ngay bây giờ ...) trong đó "rõ ràng" ở bên trái và "gửi" ở bên phải, khiến một số người dùng nhấn đầu tiên nút gần nhất với con trỏ của họ khi rời trường cuối cùng.

Tôi thấy không có lý do nào cho nút "rõ ràng", nhưng nếu bạn hoàn toàn khăng khăng thì chỉ cần sử dụng một liên kết rất tinh tế, cho phép chỉ một hành động đơn giản và rõ ràng cho người dùng.

18
Dan Barak

Phải đăng ký để thực hiện một số thao tác cơ bản không thực sự cần đăng ký. Hoặc cho phép phương thức đăng ký "một cú nhấp chuột".
[.___.] Người dùng nên có quyền quyết định. Tôi kết thúc với rất nhiều tài khoản "sử dụng một lần" trên rất nhiều trang web!

Một số ví dụ không cần thiết:

  • tải xuống tệp (có bao nhiêu trang web "mã" yêu cầu bạn đăng ký để cho phép bạn tải xuống tệp mẫu?)
  • tìm kiếm (có, một số diễn đàn vô hiệu hóa tìm kiếm cho người dùng chưa đăng ký)
  • truy cập một bài viết (khi truy cập của nó là miễn phí)
  • ...
17
Julien N

Các trang web có thanh trạng thái nổi

Chẳng hạn như Meebo Bar . Đây là đáng ghét và hiếm khi cung cấp chức năng hữu ích. Chúng chiếm không gian không cần thiết và bật lên những quả bóng bay gây mất tập trung.

16
Gelatin

Là "sáng tạo" và giấu thanh tìm kiếm của bạn đằng sau một tab/liên kết/vv. Nếu bạn cung cấp tìm kiếm, chỉ cần làm cho một hộp có sẵn, thay vì cần phải săn lùng nó!

16
agartzke

Thú cưng lớn nhất của tôi là các trang web vì một lý do hoặc nhiều không hỗ trợ chính xác các dấu cộng trong địa chỉ email . Rất nhiều thời gian, các trang web sẽ không xác thực địa chỉ email có dấu '+' trước '@'. Điều tồi tệ nhất là khi một trang web chấp nhận địa chỉ, nhưng sau đó không thoát và/hoặc không hiển thị chính xác dữ liệu và cố gắng gửi email đến một địa chỉ có khoảng trắng trong đó hoặc với hai bên của '+' bị đập vỡ cùng nhau .

Trình xác nhận miễn phí này được viết bằng PHP cố tình tuân theo tất cả các RFC và các lỗi liên quan của chúng.

15
waymost

Nhiều trang web không sử dụng các màu khác nhau cho các liên kết đã truy cập .

Jakob Nielsen: Thay đổi màu của các liên kết đã truy cập

12
Marc Dong

Ứng dụng web chạy trên kết nối HTTPS an toàn, nhưng tải nội dung từ kết nối HTTP. Một mặt điều này hoàn toàn tốt, nhưng đối với IE (không phải tôi), cảnh báo bảo mật rất khó xử và gây nhầm lẫn cho người dùng ...

Không chỉ rất nặng nề khi loại bỏ trên mỗi trang, mà từ ngữ còn lúng túng và các hành động nút khác nhau đối với IE (6 & 7) so với IE8 +

Hộp thoại cũ IE:

alt text

Mới IE hộp thoại:

alt text

Vì vậy, nếu là người dùng, bạn "chỉ muốn tải toàn bộ trang" (ví dụ: bạn đang tìm nút "biến mất") ... thì đó là mặc định Yes trong IE6 & IE7, nhưng không mặc định No trong IE8 +.

Lưu ý : Tôi hoàn toàn biết là nhà phát triển mục đích của hộp thoại là gì và thậm chí tại sao Microsoft thay đổi nó nhưng đối với người dùng cuối, họ chỉ nhầm lẫn họ đặc biệt là trong IE8. Người dùng cuối thấy một hộp thoại xuất hiện yêu cầu "cho phép", "xác nhận", v.v. và mong đợi nhấp vào tùy chọn "ok" hoặc "có" vì họ không đọc hộp thoại. Người ta có thể lập luận rằng người dùng nên đọc nó, nhưng sẽ dễ dàng hơn nếu các nhà phát triển đảm bảo họ không có nội dung hỗn hợp nếu hoàn toàn có thể tránh được.

12
scunliffe

Phải tìm kiếm các liên kết đăng xuất. Tôi đăng nhập vào một trang và trong một số trang, khi tôi hoàn thành, tôi phải tìm kiếm nút đăng xuất hoặc liên kết.

12
thursdaysgeek

Gần đây tôi đã nhận thấy một điều mà tôi chưa bao giờ coi là một vấn đề về khả năng sử dụng:

Di chuột để thực hiện các hành động có sẵn. Ví dụ như trên Twitter.com khi di chuột lên Tweet sẽ hiển thị các lệnh rạn và trả lời.

Điều này chỉ đơn giản là không hoạt động trên các thiết bị dựa trên cảm ứng. Không có di chuột!

Một tiểu thú cưng khác của tôi là các trang web không mở các liên kết bên ngoài trong một tab mới. Nhìn kìa, tôi đang duyệt trên cây. Tôi hy vọng mọi tên miền tôi sẽ đại diện cho một chi nhánh, khi tôi hoàn thành nó, tôi sẽ đóng tab. Tôi chắc chắn không muốn nhấp vào 'trở lại' mười lần để đi lên chi nhánh.

11
Swizec

Ẩn những gì người dùng muốn và thay vào đó cung cấp cho họ những gì BẠN muốn họ muốn.

Một ví dụ là hỗ trợ khách hàng. Thay vì liệt kê một hộp chất béo lớn với số điện thoại/thư, v.v., một số công ty hiển thị FAQ như một phương tiện để nhận trợ giúp và không có bất kỳ thông tin liên hệ nào trên trang đó.

11
googletorp

Các trang web có cấu trúc menu "nổi" lên và xuống hai bên màn hình khi bạn cuộn. Tôi có thể thấy lý do tại sao họ đã làm điều đó, nhưng nó thường rất mất tập trung và thường không "lắt léo" như nhà thiết kế rõ ràng đã hy vọng.

Một ví dụ mà tôi đang đề cập có thể xem tại đây: http://www.deluxe-menu.com/floitable-menu-sample.html

9
Sk93

Các trang web QA hiển thị câu trả lời được chấp nhận hai lần.

8
Gelatin

Danh sách ngoài có một bài viết của Aza Raskin: "Không bao giờ sử dụng cảnh báo khi bạn có nghĩa là hoàn tác".

http://www.alistapart.com/articles/neveruseawarning/

Người dùng có xu hướng bỏ qua hoặc không thích các cửa sổ bật lên "cảnh báo", nhưng cung cấp cho người dùng cơ hội "hoàn tác" thân thiện với người dùng hơn nhiều.

7
mg1075

Captchas

mặc dù ngày nay chúng khá phổ biến, nhưng chúng cũng được coi là một vấn đề đáng tin cậy, đặc biệt là đối với những người không nhận ra những từ họ không biết (hoặc thậm chí không có các ký tự đặc biệt như tiếng Anh trên bàn phím)

cá nhân, tôi thay vì sử dụng các câu hỏi hợp lý đơn giản để phục vụ chức năng này

ví dụ : vui lòng viết toàn bộ số tiếp theo sau số mười một

6
user3409

Các trang web sử dụng nhiều cpu và bộ nhớ

Tôi thường có một loạt các tab mở với các câu hỏi/câu trả lời lập trình từ nhiều danh sách gửi thư khác nhau và nhiều trang web trong số này có một số javascript nặng đang diễn ra (Cài đặt quảng cáo giúp, nhưng vẫn có các trang web nặng). Với Chrome Cuối cùng tôi cũng có thể thấy tab nào gây ra nó.

Tìm kiếm hình ảnh cải tiến mới của Google đặt cpu của tôi vào công việc nặng nhọc và chiếm vài trăm megabyte. Nhiều tài nguyên đói.

5
neoneye

Có các yếu tố tĩnh trên trang của bạn sẽ thay đổi màu sắc nếu bạn đặt con trỏ chuột lên chúng, nhưng không làm gì nếu bạn nhấp vào chúng. Trong cùng một liên minh: siêu liên kết hoặc các nút trong đó khu vực có thể nhấp được giới hạn trong văn bản.

4
Tommy Carlier

Chuyển hướng từ URI gốc sang thư mục con hoặc tên miền phụ (không xóa/thêm www).

0
Gelatin