Tek Dokunuşlu Mikro Etkileşimler Nasıl Tasarlanır
Mikro etkileşimler, uygulamaları ve web sitelerini kullanıcılar için parlatan “gizli sos” dur. Bu küçük ayrıntılar, bir alarm ayarlamayı, bir düğmeye basmayı veya bir dijital ürünle nasıl çalışılacağını daha iyi anlamayı kolaylaştırır.
İşin sırrı, en iyi mikro etkileşimlerin kullanıcının muhtemelen düşünmediği unsurlar olduğudur. Anında olurlar - genellikle mobil ekrana tek bir dokunuşla. Etkileşimin küçük doğasına rağmen, bu nedenle “mikro” değer, bu etkileşimler günlük etkinliklerle daha entegre hale geldiğinden kullanıcılar için çok büyüktür.
Kullanıcıları memnun edecek tek dokunuşlu mikro etkileşimleri nasıl tasarlarsınız? İşte birkaç fikir.
Envato Elements'i keşfedin
Bir Düğmeye Canlandırma
Facebook'u Messenger'daki gibi ilk kez fark ettiğinizi hatırlıyor musunuz? “Yaşasın” simgesine dokundunuz ve kutuda sohbet ettiğiniz kişiye büyüdü. Seni güldürdü mü? Bu küçük hareket size biraz zevk verdi mi?
Basit animasyon, musluğu teşvik etmek için önce veya musluktan sonra mikro etkileşimin çalıştığını göstermek için kullanıcıların dokunmak istediği bir şey oluşturmak için kesin bir yoludur. Küçük animasyonlar neler olduğu hakkında bilgi sağlar, böylece kullanıcılar geri bildirim döngüsündeki rolleri konusunda kendilerini rahat ve güvende hissederler.
Yapma
Animasyon, mikro etkileşimin kendisi kadar basit olmalıdır. Hareketleri basit ve akıcı tutun ve hızlı bir şekilde başlayıp bitirin. IMDb'ye derecelendirme eklemek bu prensibi izler; fareyle derecelendirmenin üzerine gelin ve her birini hareket ettirdiğinizde eklenecek yıldız sayısını hızlıca görün. İşlemi bitirmek ve onaylamak için tıklayın.
Seçenekler Sağlayın
Bu UX'de ilkokul ve anaokulu aşk mektuplarına giden bir derstir. Benden hoşlanıyor musun? Evet ya da hayır kontrol et.
Büyük mikro etkileşimler aynı kavram kullanılarak tasarlanabilir. Kullanıcılara iki hızlı seçenek sunun. Bir eylem başlatmak (veya durdurmak) için dokunun; geçiş yapmak için dokunun. Kullanıcılar seçimler yapmak ve dijital deneyimlerin kontrolünde hissetmek istiyorlar, ancak oraya ulaşmak için birden fazla ekranla boğuşmak istemiyorlar.
Anında Eylem Oluşturun
Kullanıcıların mikro etkileşiminizle etkileşime girmesini sağlamanın en iyi yolu? Sonuç hemen olmalıdır. İstenen sonuç:
- Tek dokunuşla oldu
- 0.1 saniye içinde istenen eylemi sağlayın
Mikro etkileşimlerin dolaysızlığı, başarıları için hayati öneme sahiptir. Bu öğelerin doğası küçük olduğundan, eylemdeki herhangi bir gecikme kullanıcıları rahatsız edecektir. (Bir alarmı kapatmak için üç kez dokunulması veya bir toplantı sırasında zil sesini susturmak için 2 saniyelik bir gecikme olması durumunda ne kadar sinir bozucu olacağını düşünün.)
Beğen (veya beğenmeme) veya Instagram'da takip etme arasında hızlı geçiş mükemmel bir örnektir. Mikro etkileşimin bu kadar hızlı olması gerekir.
Tekrar Tasarımı
Mikro etkileşimi kullanıcı arabiriminizdeki diğer etkileşimli öğelerden farklı kılan şeylerden biri, bunların tekrar tekrar kullanılmasıdır. Mikro etkileşimler tipik olarak bir kerelik kullanım için tasarlanmamıştır. (Son bir saatte Instagram kalp şeklindeki Instagram düğmesine kaç kez dokundunuz?)
Bu tekrarlayan eylem için tasarım yapın, ancak eylem tekrarlayan bir hareket gibi hissetmemelidir. Bu, alınacak çok şey gibi görünse de, musluğun sezgisel doğasına gelir. Açık ve doğal mı? Bir kullanıcının bir işlemi düşünmesi gerekmiyorsa, tamamlanması için asla tekrarlayıcı bulamazlar.
Yaygın olarak kabul edilen kullanıcı kalıplarını, animasyonları ve simge stillerini kullanmak, mikro etkileşimleri tasarlama şeklinize kılavuzluk edecektir. Burada tekerleği yeniden icat etmeyin; kullanıcıların tek bir dokunuşla görevleri tamamlamalarını ve nasıl yapılacağına dair kafalarını çizmelerini kolaylaştırır.
Okunabilir ve Göreli Yapın
İşte çok sık unutulan adım - mikro etkileşimler içindeki talimatların okunabilir ve ilişkilendirilebilir olması gerekir.
Okunabilir, mikro etkileşimle ilgili olan herhangi bir metin veya talimatı ifade eder. Kelimelerin görülmesi ve taranması kolay olmalıdır. Tasarım açısından bakıldığında, iyi bir yazı biçimi seçmek ve kelimelerin etrafında yeterli boşluk olmasını sağlamak ve yazı ile arka plan arasında çok fazla kontrast sağlamak önemlidir. Bir bakışta okunması kolay olmayan yoğun, ince veya yenilikli yazı tiplerinden uzak durun.
Göreli, insanların konuştuğu gibi okunan metin anlamına gelir. Yaygın olmayan dil veya garip ifadelerden kaçınılmalıdır. Form alanları içinde kullanıcı yazmaya başladığında yok olan talimatlar harika bir örnektir. Bu, özellikle kullanıcının etkileşimde bulunduğu markanın veya web sitesinin beklediği bir ton veya ses kullandığında doğrudur.
Detaylara Odaklanın
Mikro etkileşim, arayüzünüzü oluşturacak birçok tasarım detayından biridir. Her birine özel dikkat göstermelisiniz.
Mikro etkileşimler genel tasarımın bir parçası gibi hissetmelidir. Fakat bu küçük eylemleri başka şekillerde de düşünmelisiniz. Renk seçimlerinden, kullanıcının etkileşime girmesi gereken öğelerin boyutuna kadar, bu ayrıntılar işlemi teşvik eder veya kullanıcıların tasarımı başka bir şey için terk etmelerine neden olur.
Diğer herhangi bir tasarım öğesinde olduğu gibi, bir uygulama veya web sitesi içindeki mikro etkileşimler için bir dizi stil ve tasarım kuralı oluşturun, böylece eylemler tasarım boyunca tutarlı olur ve kullanıcıların bulması ve etkileşim kurması kolaydır. Öğe ya da etkileşim ne kadar küçük olursa, ayrıntılar o kadar önemli hale gelir.
Basit Tutun
Milyonlarca kez söylemek yeterli değildir - basit tutun. Kullanımı çok zor olan çok fazla tasarım var. Harika olduğunu düşünebilirsiniz, ancak kullanıcılar yapmaz. Öngörülebilirliği, tutarlılığı ve sadeliği severler.
Bir şeyle etkileşim kurmak ne kadar kolay olursa, kullanıcıların bir düğmeye dokunma olasılığı o kadar artar. Bu yüzden tek dokunuş eylemleri çok önemlidir. Tasarımınızın yeterince basit olup olmadığını nasıl anlarsınız? Eylemler, basit talimatlar ve görseller için geri bildirim döngüsü ve net bir şekilde iletilen ve anlaşılması kolay bir mesaj içeren tanımlanmış bir yapıya ihtiyaç duyar.
Geliştirmeyi Durdurma
Mikro etkileşimler tasarlamak evrimsel bir süreçtir. Bu çok yeni bir kavram olduğu için sürekli değişiyor. Kullanıcıların dokunmak istediği bir şey oluşturmak için yeni fikirler ve yeni yollar var.
Mikro etkileşimlerin evrimine ayak uydurmak, Dan Saffer'in ilk tanımladığı temellere kadar uzanır. (Ayrıca, “Mikro Etkileşimler: Ayrıntılarla Tasarım” konusundaki en yetkili kitaplardan birini yazdı. Mikro etkileşimler, tetikleyici bir eylemle başlayan dört adımlı bir süreç, etkileşimin nasıl çalıştığına dair kurallar, kullanıcının bildiği bir geri bildirim döngüsü içerir bir şey oldu ve gelecekteki etkileşimlerin nasıl çalışacağını veya sonra ne olacağını belirleyen döngüler ve modlar. Bunu aklınızda bulundurun ve mikro etkileşim başarısına giden yolda olacaksınız.
Sonuç
Bu kadar küçük bir şey tasarlamak için birçok parça var. Bu nedenle, beş dakika içinde bir mikro etkileşim oluşturabileceğinizi ve devam edebileceğinizi düşünmeyin. Bir mikro etkileşim tasarımı özel önem ve planlama gerektirir.
Unutmayın, en iyi mikro etkileşimler genellikle tek bir dokunuşla çalışır ve düzenli olarak çalışacak olsalar da kullanıcıların etkileşime girmeyi düşünmediği unsurlardır.
