툴팁이 표시되기까지 지연 시간이 얼마나 걸립니까?

이 문제에 대한 규칙을 찾을 수 없었지만 툴팁이 기본값 500ms 로 설정된 것으로 보이는 두 개의 라이브러리를 발견했습니다. 꽤 합리적인 것 같습니다.

어쨌든, 나는 당신이 거기에서 가서 제대로 느낄 때까지 조정해야한다고 생각합니다. 몇 명의 사용자와 함께 사용해보고 피드백을 평가할 수 있습니다.

http://msdn.Microsoft.com/en-us/library/ms531435%28VS.85%29.aspx

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

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

툴팁을 천천히 페이드 인하면 마우스가 핫스팟에 놓 자마자 시작할 수 있습니다. 마우스가 1 초 동안 만 슬라이드하면 툴팁이 표시되지 않고 사용자가 멈추었다가 이동하면 툴팁이 잘못 표시되지 않으면 마우스가 그렇게 움직일 때 애니메이션을 취소하십시오. 페이지의 일부입니다.

실제로 툴팁의 용도에 따라 다릅니다.

텍스트없이 Material Design Icon set 를 사용하는 툴바 컨트롤과 버튼이 많이 있습니다. 이것들은 대부분 설명이 필요하지만 가능한 경우 키보드 단축키를 표시하는 설명과 함께 툴팁을 추가했습니다.

지연이 없었을 때 소프트웨어를 배우고 더 이상 툴팁이 필요하지 않은 사용자에게는 매우 성가신 일이었습니다. 마우스를 몇 개의 버튼 위로 움직이면 툴팁이 즉시 표시됩니다.

정상적인 사용시에는 나타나지 않을 정도로 느리고 1 초 동안 약간의 버튼 대기 시간을보고 싶을 때 1 초 지연으로 설정했습니다.

툴팁을 사용하기로 한 결정이 잘 고려되어 있고 툴팁이 유용하고 중요하다면. 지연하지 마십시오.

지연이 혼란을 야기 할 수 있으므로 사용자가 사이트 나 앱을 사용하는 것과 동일한 질문을하지 않아도됩니다.

툴팁 정보가 필수는 아니지만 사용자가 멈춰 있으면 도움이 될 수있는 경우 작은 물음표 아이콘을 사용하여 추가 정보가 필요한 경우 해당 아이콘을 클릭하도록하십시오.

물론 클릭 기반으로 만드는 옵션이 항상 있습니다. 실제로 더 잘 작동하고 응용 프로그램을 보편적으로 사용할 수 있다고 생각합니다 (모바일 및 태블릿).

이 분야에서 영감을 얻을 수있는 JavaScript 프로젝트 인 hoverIntent 프로젝트도 있습니다.

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

HTH

@Nacho의 답변에 덧붙여서 툴팁으로 매우 짧은 지연 또는 즉각적인 외관을 피해야하는 이유를 인용했습니다.

제품 목록 페이지의 축소판 그림에있는 빠른보기 상자와 같이 목록 항목 위에 나타나는 도구 설명, 광고 확장 및 클릭 유도 문안 또는 정보 상자는 호버 상호 작용이있는 일반적인 요소의 다른 예입니다. 민감하게.

툴팁이 적절한 디스플레이 컨텍스트로 간주되는 경우 선택적 정보가되어야하는 순간에 즉각적인 응답은 바람직하지 않습니다. 이 기사는 또한 타이밍 지침을 제공합니다.

사용자가 해당 숨겨진 컨텐츠를 노출하려는 의도는 클릭 또는 탭 즉시 또는 마우스 커서가 움직임을 일시 정지 한 후 약 0.3–0.5 초 동안 대상 영역에 남아있는 것으로 가정 할 수 있으며, 이때 숨겨진 컨텐츠를 안전하게 애니메이션 할 수 있습니다 그 페이지

출처 : NNGroup