Kategori: UX/UI Tasarım

Genel, Mobil Uygulama, UX/UI Tasarım

Görsellerle Mobil Uygulama Kullanıcı Deneyiminizi İyileştirmenin 5 Yolu

15 Şubat 2021

İllüstrasyon, bir metnin, kavramın veya sürecin görsel bir iletişimidir. Web sitelerine, mobil uygulamalara veya diğer dijital ürünlere illüstrasyon uyguladığımızda, çeşitli hizmetleri görsel olarak açıklamaya, yeni özellikler sunmaya ve kullanıcınızı memnun edecek arayüz tasarımına canlılık getirmeye yardımcı olarak kullanıcı deneyimini iyileştirebilir.

Onboarding

Onboarding, illüstrasyonu kullanmanın en popüler yoludur. Bir kullanıcı mobil uygulamanızı ilk kez yükleyip açtığında, uygulamanızın ne yaptığını tanıtmak ve kullanıcının bir sonraki giriş veya kayıt bölümüne gitmesini sağlamak için kritik bir andır.

Onboarding görsellerine örnek

İllüstrasyon nasıl yardımcı olabilir?

Uygulamanızın temel özelliklerini ve faydalarını vurgulamak için özel illüstrasyonlar kullanmak, kullanıcılarınızla etkileşim kurmanın ve uygulamayı ilk etapta daha iyi görünüm ve hissettirmenin harika bir yolu olacaktır.

Uygulama İzinleri İsteği

Mobil uygulamanız anlık bildirimler, erişim konumu veya kişiler gibi bilgilere kullanıcılardan izin gerektiriyorsa, neden izne ihtiyacınız olduğunu ve ne kadar değer aldıklarını anladıklarından emin olun. Kullanıcıların, iznin gerekli olduğu önemli görevler sırasında veya sonrasında sorulduğunda uygulama izinlerini kabul etme olasılığı daha yüksektir.

Kişisel erişim isteme görseli

İllüstrasyon nasıl yardımcı olabilir?

Dostça ve işlevsel çizimlerin yardımıyla, kullanıcıdan uygulama izinleri istendiğinde gerginliği azaltır ve güveni artırır. İnsanların çoğu resimleri kelimelerden daha hızlı algıladığından, izin istemek her zaman birkaç kelimeden daha iyidir, değil mi?

Hata / Boş Sayfa Durumları

Kullanıcılar, uygulamanızda hiçbir sonuç bulunmayan bir hata veya arama içeriği ile karşılaştığında, iyi tasarlanmış bir hata / boş sayfa durumu, onlara neler olduğunu, neden olduğunu ve daha sonra ne yapmaları gerektiğini bildirir.

Sonuç ekranı olmayan ekrana örnek görsel

İllüstrasyon nasıl yardımcı olabilir?

Açık metin yazarlığının yanı sıra hoş bir illüstrasyon ekleyerek, boş ekran daha kişisel ve ilgi çekici bir şey haline gelecektir. Aynı zamanda stresi azaltır ve kullanıcı deneyimi üzerinde olumlu bir etkiye sahiptir.

Ödül sistemi

Uygulamanızda, kullanıcıların ilerlemelerini veya hedeflerine ne kadar ulaştıklarını takip etmeleri için tasarlanmış bir ödül sistemi varsa, onları yol boyunca cesaretlendirmek için kesinlikle bazı görsel öğelere ihtiyacınız olacaktır. Bazı örnekler fitness uygulaması, kahve sadakati uygulaması, yemek siparişi uygulaması vb.

Ödül sistemine örnek görsel

İllüstrasyon nasıl yardımcı olabilir?

Yalnızca simgeleri kullanmak yerine, bir dizi özel neşeli illüstrasyon, kullanıcılarınızın ödül yolculuğunun farklı seviyelerine cesaret ve pozitiflik getirebilir. İlerlemeye insancıl yaklaşımla tutarlı bir görsel deneyim verir.

İnfografikler

Tıbbi uygulama, beslenme uygulaması, bahçıvanlık uygulaması vb. gibi veri odaklı içerik sunmak için bazı mobil uygulamaların bilgi grafikleri kullanması gerekebilir, kullanıcılarınızın mesajınızı anlamasını yalnızca metin ve grafikten daha kolay hale getirmek önemlidir.

İnfografik için örnek görsel

İllüstrasyon nasıl yardımcı olabilir?

Veriye dayalı içeriğin işlevsel resimlerle görselleştirilmesi, kullanıcılarınızın mesajı ve verileri daha hızlı almasına yardımcı olabilir ve uygulama deneyimini daha eğlenceli ve keyifli hale getirebilir.

Sonuç

Bugün, kullanıcıların indirmesi ve kullanması için 1 milyondan fazla farklı uygulama mevcuttur, bu nedenle uygulamanızın muhtemelen önce dikkatlerini çekecek kadar çekici olması gerekir. Özel illüstrasyonlar kullanmak, kullanıcılarınızı daha derin bir duygusal düzeyde etkilemenin akıllıca bir yolu olabilir. Mobil uygulamanıza unutulmaz, ilginç ve benzersiz bir tasarım yaptırmak için hemen teklif al.

Bu UI tasarım ipuçlarının, uygulama projeniz için daha iyi bir kullanıcı arayüzü tasarlamanız için size ilham vereceğini umuyoruz. Bu makaleyi beğendiyseniz, diğer UI UX tasarımcılarının ve başlangıç ​​kurucularının bulabilmesi için lütfen paylaşın! 🙏

Genel, UX/UI Tasarım, Web Tasarım

Web Sitenizde Yapılmaması Gereken 7 Hata

12 Şubat 2021

1. Ziyaretçilerinizin içeriğin yüklenmesini beklemesini sağlayın

Web kullanıcılarının dikkatleri ve sabrı çok azdır. NNGroup araştırmasına göre :

Kullanıcıların dikkati 10 sn. ile sınırlıdır.

Ziyaretçiler sitenizin yüklenmesini beklemek zorunda kaldıklarında, hüsrana uğrayacaklar ve yeterince hızlı yüklenmezse muhtemelen sitenizi terk edecekler. En güzel tasarlanmış yükleme göstergesi bile, yükleme çok uzun sürerse kullanıcıları siteden ayrılmaya zorlayabilir.

Load Bar
Yükleme Göstergesi

2. Dahili bağlantıyı yeni bir sekmede açın

Bu kaba davranış, kullanıcıların önceki sitelere geri dönmesinin normal yolu olan Geri düğmesini devre dışı bırakır .

Yeni Sekme
Yeni Sekme

3. Promosyonları doğru konumlandırın

Promosyonlar ve reklamlar, yanındaki içeriği gölgeleyebilir ve kullanıcıların görevleri yerine getirmesini zorlaştırabilir. Reklam gibi görünen herhangi bir şeyin genellikle kullanıcılar tarafından göz ardı edildiğini söylemek gerekir (bu fenomen afiş körlüğü olarak bilinir ).

Reklam
Promosyonlar

5. Videoları sesli olarak otomatik oynatma

Arka planda otomatik oynatma videoları, müzikler veya sesler kullanıcıları rahatsız eder. Bu öğeler tutumlu ve yalnızca uygun ve beklendiğinde kullanılmalıdır.

Video Oynatıcı

6. Güzellik uğruna kullanılabilirliği feda etme

Bir sitenin veya kullanıcı arayüzünün tasarımı, kullanıcının ekrandaki içeriği tüketme becerisine asla müdahale etmemelidir. İçeriğin arkasında meşgul arkaplanlardan, sitenin okunabilirliğini engelleyen zayıf renk şemalarından veya yetersiz renk kontrastından (aşağıdaki örnekte olduğu gibi) kaçınmak önemlidir.

7. Yanıp sönen metin ve reklamlar kullanmayın

Yanıp sönen veya titreyen içerik, duyarlı kişilerde nöbetleri tetikleyebilir. Sadece nöbetlere neden olmakla kalmaz, aynı zamanda genel olarak kullanıcılar için can sıkıcı veya rahatsız edici olabilir.

Mobil Uygulama, UX/UI Tasarım, Web Tasarım, Web Yazılım

Responsive Web Tasarımı Ne Demek ve Avantajları Nelerdir?

9 Temmuz 2019

Responsive web tasarımı, sitenizin her bir öğesini çeşitli ekran boyutlarına göre ayarlanabilen bir web sitesi tasarlamanın ve kodlamanın bir yoludur.

Responsive, site elemanlarını her cihazın genişliğine adapte olacak şekilde yeniden boyutlandırma ve yerleştirme ile ilgili olarak doğru bir görselleştirme ile daha iyi bir kullanıcı deneyimi sağlar.

Düzenlerin (içerik) ve görüntülerin akışkan olması ve CSS3 ortam sorgu kodunun kullanılması ile karakterize edilir. Responsive tasarım, geliştirme süresini kısaltmanıza, yinelenen içeriği engellemenize ve içeriğin değişkenliğini artırmanıza olanak sağlar, çünkü bunları daha hızlı ve daha doğal bir şekilde paylaşmanıza izin verir.

Reponsive tasarımın avantajları nelerdir?

Duyarlı tasarım, hangi cihazı kullanıyor olursanız olun, kullanıcıya mümkün olan en iyi deneyimi sağlamaya çalışır.

Sitenin görülmesi zorsa, örneğin cep telefonunda, kullanıcı siteyi 3 saniyeden daha kısa bir süre içinde açıyorsa sitenizden çıkacaktır.

Uyarlanabilir bir tasarımın uygulanmaması, bazı durumlarda, web sitemizi doğrudan etkileyen bir sorun yaratabilir.

3 cihaz için zaman ve maliyet tasarrufu sağlayan tek bir tasarım yapılmıştır.

Responsive tasarım, farklı sürümler için yinelenen içeriği engeller.

Tasarım tüm tarayıcılar tarafından desteklenir.

Responsive tasarım kullanmadan önce tavsiye:

Ekran boyutu: Ekranlara uyum sağlama sorunlarından kaçınmak ve sayfanın işe yaramaz elemanlarla aşırı yüklenmesini önlemek için ilk mobil tasarım deseni ile tasarlamanız önerilir.

Piyasada bulunan çok sayıda cihaz ve ekran, içeriğimizi iyi görmeyen kullanıcıların bulunmamasını sağlamak için akışkan ve statik olmayan içerik boyutlarını dikkate almamız gerektiği anlamına gelir.

UX/UI Tasarım

Projeleriniz İçin İyi Bir UX Tasarımı Nasıl Oluşturulur?

10 Mayıs 2019

Formsuz Ol

Belki de biçimsizliğin en iyi tanımını Bruce Lee tarafından yazıldı.

“Aklını boşalt, biçimsiz ol. Şekilsiz, su gibi. Bir bardağa su koyarsanız, bardak haline gelir. Bir şişeye su koyarsanız, şişe haline gelir. Bir demlik içine koydun, demlik haline gelir. Su ol dostum. ”

Aynı şekilde, formsuz olan tasarımcı yaratılışın tüm farklı yaklaşımlarını özümser, takdir eder ve çabuk evrimleşme akışını elde eder, kapıyı büyük keşiflere açacak ortodoks çözümler sunar.

Her zaman hatırlayın, şu anda var olan formlar, stiller ve yöntemler hakkındaki gerçek, başka biri tarafından görselleştirilen nesnellik ve yorumlamaya dayanmaktadır. Bu onların gerçeği ve onları takip etmenize gerek yok. Mevcut eğilimleri kopyalamanıza veya çoğaltmanıza ve aynı sınırlamalar ile kendinizi kısıtlamanıza gerek yoktur. Mevcut eğilimler hakkında kendi yorumlarınıza sahip olabilir ve yalnızca faydalı olanı özümseyebilirsiniz.

Örneğin, bir mobil uygulama tasarlarken, Android kullanıcıları ve IOS Kullanıcıları için standart tasarım tuzağına düşme eğilimindeyiz. Bu bizim düşüncemizi ve sonrasında problem çözme yeteneğimizi sınırlandırır. Ancak Android ve IOS’un bu kısıtlarını ortadan kaldırıp genel olarak insanlar için tasarım yapmaya başladığımızda, yeni bir farkındalık seviyesine ulaşıyorsunuz.

Yaklaşımımızda formsuz oluruz. Tasarımlarımız doğal ve doğrudan doğa ile süslenmiştir.


Tutarlı Olun

UX’e başvurmak, UI öğelerinin, işlevlerinin, içeriğinin ve kontrollerin yerleşiminin tümüyle tekdüze olmasını sağlayarak, uygulamada bir tanıdıklık ve güvenilirlik duygusu oluşturmak anlamına gelir.

Tutarlılığın önemli olmasının nedeni, kullanıcılar doğal öğrenmelerini kaldırabilir, böylece daha sonraki kullanım ve benimseme sürtünmesi üzerindeki bilişsel yükü azaltabilir.

Sonunda, uygulamayı sezgisel ve basit hale getirir. Uygulama iyi tasarlandığında ve tüm mantıksal bilgiler bir araya getirildiğinde, kayma ve hata olasılığını azaltır, böylece kullanıcılara uygulamayı istedikleri şekilde keşfetme güvenini verir.

Tutarlı bir uygulamanın en büyük yararı, en az direnç yolunu izlemesidir. Güçle bir araya gelen kuvvet sadece imha ile sonuçlanacaktır. Ancak kuvvet, kuvvet olmadan karşılandığında, daha iyi bir amaç için tutulabilir ve yönlendirilebilir.

Her zaman, kullanıcıya çekici bir uygulama vermemize gerek olmadığını unutmayın. Sadece kullanıcıların rahat ettiği ve doğal olarak buna çeken bir uygulama yapmamız gerekiyor. Ve herhangi bir kullanıcı sadece simetri ve huzur sağlandığında kendini rahat hissedebilir.


Ve Son olarak, Basitleştirin

Teknoloji iyileştikçe insan çabalarını otomatikleştiriyor ve süreçleri daha verimli hale getiriyor. Ancak bunun tersi de insan ve bilgisayar arasında daha fazla arayüz ve etkileşime neden olması. Etkileşimler arttıkça, teknoloji kullanım için daha hantal hale gelir.

Burası iyi tasarımın geldiği yerdir. İyi bir tasarım insan ve bilgisayar etkileşimlerini en aza indirir. Etkileşim olmadığında kullanıcı deneyimi yoktur.

Ve nihai amaç, hiç deneyimi olmayan bir tasarım yaratmaktır. Evet, harika UX tasarımlarında kullanıcı deneyimi yoktur. Sadece kullanıcının günlük aktiviteleriyle birleşen doğal olarak oluşan desen ve ritimleri birleştiriyorlar. Nihai sonuç budur.

Sadelik, tasarımda sürecin kullanıcıya açık hale geldiği noktaya kadar en aza indirilmesi ve hassaslaştırılması ile ilgilidir. Ancak bu karmaşık görevleri ortadan kaldırmak veya önemli bilgileri kaybetmek anlamına gelmez. Bunun yerine, UI öğeleri ve kullanılabilirlikleri arasında tatlı bir nokta bulmak önemlidir, böylece kullanıcılar bir işi ard arda ritmi bozmadan tamamlamayı kolay bulurlar.

En basit şekliyle, iyi, kötü veya mükemmelin ötesine geçin. Bu sadece varolmayan. Başka bir deyişle, deneyimsiz bir deneyim.

Steve Jobs’un haklı olarak söylediği gibi;

“Basit, karmaşıktan daha zor ne olabilir: Düşüncenizi basitleştirmek için temiz tutmak için çok çalışmak zorundasınız. Ama sonuçta buna değer, çünkü oraya bir kez vardığınızda dağları hareket ettirebilirsiniz. ”

Kaynak: https://medium.com/swlh/how-to-create-a-good-ux-design-f62a3b6bb177

UX/UI Tasarım

UX ve UI Aynı Şey Değildir, UI UX’in Altkümesidir

8 Nisan 2016

ux-uiBilindiği gibi internet dünyasının önü alınamayan büyümesiyle kaçınılmaz olan gerçekleşti ve birbirinden farklı uzmanlık alanlarının ismi sıkça telaffuz Edilmeye başlandı. Bu isimlerden en önemli iki tanesi ise UI ve UX olarak karşımıza çıkıyor. İkisi arasındaki farkı çok iyi idrak edemeyen profesyonel çalışanların da olduğunu da hatırlatarak, olabildiğince kısa ve net bir şekilde bu alanlar arasındaki farkı anlatalım istedik.
devamını oku