UI Tasarımında Çizim Kullanmanın 4 Akıllı Yolu
Söylediği gibi, bir resim bin kelimeye bedeldir. İnsanoğlu, görsel bilgiyi neredeyse anında işleyebilen son derece görsel yaratıklardır. yüzde 90 Algıladığımız ve beynimize iletilen tüm bilgilerin görsel olduğunu görürüz. Tek bir görüntü, gözlemciye ayrıntılı bir metin bloğundan daha fazlasını iletebilir. Dahası, birçok durumda, oldukça karmaşık bir fikir, sadece tek bir fotoğrafla kolayca aktarılabilir. Bunun nedeni, insan beyninin bir görüntüyü metin kopyasından daha hızlı tanıyabilmesi ve anlayabilmesidir.
Fotoğraflar uzun süre iyi arayüzlere sahip olmuşlardır, ancak daha yakın zamanda, resimlerin kullanımında artan bir ilginin farkına varmak mümkündür. Bu sebepten dolayı gerçekleşir: Çizimler, tasarımcılara yaratıcı efektler için daha fazla özgürlük ve hem içerik hem de teknik detaylarla görüntü seçimleri üzerinde daha fazla kontrol sağlar.
Bu yazıda, 'çizim' kavramının kullanıcı arayüzü tasarımı açısından ne anlama geldiğini ve kullanıcı deneyimini iyileştirmek için nasıl kullanılacağını tanımlayacağız.
Dijital İllüstrasyonun Özü
Tarihsel olarak, “tasvir” fiili, “açıklığa kavuşturmak” anlamına geliyordu. Modern grafik tasarımda, illüstrasyon, işlevsel bir işlev unsuru haline geliyor. Çizimler iletişim için bir araç oldu. İllüstrasyon amacı görsel öğeleri kullanarak mesajı aydınlatmak, açıklığa kavuşturmak, aydınlatmaktır. Kelimelerin size bir şey söyleyebildiği yerler ; resimde size bir şey gösterebilir . İllüstrasyon işlevsel hale getirmek için, görüntü kolayca tanınabilmeli ve aktardığı bilgiler benzer şekilde farklı görüntüleyenler tarafından çözülmelidir.
İşte çizimlerin tasarım ve kullanıcılara değer kattığı bazı örnekler…
1. Ana Sayfa Resimler
İyi web tasarımının potansiyel müşteriler üzerinde önemli bir etkisi vardır. İnsanlar ister bir şirket isterse bir sitenin kalitesine dayanarak bir şirketi yargılar. Kullanıcı algısı gerçekten önemli olan şeydir. Sonuç olarak, tasarımcılar sürekli olarak ziyaretçilerin deneyimini nasıl geliştirebileceğimiz konusunda yeni yollar bulmaya çalışıyorlar. Ve gerçek dünyada olduğu gibi, ilk izlenimler ağırlıklı olarak görsellere dayanıyor. İllüstrasyon sahneye giriyor.
Ana çizimler, tüm web sitesine daha fazla sanatsal his yaratabilir. Kullanıcı ile daha güçlü bir kişisel bağlantı kurmak için kullanıcıların hayal gücüne hitap ediyorlar. Eşsiz ısmarlama çizimler kullanarak sizi kalabalıktan ayırabilir ve daha iyi bir marka hatırlaması yaratabilirsiniz.
Çizimler, Interkom'un kullanıcılarla çok kişisel bir bağlantı kurmasına yardımcı olur.
2. Maskotlar
Maskotlar, ürününüzü daha özgün, güvenilir ve ilgi çekici hale getirebilen küçük karakterlerdir. Maskotlar, kullanıcı ile uygulama / web sitesi arasında bir bağlantı kurar: etkileşim sürecine hayat verir, kullanıcıların dikkatini çeker ve kullanıcı deneyiminin unutulmaz unsuru haline gelir. İnsanları meşgul etmek için harika bir yol.
Muhtemelen bir maskotun kullanıcı deneyimini geliştirmeye nasıl yardımcı olabileceğinin en popüler örneği Mailchimp e-posta bülteni servisidir. Mailchimp'in dost canlısı olan Freddie, her sayfada farklı bir rol üstleniyor, ya belirli bir öğeye dikkat çekiyor ya da kullanıcıyı daha iyi hissetmek için bir şakayı çatlatabiliyor.
İyi maskotlar, pozitif kullanıcı deneyimi için sağlam bir temel sağlar.
3. Onboarding ve Öğreticiler için resimler
Çizimler görsel yardım sağlar. Kavramları kolayca anlaşılan görsellere dönüştürerek mesajlaşmayı netleştirebilirler. Resimler sözcüklerden daha yüksek sesle konuşur ve deneyimi daha hızlı hale getirir. Bu yüzden resimler, katılımcılar ve öğreticiler için çok popüler.
Onboarding ekranları, uygulamanın temel özelliklerini veya uygulamasının faydalarını kullanıcıya sunar. Katılım sırasında kullanılan çizim bağlam sağlar, netlik ekler veya kullanıcıyı bir sonraki adıma yönlendirir. Minimal bir arayüzle birleştirildiğinde, resimler çok fazla kopya olmadan anahtar mesajın iletilmesine yardımcı olabilir.
Resim kredisi: Ramotion
İlgi çekici ve etkileşimli bir onboarding, uygulamadaki kullanıcı ilgisini otomatik olarak ilk adımda çağırır. Kullanıcıyı mutlu ediyor ve uygulamayı kullanmaya başlamak için sabırsızlanıyor. Animasyonlar ve illüstrasyonlar her zaman el-ele geçti.
Çizimler kullanarak uzun ve sıkıcı bir öğreticiyi ilginç ve eğlenceli bir deneyime dönüştürebilirsiniz. Resimler içeren bir kullanım kılavuzu, anlaşılması daha kolay ve anlaşılır bir açıklamadır. Çizilmiş stilleri hala kullanmayan uygulamalar / siteler bile, talimatlar ve eğiticiler için çizgi filmler kullanabilir.
4. Ödül Ekranları için Çizimler
Hepimiz video oyunlarından ödüllendirici deneyimi biliyoruz: hemen hemen her video oyunu bir dizi kriteri tamamlayarak kazanılan bir dizi başarıya veya kupaya sahiptir. “Başarıyı Unlocked” ifadesi neredeyse ilerlemeyle veya başarılı bir şekilde tamamlanma ile eş anlamlı hale gelmiştir. Ama bizim için neden bu kadar değerli ödüllendiriliyor? Cevap basit: arayüz deneyimi bir bilgisayar gibi değil, diğer tarafta bir insan gibi hissettiriyor.
Ödüllendirme gerçekten duygusal bir etkileşimdir: olumlu duygusal uyarıcı, kullanıcıyla etkileşim duygusu oluşturur. İnsanlar olumlu duygularıyla onları ödüllendirirken uygulamanın eksikliklerini affedin.
Foursquare'de bir Belediye Başkanı'nın rozeti. Bu çizimler, zevk ve neşeli bir deneyim yaratır.
Başarı durumu, kullanıcılarınızı önemsediğinizi göstermek için harika bir yerdir. Kişisel hedeflere ulaştıklarında kullanıcıyı bir animasyonla ödüllendirin. Örneğin, bir kullanıcı gelen kutusuna sıfır ulaştığında, animasyon kullanarak uygulama özellikleriyle daha derin bir etkileşim yaratın.
Sonuç
İllüstrasyon, kullanıcı deneyimini geliştirmek ve hem çekici hem de verimli bir arayüz oluşturmak için güçlü ve önemli bir araçtır. Tasarımınızda çizimi kullanmanın sert veya hızlı bir kuralı olmasa da, bir şeyi aklınızda bulundurmanız önemlidir: illüstrasyonları yararlı tutun . Nihayetinde, herhangi bir illüstrasyon ürününüzün veya markanızın daha derin bir anlayışını sağlamalıdır.