Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Kullanıcı Deneyimi Modelleri6 dakikalık okuma·Updated Ekim 2026·ExodeUI ekibi

Yolunuza Çıkmadan Açıklama Yapan Araç İpuçları

Yardımcı olacak araç ipuçları nasıl tasarlanır: kısa ek bilgiler, fareyle üzerine gelindiğinde ve klavyeyle erişim, dokunma alternatifleri ve neden temel talimatların hiçbir zaman bir araç ipucuna ait olmadığı.

Özet ve tanım

Ana nokta

Araç ipuçları, bir metriğin ne anlama geldiği gibi ek bilgiler vermek için fareyle üzerine gelindiğinde veya klavye odağında görünen kısa mesajlardır. Bunları kısa tutun, içine asla temel talimatlar koymayın, klavyeyle ulaşılabilir hale getirin, dokunmatik ekranlarda dokunmaya dayalı bir alternatif sağlayın ve içlerine bağlantı veya düğme koymayın.

Araç ipucu nedir

Nielsen Norman Group, araç ipucunu, kullanıcı bir öğeyle etkileşime girdiğinde görünen, fareyle üzerine gelme veya klavyeyle üzerine gelme (klavye odağını bir öğenin üzerinde tutma) ile başlatılan kısa, bilgilendirici bir mesaj olarak tanımlar. Fareyle üzerine gelme işlevine bağlı oldukları için araç ipuçları normalde dokunmatik ekranlarda bulunmaz.

Yapılacak ve yapılmaması gereken yönergelerin yanında, kısa bir araç ipucu tanımını gösteren bilgi simgesi içeren bir kontrol paneli metriği
Kısa, tamamlayıcı tanımlar bir araç ipucunun klasik iyi kullanımıdır.

Tamamlayıcı, asla gerekli değil

NN/g bir hatanın açık bir örneğini veriyor: şifre gereksinimlerini bir araç ipucuna koyan bir site. İnsanların bir görevi tamamlamak için ihtiyaç duyduğu bilgiler ekranda olmalıdır. Araç ipuçları tanımlara, bir alanın neden istendiğine ilişkin açıklamalara ve yalnızca simge düğmelerine yönelik etiketlere uygundur.

Erişilebilirlik

Araç ipuçlarını herkes için kullanılabilir hale getirin:

  • Fareyle üzerine gelmenin yanı sıra klavye odağında da açın.
  • İnsanların odağı değiştirmeden Escape ile bunu göz ardı etmesine izin verin.
  • İşaretçi onun üzerine giderken onu açık tutun.
  • Ekran okuyucularının bunu duyurması için onu tetikleyicisine bağlayın.
  • İçine etkileşimli içerik koymayın; bunun yerine popover kullanın.

Dokunmatik cihazlarla ilgili ipuçları

Vurgulama dokunulduğunda mevcut değil. Dokunduğunuzda küçük bir açılır pencere açan görünür bir bilgi simgesi kullanın veya açıklamayı satır içinde gösterin. Karmaşık kurumsal metrikler için, etiketin yanındaki bilgi simgesi her cihazda tanıdık bir modeldir.

Hareket ve zamanlama

Göstermeden önce kısa bir gecikme, işaretçi öğelerin üzerinden geçerken araç ipuçlarının titremesini önler; Biri açıldığında komşu araç ipuçları hemen görünebilir. Tetikleyicinin hızlı bir şekilde sönmesi veya küçük ölçekli olması, insanların bunun nereden geldiğini görmesine yardımcı olur. Yaklaşık 150 milisaniyenin altında tutun.

Hatırlanacak temel ilkeler

  • Araç ipuçları kısa ve tamamlayıcıdır
  • Önemli talimatları hiçbir zaman araç ipucunda saklamayın
  • Klavye odağını ve Kaçış'ı destekleyin
  • Dokunmatik cihazlarda dokunulabilir bir bilgi simgesi kullanma
  • Araç ipuçlarında etkileşimli içerik yok

Sık sorulan sorular

Kaynaklar

  1. Tooltip Guidelines — Nielsen Norman Group

İlgili rehberler ve örnekler

Küçük hareket, büyük netlik

Tarayıcıdaki araç ipuçları ve açılır pencereler için hızlı ve sakin geçişler ayarlayın.

Yay jeneratörünü açın
Ücretsiz dene