Kullanıcı Katılımı için Dört UX Tasarım Tekniği
Kullanıcıları bir web sitesinde kalmaya ve kullanmaya teşvik etmek, her zaman daha ince kodlar veya daha hoş grafikler içermez. Reddit gibi en basit mizanpajlardan bazıları, kullanıcıları içerikle meşgul olmaya devam ediyor ve site ile etkileşime girmekten heyecan duyuyor..
İşin sırrı kullanıcı deneyiminde yatar. dikkate alınması Nasıl bir web sitesi işlevleri. Etkileşimler, sayfa öğelerinden ve bir sayfadan diğerine geçen eylem akışlarından kaynaklanır..
Bu yazıda bazılarına bir göz atacağım UX tasarım teknikleri uygulanabilir kullanıcı deneyimini iyileştirin ve kullanıcı katılımını arttırın. Bunların her zaman her web sitesi için geçerli olmadığını ve bu tekniklerin neden işe yaradığını anlamak için daha önemli olduğunu ve kendi kararınızı kullanabileceğinizi unutmayın..
Kullanıcı deneyiminin konusu çok geniştir ve tam olarak anlamak için sabır gerektirir. Ama ne kadar çok pratik yaparsan o kadar anlarsın
Yapabileceğin en iyi şey sevdiğiniz web sitelerinde oynayın ve çözmek ne seversin onlar hakkında. Deneyimlerinizden tutarlı fikirleri tahmin edebilir ve sizi bir web sitesinde neyin meşgul ettiğini (veya başkalarının) anlayabilirsiniz..
1. Dikkat Çekmek için Kontrast Kullanın
Her site, kullanıcı etkileşimi için yapılmış bir avuç elemanla inşa edilmiştir. Köprüler, düğmeler, giriş alanları, kenar çubuğu widget'ları, liste uzayıp gidiyor. Ancak tüm unsurlar eşit yaratılmamalıdır. Bazıları ziyaretçilerin katılımı için doğal olarak daha önemlidir ve daha yüksek kontrast sayfadaki diğer öğelerden sıyrılmak için.
Bu fikir, yüksek renk kontrastından ve insanların görsel verileri kalıplarda işleme biçiminden kaynaklanmaktadır. Çevresinden bir şey göze çarpıyorsa, renk, boyut, şekil veya boşluk ile bağlama göre daha önemli görünmek.
Ziyaretçileri belirli bir göreve dahil eden belirli sayfa öğelerine dikkat çekmek için kontrast kullanın. Amacınız daha fazla bültene kaydolmak istiyorsanız, abonelik kutunuzda parlak bir animasyonlu kayıt düğmesi veya benzersiz bir vektör simgesi olabilir..
Amaç, ziyaretçileri istenen bazı işlemleri yapmaları için yönlendiren bir arayüz oluşturarak dikkat çekmek..
Eğer zamanınız varsa, hangi renklerin / elementlerin birlikte en iyi şekilde oynadıklarını görmek için birkaç A / B vaka çalışması çalıştırmaya değer olabilir. İstatistikleri tam olarak belirlemek zordur, ancak basit bir bölme testinden ne kadar öğrenilebileceğini görünce şaşıracaksınız.
2. Zevkli UI / UX Animasyonu
Geçenlerde Disney Arayüz Animasyonu Hakkında Ne Biliyor? Başlıklı bir yazıya rastladım. Animasyonun hayati noktalarını ve bunların düz bir 2D ekranla etkileşime giren kullanıcıların ruhuna nasıl oynadıklarını kapsar..
Farklı animasyon türleri belirli davranışları ima edebilir. Örneğin, bir düğmenin üzerine geldiğinde tıklanabilir olduğunu göstermek için zıplayabilir. Hata mesajları sıklıkla kullanıcıdan dikkat çekmek için sallanır.
Bunu hatırla UX animasyonu görünür ama ince olmalı. En iyi vahşi animasyonlar, arabirimler yerine TV ve filmler için daha fazladır.
Ancak bu, arayüzlerinizin düz kalması gerektiği anlamına gelmez. Aslında çoğu kullanıcı daha doğrusu Bir tür animasyona sahip olun çünkü daha yumuşak bir deneyim yanılsaması yaratır. Dijital tasarım kısmen hayali bir arayüz oluşturma, fakat daha gerçekçi Görünen o ki, daha fazla kullanıcı etkileşmek isteyecektir.
3. Bir Gereksinim Olarak Duyarlı Tasarım
İnternet kullanıcılarının iyi bir kısmının cep telefonlarından göz attığını söylemek doğru olur. Facebook ve Twitter gibi sosyal sitelerle paylaşılan bağlantılar, doğrudan akıllı telefonlarda ve tablet cihazlarda sıkça ziyaret ediliyor.
Bu, her web sitesinin bir şekilde mobil cihazlar için optimize edilmesi gerektiği anlamına gelir - tercihen tamamen duyarlı bir tasarıma sahip.
Sen ne zaman ekran boyutunu düşünmek zorunda, o kritik özellikleri yepyeni bir ışığa yerleştirir. Bir tasarımcı olarak, hangi özelliklerin en önemli olduğunu ve daha küçük ekranlarda nasıl görünmeleri gerektiğini seçmeniz gerekir. Bu duyarlı tasarım stratejisinin öğrenilmesi zaman alır ancak en iyi yol, diğer web sitelerini incelemek ve sevdiğiniz teknikleri kullanmaktır..
Gerçek şu ki duyarlı tasarım çalışmaları ve her geçen yıl tasarım topluluğu tarafından daha fazla kabul görmeye başlıyor.
Kullanıcılar ayrıca web sitelerinin tam olarak yanıt vermesini bekliyorlar, bu yüzden herhangi bir cihaz ekranına hitap edeceklerdir. Bir site bir mobil web tarayıcısına tam olarak sığmadığında, kullanıcı deneyimine zarar verebilir..
4. Etkileşim Sürecini Basitleştirin
Smashing Magazine kısa süre önce, okuduğum en iyi yazılardan birini yayınladı. arayüz tasarımı için basitleştirme. Hiç kimsenin web sitenizi veya uygulamanızı kullanmak için çemberin içinden atlamak istemediğini belirtir. İnsanlar yalnızca sonuç, ve oraya ulaşmak için en hızlı yol.
Tel kafes çizdiğimde her etkileşimli sayfa öğesi için UX akış çizelgeleri oluşturmayı seviyorum. Bunlar görsel olarak sitenin nasıl görünmesi gerektiğini kavramasına yardımcı olur. ve fonksiyon.
Fakat gerçekte deneyimi nasıl planladığınız önemli değildir. Sadece planladığından emin ol. mümkün olan en hızlı ve en basit deneyim. Teşvik edici faaliyetler söz konusu olduğunda, önemli şeylerin olmasını istersiniz tasarımın ima ettiği.
Birisi web uygulamanıza gelirse ve hemen nasıl kaydolacağınızı anlamazsa, bu büyük bir sorun. Açıkça belli olmalı Kullanıcıya sitenizin ne yaptığı ve bunların nasıl ayrı olabileceği.
Başlamak için en iyi yer, UX tasarımını ve kullanıcıların bir arayüzle nasıl etkileşimde bulunduğunu araştırmaktır. Oradan kendi projelerinizle ilgili sonuçlar çıkarabilecek ve arayüzlerinizi en büyük potansiyelleri için ideal şekilde basitleştirebileceksiniz..
Konuyla ilgili okuma için kullanıcı etkinliği, bu yayınlara göz atın:
- Web Tasarım Kurallarını Breaking = Kullanıcı Deneyimini Breaking
- Smashing Magazine'de Kullanılabilirlik ve Kullanıcı Deneyimi Arşivleri
- Kullanıcı Etkileşimini Etkilemeye Yönelik Web Tasarımı Kavramları
Sarmak
Kullanılabilirliği artırmak için web sitelerinin nasıl tasarlanacağı (veya düzeltileceği) ilgili tek bir cevap yoktur. Evet, deneyebileceğiniz bazı şeyler var, ancak her site biraz farklı ve UX tasarım çalışması çok karmaşık..
Umarım bu makale, oldukça kullanışlı arayüzler oluşturmak için bazı genel teknikleri düşünmeye başlamanızı sağlayabilir. Yapabileceğiniz en iyi şey, kendinizi tipik bir kullanıcının ayakkabılarına yerleştirmek ve bir arabirimin ana kusurlarını belirlemeye çalışmaktır. Ve bir kez bir sorunu tanıdığınızda, çözümün yarısına zaten gidersiniz!
