Site tasarımınızda sürpriz öğeleri kullanmanın 10 eğlenceli yolu
Rick Astley tarafından “Asla Pes Kalmayacağınız” ın bu yıl 30 yaşında olduğunu biliyor muydunuz?İsim bir çan çalmasa bile, Rickroll sayesinde yanlışlıkla birkaç noktada bir müzik videosu bulma şansınız vardır.[YouTube https://www.youtube.com/watchNeden bahsettiğimi biliyorsunuz: İş yerinde oturuyorsunuz, arkadaşlarınız denemeniz gereken harika oyunlar olduğu konusunda ısrar ediyor ve sonra müşterinin sizi bekleyen isteği için bir gelen kutusu olsa bile oynamanızı söylüyorlar.(Bu arada, bu gerçekten varsayımsal bir durum, başıma gelenler değil.)
Sonra labirentten dikkatlice geçtiğinizde, arkadaşınızın puanını yeneceğinizi düşünün, Exorcist’ten Linda Blair görünür ve iş bilgisayarınızdan size çok zorlanır. [YouTube https://www.youtube.com/watch?v=0wjdrq0ihbw Bununla birlikte, her ikisi de kitlenizi şaşırtmak, şok etmek ve umarım etkilemek için sürpriz bir öğenin nasıl kullanılacağının iyi bir örneğidir. Bir web geliştiricisi olarak, minimalizmin iktidarda olduğunu biliyorsunuz (gerektiği gibi). Bence, stratejik içerikle serpiştirilmiş beyaz alanın kullanımı, ziyaretçilerinizi beklenmedik bir şeyle şaşırtmak için mükemmel bir fırsat sunuyor. Ziyaretçilerinizi aldatmanız veya bir atlama skoru videosu ile gerçekten korkutmanız gerektiğini söylemiyorum. Onlara biraz sarsıntı vermenin ve sitenizden kabul edilmesini bekledikleri turdan uyandırmanın başka birçok yolu var.
Bugünün özetinde, WordPress web sitenize sürpriz öğeler eklemenin 10 yolunu tartışacağım ve ayrıca diğer insanların bu işlevi kendi amaçları için nasıl yaptıklarına dair birkaç harika örnek ekleyeceğim. WordPress’te sürpriz öğeleri kullanmanın 10 yolu yüzleşelim. Ziyaretçiler şu anda bir web sitesi açısından ne beklendiğini biliyorlar. Büyük başlık tasarımı. Cep telefonunda Hamburger menüsü. İletişim Sayfası ve Hakkında. Belki referans widget. Öngörülebilir web sitesi deneyimi hakkında hiçbir şey çok ilginç değildir. Ama bunda kesinlikle yanlış bir şey yok. Ziyaretçiler tutarlılığa ve öngörülebilirliğe saygı duyarlar. Ama onları bu umutla cezbetmek için harika değil ve sonra onları “Eh, gerçekten farklı/eğlenceli/şaşırtıcı” diye düşündüren rastgele unsurlarla şaşırtabilir mi? Web tasarımında sürprizlerin unsurlarını kullanmanın birkaç yolu var . Çok net, UX açısından kötü bir adım olacak, ancak doğru talimatları (ve marka kimliğinize uygun) bulmak, ziyaretçilerinizin ilgisini birkaç seviyeden daha fazla artırabilir. İşte bazı fikirler: 1. Tasarımınıza gizli mesajlar ekleyin Logolarındaki görüntüleri gizleyen şirket sayısından sürekli şaşırıyorum. FedEx ve Amazon A-To-Z okları bunun en ünlü örneği olabilir.
Amazon A-To-Z logosundan “Gülümseme”
Pinkblush tarafından şok edici indirimler kullanımı.
3. Bios sayfanıza web sitesinde çok kuru, çok hızlı olabilir. Bu gerçeklerden biri değil. Çoğu insan biyo tarza doğru eğiliyor “Ben Dave ve geçimini sağlamak için bir kod yazdık”, ki bu oldukça iyi. Bu kısa ve doğrudur ve ziyaretçileri Dave’in Rutgers’a nasıl gittiği, Colorado’ya taşındığı uzun paragrafının açıklamasını okumaya zorlamaz, ancak daha sonra Doğu Kıyısı’nda karar vermek en iyi plajdır (çünkü öyle). Şimdi, hedefiniz insanlar ekibinizin biyografisini gerçekten okumayacak olsun ya da okumayacak şekilde olsun, bu sayfa arkasındaki insanların hoş tarafını sergilemek için olağanüstü bir yer. Örneğin Wistia’nın ne yaptığını ele alalım. “Dans” kelimesini yazın ve bu hoş küçük animasyonu kendiniz göreceksiniz. “Dans” komutunu yazmadan önce Wistia ekibi.
Sonrasında:
“Dans” komutunu yazdıktan sonra wistia ekibi. 4. Geleneksel olmayan bir kaydırma efekti oluşturun Herkes statik bir web tasarımının nasıl olduğunu bilir ve çoğu insanın mevcut paralaks parşömenlerine aşina olduğunu söyleyeceğim. Scrolls tarafından tetiklenen hareketlerin hayranıysanız, bu oynamak çok iyidir. Favorilerimden biri birkaç kişiden. Ana sayfayı aşağı kaydırırsanız, bunun sadece geleneksel bir statik web sitesi olduğunu düşünebilirsiniz, ama sonra oh! Fareniz veya parmağınız yanlışlıkla hasar görüyor ve insanların kalabalığının sizin gibi sallandığını ve daire içine aldığını görüyorsunuz.
Sallanan birkaç kişi tarafından yapılmıştır. 5. Ünlü desteği alın, imkansız olduğunu düşünüyorsanız, Britney Spears gibi birini seçtiği bir WordPress geliştiricisi olarak desteklemenin, o zaman haklı olabilirsiniz. Ancak bu, sizin veya müşterinizin bir gün ünlü veya etkileyiciler için çok güzel bir fırsat bulamayacağı anlamına gelmez. BBC, küçük işletmelerin işlerini geliştirmeye yardımcı olmak için nasıl büyük isim desteği kullanabileceğine dair bazı örnekler, ziyaretçileri sitelerine ve şirketi yöneten kişileri şaşırtabilecek bir şey bildiriyor. Bu, mutfaklarında yiyecek ve boş zaman karşılığında Noel adımları için çekilen aksiyon Bonson videosu: [YouTube https://www.youtube.com/watch?v=vhjwvouz9pa?rel=0&w=560&h=315] 6. Biraz Gamification Entertainment ekleyin Web tasarımında hiçbir yere gitmez, çünkü bin yıllık nesil satın alma gücü artar ve Z Nesil tüketici sınıfına yükselir. Bu nedenle, WordPress sitenize ilk kez nasıl oyunlaştırma ekleyeceğinizle ilgili WPMU geliştirme kapsamını kaçırırsanız, şimdi kontrol ettiğinizden emin olun. Ya da internet bağlantısını kaybettiğinizde oynayabileceğiniz alan tarafından etkinleştirilen rastgele dinozor oyunlarından ilham alabilirsiniz:
Kim daha fazla internetin tekrar oynama şansı için aşağı inmesini beklemiyor? 7. Beklenmedik animasyonları öngörülen deneyimler hakkında konuşmaya davet edin. Ziyaretçilerinizin sonunda harekete geçme davetine ve sitenizin iletişim formuna ulaşacağını biliyorsunuz. Ve biliyorsunuz ki, bu deneyime beklenmedik bir şey eklemeseniz bile birçoğunun dini değiştirmeye istekli olacağını biliyorsunuz. Peki ya yaparsanız? Bu onları durdurmanın ve onlar için başka hangi sürprizleri hazırladığınızı merak etmenin iyi bir yolu değil mi? ReadMe, iletişim formlarına bu tür “sürpriz” animasyon ekledi ve çok havalı. Baykuş maskotları, kayıt sayfasında doldurduğunuzda parmaklarını her giriş sütununa gösterir.
ReadMe Owls size hangi alan üzerinde çalıştığınızı gösterir.
Owl daha sonra şifrenizi yazdığınızda gözlerini kapattığında giriş sayfasında biraz yaramaz hale gelir. Bir şifre yazdığınızda ReadMe Owl bakmayacaktır.
8. Kaynak kodundaki bir şeyi gizle Web geliştiricisi olarak, iyi performans gösteren bir web sitesi oluşturmanın anahtarının temiz bir kod yazmak olduğunu biliyorsunuz. Bu nedenle, işlemi kolaylaştırmak ve işlevselliği ve işlevi gören özellikleri eklediğinizden emin olmak için daha önce yazılmış olan CSS ve JavaScript kitaplıklarını kullanırsınız. Ama senin için ne kadar eğlenceli? Tabii ki, ziyaretçileriniz sitenizin güzel faydalarından yararlanacak, ancak temelde sizin için her gün aynı şey. Yani, bu tavsiye için, bunun alışkanlıklarınızdan çıkmanız ve web sitenizin kaynak kodu ile eğlenmeniz için iyi bir fırsat olduğunu düşünüyorum. Bunun her sitede gerçekleşmesi gerekmeyebilir ve sadece kendiniz için olabilir, ancak bu hala bazı teknoloji düşünen bireyler tarafından bulunabilecek ve değerlenebilecek şaşırtıcı bir şey eklemenin eğlenceli bir yoludur. Coca-Cola bunu yapar: Sipariş Coca-Cola Gizli Kaynak Kodu.
PayPal gibi:
PayPal Gizli Kaynak Kodu sipariş edin.Aynı şekilde Kanye West: Kanye West kaynak kodu sipariş. 9. Bu dijital Paskalya Yumurtası fikrini seviyorsanız, ancak gerçek web sitesinde ziyaretçilerle paylaşabileceğiniz bir şey istiyorsanız, Kickstarter’ın neler yaptığını görün: Gözlerinizin önüne bir şey saklayın:
Önceki Kickstarter Paskalya yumurtasını hiç gördünüz mü? Sitenin altına kaydırırsanız, sol alttaki makas simgesini görürsünüz. Sürpriz mesaj görünene kadar üzerine tıklayın:
Kickstarter, yeni müşteriler almanın benzersiz bir yolunu bulmalıdır. Bunu düşünürseniz, sitenizde Paskalya yumurtalarını kullanmanın yeterince akıllı bir yoludur. Tabii ki, sadece eğlence amacıyla olabilir, ancak Kickstarter büyük bir açıklamayı … iletişim formu haline getirir mi? Evet, bu bir iletişim formudur ve belki de daha fazla insandan biri kayıt olmaya isteklidir, çünkü benzersiz yol onlara aktarılır. Laura Filton’un Hubspot’tan dediği gibi: “Paskalya yumurtalarının ‘geliştiriciler’ kişiliğinin bir parçası olduğunu hissediyorum. Bunlar bulmacaları çözmeyi seven çok akıllı insanlardır ve çalışmalarının karmaşıklığı, ürünlerini kullanan çoğu müşteri tarafından asla tam olarak değerlenmez. Paskalya yumurtalarını saklayarak, yazılımı gerçekten keşfetmek ve takdir etmek için ekstra girişimler yapan müşterilere ödül verebilirler ve bunu yapmak için yapılır. ” 10. Son bulduğum sonuncusu için rastgele bir şey atmak ve dürüst olmak gerekirse hala şaşırdım çünkü Asana’da her gün ne kadar zaman geçirdim. Ancak, şimdi orada olduğunu biliyorum, bunun için çok minnettarım. Bu, önemsiz görünen ve üretkenlik uygulamalarını kullanma deneyimimi geliştirmek için hiçbir şeye katkıda bulunmayan bir sürpriz, ama bu beni çok mutlu ediyor. Asana’nın yaptığı budur: profil ayarlarıma girme. Hacks sekmesine tıklayın ve Hack sekmesine geçin.
Değişiklikleri uygulamak için asana’yı yeniden yükleyin … sonra TAB+B’ye istediğiniz kadar basın. Asana’nın sürprizine ihtiyaç var mı? Değil. Bu gerçekten olağanüstü mi? Evet. Bir kedi hayranı olmasanız bile, ekranınızda her bir sekme+B yürütme ile görünen yeni bir tekir (GET: Sekme-B/Tabby) görmek için kahkahaları geri tutamazsınız. Dürüst olmak gerekirse, her iş fikri çok yenilikçi veya çekici olmayacak, ancak bu hizmetlere veya ürünlere hala ihtiyaç var. Muhasebeciler veya köpek içme şişeleri için bir WordPress sitesi tasarladığınız için, sitedeki tüm deneyimlerin arkasındaki işle vanilya ile aynı olması gerektiği anlamına gelmez. Bununla birlikte, WordPress sitenize biraz coşku eklemenin iyi bir yolu, onu sürpriz bir unsurla koymaktır. Tabii ki, bağlamında alakalı olmalıdır. Yukarıdaki marka için işe yarayan şey sizin için uygun olmayabilir, bu nedenle sitenizdeki hangi öğelerin oynamak için ideal olduğunu bulmak için zaman ayırın. Unutmayın: Asla ziyaretçilerinizi hayal kırıklığı, kafa karıştırıcı veya rahatsız etmek istemezsiniz. Sadece sürpriz bir faktör için sürpriz bir unsur eklemek gerçekten geri tepebilir, bu nedenle bu tasarım öğesini akıllıca kullanın ve deneyimlerini olumlu etkileyebileceğini düşünün. Web sitelerini ziyaret ederken aldığınız en iyi “sürpriz” nedir? Bize yorumlarda söyleyin!
Etiket: tasarım
