'Delight' Ekleyerek UX'e Sonraki Seviyeye Geçin
Web siteleri, bir işlevi gerçekleştirmek ve kullanıcılarına iletişim kurmak için oluşturulmuştur. Ancak bunun ötesinde, web siteleri de ilgi çekici, heyecan verici ve hatta eğlenceli olabilir.
Bir siteye görsel ilgi eklemek, ister tipografi ister grafikler, ister fotoğrafçılık olsun, onunla olan ilişkimizi sürdürmeye yardımcı olur. Ancak, görsel uyaran ve geri bildirim sağlamak için etkileşim öğelerinin potansiyeli olduğu ve hatta kullanıcıyı memnun edeceğine inanıyorum. Bu yazıda, kullanıcılarınızın web sitelerinizi ve uygulamalarınızı daha iyi hale getirebileceği, kullanıcıları şaşırtabileceği, heyecanlandırabileceği ve heyecanlandırabileceği bazı etkilerin eklenmesi ve kullanıcıların geri gelmesini sağlamayı savunuyorum.
Zevk
Web sitesi tasarımı genellikle UX jargon ve Bilgi Mimarisi kullanıcı yolculukları ile yüklü kuru bir konudur. Ama neden bu arada eğlenceli olmasın ki? Bir siteye zevk eklemek, siteyi yalnızca daha fazla insan yapmanın yanı sıra sitenizi benzersiz kılmanın harika bir yoludur.
İstenmeyen işlevsellik eklendiğini söyleyerek zevk tanımımı burada daraltacağım.
Bununla, bu, sitenin işlevinin önemli bir parçası olmadığı anlamına gelir. Bununla birlikte, sitenin algılanan ve deneyimlendiği yol üzerinde güçlü bir etkisi olabilir. Aslında, UI'nin kesinlikle gereksiz olan unsurlarını nasıl ele aldığınızı, bir web sitesinin tonunu belirlerken, tipografi ve diğer görsel öğeler kadar önemli olduğunuzu söyleyecek kadar ileri gideceğim.
Bir serbest etkileşim
Bir Cooper Journal'ın makalesi Chris Noessel, 'Özgür bir etkileşimi', yazılımın daha insani bir his verdiği bir tasarım modelini çağırıyor.
Bunun bir kısmı, insanların genellikle küçük eylemleri tekrarlamaya eğilimli, feci yaratıklar olduğunun kabul edilmesidir. Geleneksel olarak kalemle ve kağıda kalemleri çeker veya sürekli olarak geri çekerdik. Mesela bende bir kalem avcısıyım.
İnsanlar çoğu zaman bu yazıcılığı web taramasına taşırlar, genellikle yukarı ve aşağı kaydırır, metin parçalarını seçerler veya eylemleri tekrarlarlar.
Bir Ücretsiz Etkileşim modeli, beklenmedik ya da hoş sonuçlar veren etkileşimli öğeler oluşturarak, bu doğuştan gelen insan ihtiyacını bir araya getiriyor. Bir örneğe mi ihtiyacınız var? İmlecinizi bu sayfanın üst kısmındaki Web Designer Depot 'W' logosu üzerinde gezdirmeyi deneyin.
Noessel'ın dediği gibi, serbest etkileşimler görev performansının dışında oturur ve bunun yerine aradaki boşluklarda otururlar. Fakat kullandığımız sitelere duygusal tepkimizi şekillendirmede güçlüdürler.
Kaydırma efektleri
Daha önce belirtildiği gibi, en yaygın 'fidget'lerden biri yukarı ve aşağı doğru kayıyor, böylece kaydırma yaparken görsel ilgi alanı oluşturan siteler genellikle keyifli.
İçin tek sayfalık site Nizo Image Mechanics'ten fotoğraf uygulaması, siz aşağı doğru ilerlerken aşağı ve yukarı kaydırırken hareket eden 'Knolled' kamera bileşenlerine sahiptir. Eğer benim gibi olursanız, muhteşem arayüzü kullanarak sadece yukarı ve aşağı doğru kaydırma yapmak için çok fazla zaman harcarsınız. (Ancak, uygulamanın yayınlanmasını beklerken nefesinizi tutmayın.)
Kaydırma üzerinde paralaks efektleri kullanmak aynı zamanda zevk yankılarını da ekleyerek derinlik yanılsamasını yaratır. Ben seviyorum oğlan-çekingen Kaydırma efektlerinin sitenin tonu ve görsel stiliyle mükemmel bir şekilde eşleştiği web sitesi.
Yan kaydırma, oyun tasarımında yaygın bir tema olduğundan, yatay kaydırma efektlerine sahip daha fazla web sitesi olmadığına şaşırdım. Ama güzel bir örnek Nintendo Mario Kart Nintendo konsollarının 20 yıl boyunca oyun tarihine bakan site.
Lehçe sitesi Ezmek Siz, içinde ilerlerken geçiş yapan grafik elemanlarının katmanlarını ekler, düşük teknoloji ürünü bir çizim kitabı hissi elde etmenin yüksek teknolojili bir yoludur.
Kaydırma efektlerinin kralı muhtemelen Acko . Burada, site başlık elemanı animasyonlu bir 3D grafiti nesnesidir. Bir sonraki seviyeye - sürükleyici, etkileşimli, eğlenceli olan animasyonlu logo. UI'de 'kilidini açmak' için bile başarılar var - ama yine de oyun bir başka konu.
Duygu için tasarım
Sitenize zevk katmak, kullanıcıyla duygusal bir bağlantı oluşturmanıza yardımcı olur. Duyguların tasarımdaki gücü, sadece anlamaya başladığımız bir şeydir, ancak belirli nesneleri kullanmanın neden zevk aldığımızı ve onlarla güçlü bir bağ kurduğumuzu açıklamaya yardımcı olur. Fiziksel ürün tasarımı ve interaktif tasarım için geçerlidir.
Apple ürünlerinin çok saygı duyulduğunun güçlü bir nedeni, kullanıcıların kendilerine duygusal olarak bağlı olmaları ve hem Apple donanımında hem de yazılımında çok fazla zevk örneği olduğunu düşünüyorum. Pek çok insanın, iOS mobil Safari'de kaydırma yapan 'lastik bant'ını çok sevdiğini biliyorum.
Tamam 'birçok insan' demek istedim ama Steve Jobs, onu patentlendirecek kadar sevdi Apple’ın Samsung’a karşı davalarının bir bölümünü oluşturdu.
Aaron Walter, kitabında Duygu için Tasarlama, Başarılı web sitelerinin, kullanıcıların duygularını kişilikleriyle birleştirerek nasıl etkilediğine bakar. Bir kullanıcıyı memnun eden öğeler eklemek, bunu yapmanın çok güçlü bir yoludur. Basitçe söylemek gerekirse, bizi memnun eden araçları tercih ediyoruz, bu yüzden iş için de iyi.
Zevk bir hile değildir
Zevk eklemek, bir hile olarak kasıtlı etkiler eklemek anlamına gelmez. Etkiler, sitenin kişiliğini şekillendirmeye yardımcı olmak için vardır. Oynak ya da tuhaf olmak zorunda değiller (eğer taşımak istediğiniz kişilik ise bu olsalar bile), karaktere daha iyi uyuyorsa ince ve kısıtlanabilirler. Şuna baksana pictet.com. Arama bağlantısına tıkladığınızda arama çubuğunun kaybolduğu yolu seviyorum - siz soruluncaya kadar arama metni alanını baskın bir öğe olarak durdurur . Bu ince ve şık ve sitenin tonu - bir İsviçreli finansal hizmetler şirketi - mükemmel uyuyor.
Bazen etkiler o kadar ince ki onları bile fark etmeyebilirsin. Örneğin, ses kontrolünün BBC iPlayer 11'e kadar mı gidiyor? Spinal Tap'a hoş bir küçük baş sallıyor.
Abartma
Çok fazla beklenmedik etkileşimin eklenmesi, tersyüz olabilir ve görsel bir aşırıya kaçma oluşturabilir. Hiperkinetik oyun benzeri bir ortam yaratmaya çalışmadığınız sürece, flip-over, pop-up'lar, whizzbang'lar ve tuhaf bombalar ile çok fazla görsel efekt, içeriğiyle herhangi bir anlamlı etkileşimden ciddi şekilde uzaklaşacaktır. Bir göz atın LEDbow örneğin site. Teknik olarak zekice ama etkili bir şekilde iletişim kurduğunu düşünmüyorum. Sadece çok fazla var.
Keyfini çevir
Ekranı bir sayfa görüntüleyici yerine vizör veya yüzey olarak ele alan sitelere bayılıyorum. Farklı hızlarda hareket eden katmanlar, derinlik ve ilgi yaratır. Pozisyona hareket eden unsurlar onlara dikkat çekiyor.
Hareket, deneyimi daha sürükleyici kılar, ancak kendi türünde bu tür bir etkileşimin daha büyük bir katılımla eşit olmadığının farkında olun.
Zevk eklemek, siteleri daha insani ve daha dokunsal kılar; maymun-beynimizin, düşünürken ve öğrendiğimizde dağınıklık ve oynamaya ihtiyacı vardır. Bir dahaki sefere bir site oluşturduğunuzda, kullanıcılarınızı memnun edecek benzersiz bir şey nasıl oluşturabileceğinizi düşünün.
Duygu için mi tasarlıyorsun? Bir siteye nasıl keyif katıyorsunuz? Yorumlarda bize bildirin.