Araç ipuçları nokta için iyi mi?WordPress için 6 Basit Seçenek
Son zamanlarda web sitenizi bildirmek için ipuçları hakkında konuştuğumuzda, çoğunlukla sadece siteye dahil edilmeye layık olan içeriğin ikincil kısmını gizlemeye odaklanıyoruz, ancak ön ve ortada bir yer almak yeterli değil. Ziyaretçi deneyiminizin bir web sitesi geliştirirken her zaman büyük bir endişe olması gerektiğinden, belirli bilgileri doğru zamana kadar stratejik olarak nasıl gizleyeceğinizi öğrenmeniz çok önemlidir. Bu yüzden bugünün araç ipuçları hakkında konuşacağız. WordPress sitenizin neden müşteriden istemciye bir web sitesine ihtiyacı olabilir, ancak her zaman aynı olan bir şey vardır: daha azıyla daha fazlasına ulaşabilirsiniz. Bu yüzden sık sık yanıltıcı, minimalist ve ışık teması hakkında konuşuyoruz.
İnsanlar tarafından bunu başarmak için kullandığımız en yaygın araçlardan biri araç ipucu.
Araç ipucu nedir? Yaklaşık 20 yıl önce Microsoft bizi orijinal “ipucuna” tanıttı. Kullanıcı imleci uygulama aracındaki öğeye her yönlendirdiğinde, bazı araçların ne yaptığına dair talimatlar veya açıklamalar sağladığı gibi küçük bir mesaj görünür. Microsoft programı o zamandan beri biraz gelişti, bu nedenle şimdi etkileşimli veya tıklanan arayüzün tüm bölümlerine yerleştirilmiş bir araç ipucu işlevselliğine sahipler (yukarıdaki örnekte olduğu gibi).
Kelime işlem programı, tekrar araç ipuçlarını kullanan tek program değildir. Şimdi de web sitesinde de kullanılıyorlar. Bazı örneklere bakalım. Klasik araç ipucu kullanmadıysanız, en azından daha önce eylemde gördünüz. Klasik araç örnekleri. Yukarıdaki örneği LinkedIn’den kullanalım. Bugün haber akışımı kaydırdığımda, bu sponsor gönderiyi Optimizely’den gördüm. İmleci “sponsorlu” metne yönlendirdiğimde, araç ipucu mesajını aldım. Sonra imlecimi hareket ettirdiğimde kayboldu.
Tetikleyici etkisinin diğer olasılıklarına rağmen klasik araç ipucu böyle çalışır. İmlecin yönlendirilmesi, sitenize araç ipucu eklemenin en rahatsız edici yolu olabilir, ancak tıklama, sürükleme veya otomatik açma işlevlerini ekleyerek araç ipuçlarına bakmadan önce kullanıcılardan biraz daha fazla iş yapmalarını isteyebilirsiniz. Teknik Popover Araç İpuçları, Yukarıdaki Facebook örneği bir Popover araç ipucu. İşlevsellik, fareyi köprü metnine yönlendirdiğiniz standart bir araç ipucuna, tıklanabilen bir kutuya veya görüntüye benzer ve ardından imleci yönlendirdiğinizde geçici bir mesaj görünür.
POP-OVER araç ipucu örneği. Araç ipucu ve popover arasındaki fark, “uç” da yer alan ayrıntı sayısıdır. Araç ipuçları tam olarak adından da anlaşılacağı gibi: belirli öğelerin nasıl kullanılacağı (ve genellikle çok kısa) hakkında ipuçları sağlarlar. Ancak Popover, genişletilmiş açıklamalar sağlamak için kullanılma eğilimindedir. Görüntüler, bağlantılar ve daha fazlası dahil bu daha uzun olabilir … daha kısa olmasına rağmen her zaman daha iyi. Son Tur Top Araçının Tanımı Bir Tur.
Örnek TourTip Turu. Daha önce sosyal medya hesaplarına kaydolduysanız veya yeni bir üçüncü taraf yazılımı kullandıysanız, büyük olasılıkla bu adımdan birini takip etmiş veya en azından sunacaksınız. Bazıları web sitesine girdiğinizde otomatik olarak başlar ve tura başlamanız gereken bazı örnekler. Tüm adımları tıklamak istemiyorsanız neredeyse her zaman size seçme seçeneği sunarlar.
Her iki durumda da, bu, iş akışlarının nasıl kullanılacağı veya sitenin çeşitli bölümleriyle nasıl etkileşime gireceğiniz hakkında yararlı yönergeler ve bilgiler sağlamayı amaçlayan standart araç ipucunun daha karmaşık bir çok adımlı sürümüdür. Yukarıdaki örnek, web uygulamaları için bir tıklama tarzı tur yapmanızı sağlayan bir hizmet olan TourmyApp’tan. Öyleyse şimdi araç ipuçlarının ne olduğunu bildikten sonra, soru düzeltildi: Web sitenizin buna ihtiyacı olacak mı? Araç ipuçlarıyla ne yapabilirsiniz? Sorun şu: Web siteniz araç ipuçları olmadan iyi olabilir. Bu, araç ipuçlarının eksikliğinin, ziyaretçilerinizin umutsuz bir şekilde akmasına neden olacağından, bir sonraki adımda nerede geri döneceğinizi öğrenmeye çalışır. En azından bu bizim umudumuz! Bununla birlikte, araç ipuçları birkaç nedenden dolayı web siteleri için çok iyi bir ek olabilir:
Sitenizi daha arkadaş canlısı okuyun. Her zamanki gibi, sitenizin ana arayüzüne ne kadar az metin koyarsanız o kadar iyidir. Ziyaretçiler tarafından arzu edilemeyebilecek veya ihtiyaç duyulmayan ipuçlarını kaydedebiliyorsanız, sitenizi potansiyel olarak kesintiye uğramış metinden ücretsiz ve temiz tutabilirsiniz.
Pandu ziyaretçilerinizi harekete geçirmek için. Ziyaretçilerin harekete geçmesi için daha fazla kontrole sahip olmanız gerektiğini hissettiyseniz, araç ipuçları, sitenizin tasarımına hareket etmek için başka bir davet eklemeden ek bir kılavuz katmanı verebilir. Gereksiz ileri geri. Site tasarımınızın sezgisel olması gerekse de, ziyaretçileri tökezleyen bazı yerler olabilir. Araç ipuçları web siteniz için varsayılan bir kılavuz olabilir.
İsteyen ziyaretçiler için ek bilgi verin. Yalnızca ön sayfadaki makalenin resimlerini ve başlıklarını görüntüleyen bir blog siteniz olduğunu varsayalım. Ziyaretçileri okumaya başlamak için tıklamaya zorlamak yerine, bu eylemi gerçekten yapmak isteyip istemediklerine karar verebilmeleri için ek tanımlayıcı bilgiler sağlamak için Popover araç ipuçlarını kullanabilirsiniz.
Erişilebilirliği artırın. Erişilebilirlik, web sitelerinin geliştirilmesi sırasında planlama ve uygulama aşamasında her zaman rol oynamalıdır. Sonuç olarak, araç ipuçları engelli ziyaretçilere ekstra yön sağlamada çok yararlı olabilir.
Araç ipucunun doğası nedeniyle, web sitenizde kullanmaya dikkat etmelisiniz. İyi kullanabileceğinize karar verdiyseniz, başlamadan önce aşağıdaki noktaları düşünün:
Mobil cihazlar için araç ipuçları kapatılmalıdır. Hücresel ziyaretçiler, web sitenizin infiltred görüntülenmesiyle çalıştılar, bu nedenle ek açılır mesajlar ekleyerek azaltmak istemezsiniz.
Tutumlu ile kullanın. Web siteniz araç ipuçlarıyla doluysa, ziyaretçiler sürekli müdahale nedeniyle hayal kırıklığına uğrayacaktır. UX’teki bazı “sürtünme”, özellikle aktif olarak bu duruma dikkat etmeye çalışıyorsanız, minimumda tutulması gerekiyor. Örneğin, araç ipuçları formuna eklemek istiyorsanız, araç ipucunun alanın adını tekrar etmesini istemezsiniz. Gerekli telefon numarası formatını (yani (xxx) xxx-xxxx) sağlamak gibi yararlı ek bilgiler göstermesini isteyeceksiniz.
Mümkün olduğunca kısa bir araç ipucu siparişi yapın. Klasik araç ipuçları ve tur sadece birkaç kelime olmalıdır. Popover biraz daha uzun olabilir, ancak daha kısa yapmak daha iyi.
Görüntüyü araç ipuçlarınızdan uzak tutmaya çalışın. Daha fazla açıklama yapmanız veya fotoğraf, video vb. Paylaşmanız gerektiğini düşünüyorsanız, sayfaya araç ipucuna ilgili tüm bilgileri içeren bir bağlantı ekleyin.
Her zamanki gibi, web sitesi tasarımınıza her yeni öğe eklediğinizde, A/B testi, öğenin ziyaretçilerin ilgisini korumada gerçekten etkili olmasını sağlamaktır. Araç ipuçlarının sitenize iyi bir katkı olduğunu düşünebilmenize rağmen, ziyaretçileriniz bunu yararlı veya gerekli görmeyebilir. A/B testi karar vermenize yardımcı olabilir.
Araç ipuçları yapmanın 3 yolu Sitenize araç ipuçları eklemeden önce, ne tür bir stilin yalnızca araç ipuçlarınız için değil, aynı zamanda web sitenizin bağlamına yerleştirildiğinde de en iyi şekilde çalışacağını düşünün. İstediğiniz efektleri elde etmenize yardımcı olacak farklı araçlar var, bu yüzden kesinlikle ilk neye ihtiyacınız olduğunu bilmek istiyorsunuz. Düşünmek: Mektup Rengi
Arka plan kabarcıkları/blok renkleri
Boyut
Bulanık
Konumlandırma
Tetikleyiciler (İmleci işaret et, tıklayın, vb.)
Tetikleyiciler Kapatın (Taşınma Kesintisi, “X” ye tıklayın, vb.)
Hücresel engelleme
Neyi başarmak istediğinize dair net bir fikriniz olduktan sonra, araç ipuçları yapmanın üç yolu vardır:
WordPress Tool Itip eklentisi, WordPress sitenize araç ipucu işlevleri eklemek için bazı harika seçeneklerdir.
Basit Araç İpuçları
Temel araç ipucu eklemek için, WordPress yayınınıza veya araç çubuğunuza süper rahat bir düğme eklemek için bu eklentiyi kullanabilirsiniz. Daha sonra kendi metninizi oluşturabilir, metnin rengini güncelleyebilir, arka plan rengini güncelleyebilir ve hangi öğelerin araç ipucunu tetikleyeceğini seçebilirsiniz. Bu eklenti ücretsizdir. Basit araç ipuçlarıyla ilgileniyor musunuz?
Detaylar
Sihirli Araçlar İçin İpuçları
Bu eklentiyi kullanmak için WordPress’e yerçekimi formlarını yüklemeniz gerekir. Bundan sonra ayarlandıktan ve kullanıma hazır olarak bu eklentiyi satın alabilirsiniz. Web sitenizde birçok formunuz varsa veya birkaç formunuz daha karmaşıksa, araç ipuçları kullanıcı deneyimini geliştirmede yararlı olabilir ve bu eklenti size araç ipuçlarının çalışma şeklini tam olarak kontrol edecektir.
Detaylar
Araç ipucu cm terimlerinin listesi Birçok teknik terim kullanan siteleri çalıştırırsanız, sözlük mantıklıdır. Sözlüğü ayrı bir sayfada, dipnotlarda görüntüleyebilmenize veya anahtar terimi tanım sayfasına bağlayabilmenize rağmen, ziyaretçilerinize yardımcı olmanın başka bir yolu da Sözlük Araç İpucuunu görüntülemektir. Sözlük Araç İpucu eklentisi, bir sözlük oluşturmanıza olanak tanır, ardından kullanıcı imleci her terimlere yönlendirdiğinde tanımını araç ipuçlarında görüntüler. Yapılan Sözlük Endeksi de duyarlı ve keşfedilmesi kolaydır. Bu eklenti ücretsizdir, ancak Pro sürümü kullanılabilir. Sözlük araç ipucu cm ile ilgileniyor mu? Detaylar
Araç ipuçları için CSS Eklentiler, web sitelerine araç ipuçları eklemek için daha hızlı çözümler sağlarken, her zaman en kapsamlı seçim değildir. Araç ipuçları ekranınız üzerinde daha büyük bir kontrol almak istiyorsanız ve daha fazla olasılık keşfetmek istiyorsanız, CSS’yi deneyin.
Simtip
Arash Manehi’nin bu basit CSS araç ipucu çözümünü gerçekten araştırdık. Doğrudan hoş geldiniz ekran mesajında gerçekten çok fazla varyasyonu test edebilirsiniz. Bu en kapsamlı araç ipucu çözümü olmasa da, bu WordPress eklentisi çözümünden daha fazla esneklik ve kontrol sunar. SimTip ile ilgileniyor musunuz? Detaylar
Ders W3
W3 derslerinin büyük bir hayranı oldum. Basit, takip edilmesi kolaydır ve her zaman ihtiyacınız olan her şeyi sağlarlar. Bu ders size sitenizde araç ipuçları oluşturmak için ihtiyacınız olan CSS’yi gösterecektir. Daha karmaşık araç ipuçları yapmak için daha fazla ders ekledikleri için alttan okuduğunuzdan emin olun. W3 dersleriyle ilgileniyor mu? Detaylar
CSS ve JavaScript ile çalışmaktan rahat hissediyorsanız, araç ipuçları için jQuery, daha fazla seçenekle araç ipuçları yapmanın basit yolları için jQuery yollarını kullanmayı düşünün. Araç Tanımı
ToolTipster web sitesi oldukça havalı. Oradaki bazı araç ipucu seçeneklerini ana sayfada test edebilirsiniz, bu da size bununla ne kadar karmaşık olduğunuzu gösteren bir resim sunar. Ve aşağı kaydırdığınızda, net adımlarla araç ipuçları yapmak için süreci çözdüklerini ve kolayca takip ettiklerini göreceksiniz. ToolTipster ile ilgileniyor musunuz?
Detaylar Gördüğünüz gibi sarma, araç ipuçları WordPress siteleri için ek ek oluşturur. Düzgün kullanıldığında, UX’i artırabilir, erişilebilirliği artırabilir, ziyaretçilere belirli eylemler yapmaları için ilham verebilir ve elbette web sitenizin tasarımınızın mümkün olduğunca temiz görünmesini sağlayabilirsiniz. Sitenize eklenen ek metnin, ziyaretçilerin karşılaşması gereken sürtünme miktarını artırabileceğini unutmayın, bu nedenle uç aracını her zaman bir tutumlu ile kullanın.
Şimdi sizin için: Web sitenizde araç ipuçları kullandıysanız, nihayet size rotayı almanıza neyin ilham verdiğini söyleyin.
Etiket:
Araç Tanımı Kullanıcı deneyimi
