it-swarm-vi.tech

Phải trì hoãn bao lâu trước khi một tooltip bật lên?

Tôi đang làm việc trên trang web trong đó menu con "ruy băng" bật lên ngay khi chuột chạm vào một trong các mục menu chính. Tôi đang cố gắng giải thích với nhà thiết kế rằng nó nên đợi cho đến khi con trỏ nằm trên mục menu và không bật lên khi con chuột vừa lướt qua nó. Tôi không chắc thời gian chờ đợi đó (tính bằng mili giây).

Tôi không thể liên kết đến trang web được đề cập, nhưng tôi cho rằng nguyên tắc tương tự áp dụng cho các mẹo công cụ tiêu chuẩn. Mất bao lâu để một mẹo công cụ bật lên?

21
Patrick McElhaney

Nếu bất cứ ai vẫn đang tìm kiếm câu trả lời cập nhật xung quanh chủ đề này, Nielsen Norman có một bài viết tuyệt vời về chủ đề này: https://www.nngroup.com/articles/timing-exposeing-content/

  1. Con trỏ chuột vào khu vực mục tiêu: hiển thị phản hồi trực quan trong vòng 0,1 giây.
  2. Đợi 0,3 trận0,5 giây.
  3. Nếu con trỏ vẫn dừng trong khu vực mục tiêu, hiển thị nội dung ẩn tương ứng trong vòng 0,1 giây.
  4. Tiếp tục hiển thị phần tử nội dung được hiển thị cho đến khi con trỏ rời khỏi vùng mục tiêu kích hoạt hoặc nội dung được hiển thị lâu hơn 0,5 giây.

Việc tạm dừng 300-500 mili giây là để đảm bảo mục đích của người dùng là xem những gì đằng sau menu hoặc tooltip và không di chuyển trên đường đến một thứ khác.

13
bentheben

Tôi không thể tìm thấy bất kỳ quy ước nào về vấn đề này, nhưng tôi đã tìm thấy một vài thư viện nơi tooltip dường như được đặt ở mặc định là 500ms , trong đó Có vẻ khá hợp lý.

Dù sao, tôi nghĩ bạn nên đi từ đó và Tweak nó cho đến khi cảm thấy đúng. Bạn có thể dùng thử với một vài người dùng và đánh giá phản hồi của họ.

http: //msdn.Microsoft.com/en-us/l Library/ms531435% 28VS85% 29.aspx

http: //www.jinsight.com/jetchart/api/com/jinsight/jetchart/ToolTip.html

https: //www.Adobe.com/livingocs/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htmlm? context = LiveDocs_Book_Parts & file = tooltips_074_10.html

13
Nacho

NẾU bạn làm mờ dần đầu mũi công cụ, bạn có thể bắt đầu ngay khi chuột nằm trên điểm nóng. Chỉ cần nhớ hủy hoạt hình khi chuột di chuyển ra ngoài nếu chuột chỉ trượt trong một giây, đầu công cụ sẽ không hiển thị và nếu người dùng dừng nhưng sau đó di chuyển thì bạn không có đầu công cụ hiển thị sai một phần của trang.

5
Sruly

Nó thực sự phụ thuộc vào những gì công cụ của bạn là dành cho.

Chúng tôi có rất nhiều nút điều khiển thanh công cụ và các nút chỉ đơn giản sử dụng Bộ biểu tượng thiết kế vật liệ không có văn bản. Hầu hết trong số này là tự giải thích nhưng chúng tôi đã thêm các chú giải công cụ với các mô tả cũng hiển thị các phím tắt nếu có.

Khi chúng tôi không có sự chậm trễ, sẽ rất khó chịu cho những người dùng đã học phần mềm và không yêu cầu các chú giải công cụ nữa. Di chuyển chuột qua một vài nút sẽ ngay lập tức hiển thị các chú giải công cụ.

Chúng tôi đã giải quyết độ trễ 1 giây vì điều này đủ chậm để không xuất hiện trong sử dụng bình thường và khi bạn muốn xem nút nào bạn đợi một lát.

4
Tim

Nếu quyết định sử dụng một tooltip được cân nhắc kỹ lưỡng và tooltip là hữu ích và quan trọng. Đừng đặt sự chậm trễ vào nó.

Một sự chậm trễ có thể thêm sự nhầm lẫn, bạn không muốn người dùng hỏi cùng một câu hỏi mà bạn đang hỏi ở đây vì họ đang sử dụng trang web hoặc ứng dụng của bạn.

Nếu bạn nghĩ rằng thông tin chú giải công cụ là không bắt buộc nhưng có thể giúp người dùng nếu họ gặp khó khăn thì hãy sử dụng biểu tượng dấu hỏi nhỏ và để họ nhấp vào đó nếu họ cần thêm thông tin.

2
Jason

Tất nhiên, luôn có một tùy chọn để làm cho nó nhấp dựa. Tôi nghĩ rằng nó thực sự sẽ hoạt động tốt hơn và làm cho ứng dụng có thể sử dụng phổ biến (điện thoại di động và máy tính bảng).

Ngoài ra còn có một dự án bằng JavaScript mà bạn có thể lấy cảm hứng trong lĩnh vực này, dự án hoverIntent

http://cherne.net/brian/resource/jquery.hoverIntent.html

HTH

2
mare

Thêm vào câu trả lời của @Nacho, tôi đã trích dẫn một lý do tại sao nên tránh sự chậm trễ rất ngắn hoặc xuất hiện tức thời cho các chú giải công cụ:

Chú giải công cụ, mở rộng quảng cáo và gọi hành động hoặc hộp thông tin xuất hiện trên các mục danh sách (chẳng hạn như hộp xem nhanh trên hình thu nhỏ từ các trang liệt kê sản phẩm) là các ví dụ khác về các yếu tố phổ biến có tương tác di chuột có thể gây khó chịu cho người dùng nếu được kích hoạt nhạy cảm.

Phản hồi tức thời là không mong muốn đối với những gì nên là thông tin tùy chọn, nếu một tooltip được coi là bối cảnh hiển thị phù hợp. Bài viết cũng cung cấp hướng dẫn thời gian:

ý định của người dùng để lộ bất kỳ nội dung ẩn tương ứng nào có thể được giả định ngay lập tức khi nhấp hoặc nhấn hoặc sau khi con trỏ chuột tạm dừng chuyển động và duy trì trong khu vực mục tiêu trong khoảng 0,3 0,5 giây, tại thời điểm đó, nội dung ẩn có thể được hiển thị một cách an toàn trang

Nguồn: NNGroup

1
Remy