Hover, yıllardır web sitelerinde, bir eylemi tetiklemeden ziyaretçilere bir bilgi pasajı sağlamanın bir yolu olarak kullanılmaktadır. Akıllı telefonlar ve tabletler yavaş yavaş interneti ele geçirirken, bir web sitesi tasarlarken onlara daha fazla dikkat etmeliyiz. Dokunmatik ekranlar fareyle üzerine gelemediğinden, fareyle üzerine gelme efektlerine alternatiflere bakmamız gerekir. Kendi web sitenizi kuruyorsanız veya profesyonel bir web tasarımcısı istihdam edecek kaynaklara sahip değilseniz, bu eğitim tam size göre.

Vurgulama efektlerini dokunmatik ekranlarla yönetebilirsiniz, ancak biraz garip olabilir. Bunları tamamen tasarlamaktan ve tamamen başka bir şey kullanmaktan daha iyi olabilirsiniz. Bunları masaüstü sitenizde kullanmaya ayarlıysanız, genellikle mobil web sitelerinde efektleri vurgulamak için üç alternatifiniz vardır:

  1. Bunları tamamen kaldırın ve birincil eylemle değiştirin. Fareyle üzerine gelme efekti için bir kez, birincil eylem için bir kez daha dokunabileceğiniz ikincil bir menü ekleyin. Fareyle üzerine gelme bilgilerini kendi sayfasına yerleştirin.

Hepsi dokunmatik ekranlarda ve masaüstlerinde iyi çalışır, ancak mevcut bir tasarımda uygulamak için bazı tasarım ayarlamaları gerektirir. Becerileriniz varsa JavaScript veya akıllı jQuery kodu ile de çalışabilirsiniz, ancak hepsini kendimiz anlamaya çalışıyorsanız, koddan ziyade tasarım alternatiflerini kullanmaktan daha iyi olabilirsiniz. Fareyle üzerine gelme efektleri için kod alternatiflerini keşfetmek istiyorsanız, bu sayfayı ziyaret edin.

Fareyle üzerine gelme efektlerini tasarımınızdan kaldırın

Size yardımcı olmak için bir serbest web tasarımcısı istihdam edemezseniz, vurgulu efektleri tamamen kaldırmak daha iyi olabilir. Düzgün görünüyorlar ve yararlı ek bilgiler sunabilirler, ancak aynı etkiyi elde etmenin her zaman başka yolları vardır.

Menü eylemini birincil eylem olarak tutabilir ve ek bilgileri sayfanın başka bir yerine ekleyebilirsiniz. Ara kutularını, açılır pencereleri kullanabilir, yapmaya çalıştığınız nokta veya başka bir şey için tanımlayıcı içeriğini artırabilirsiniz. JQuery'yi uygulama becerileriniz yoksa, bu muhtemelen en basit seçenektir.

İkincil menü ekle

İkincil menü, fareyle üzerine gelme efektini simüle edecek ilk dokunuşu içerir. Bilgileri menüye dahil edebilir ve aynı öğenin içinde ikinci bir menü gösterebilirsiniz. Bu ikinci menü, masaüstünde olduğu gibi gerçek seçim olarak işlev görür. İlk basış bir farenin üzerine gelindiğini simüle eder ve ikinci basış kullanıcıyı birincil eylemi gerçekleştirir.

Bu, fareyle üzerine gelme efektlerine güzel bir alternatiftir, ancak ekran boyutu ile sınırlıdır ve efektinize ekleyebileceğiniz bilgi miktarını sınırlar. Fareyle üzerine gelme efektleri, doğası gereği sınırlıdır, ancak mobil cihazlarla uğraştığınız ekran mülküyle daha sınırlıdır. Tamamlayıcı verileri standart olmayan bir şekilde gerçekten eklemek istiyorsanız, bu olabilir.

Fareyle üzerine gelme bilgilerini kendi sayfasına yerleştirin

Belki de daha kolay bir seçenek, fareyle üzerine gelme bilgilerini kendi sayfasına bir metin bağlantısıyla dahil etmek olabilir. Bu, menünüzü basitleştirir ve navigasyonu basit tutar. Köprü, aygıtlar arasında çalışır ve site boyutu ve SEO için fazladan bir sayfa alırsınız. Dezavantajı, ek içeriğin çalışması için en az 300 kelime kadar artırmanız gerekecek olmasıdır.

Bilgileri yeterince okuyup iyi okuyup okuyucuya değer katabildiğiniz sürece, kişisel olarak bunun en iyi alternatif olduğunu düşünüyorum. Ek verilere bu bağlantıların nereye yerleştirileceğine karar vermek size bağlıdır ve tasarımınıza bağlı olacaktır, ancak ekstra sayfalar, harekete geçirici mesajlar eklemek, telefon numaranızı, e-posta adresinizi ve kullanılabilecek ekstra bilgileri eklemek için ekstra bir fırsat sağlar. satış yapmak.

Fareyle üzerine gelme

Ana web sitenizde bir çeşit fareyle üzerine gelme efekti kullanmak istiyorsanız, mobil sitenizde veya en azından mobil sürümünüzde çalışmanız gerekir. Geçiş menüsü alternatifleri veya JavaScript çözümleri var, ancak bunların uygulanması için bir uzman gerekiyor. Bu sayfada, daha fazla araştırmak istediğinizde alternatifleriniz açıklanmaktadır.

Kendi başınıza başlarken veya ilk web sitenizi oluştururken girmeniz gereken en kolay tuzaklardan biri, kitleniz için değil kendiniz için tasarım yapmaktır. Kesinlikle hoşunuza giden bir şey tasarlamak zorundasınız, ancak kullanılabilirliği dikkate alırken izleyicilere öncelik vermelisiniz. Ayrıca, kullanacakları cihazları ve web sitenizle en iyi şekilde etkileşim kurma olasılıklarını da dikkate almanız gerekir.

Kitleniz gençse mobil kullanırlar. Mobil kullanıyorlarsa, fareyle üzerine gelme efektleri ve bunun gibi diğer tasarım seçenekleri en iyi seçeneğiniz değildir.