Kullanıcı Deneyimi Tasarımında Görsel Hiyerarşi: Kullanıcıların Dikkatini Nasıl Yönlendirirsiniz?

Kullanıcı deneyimi tasarımında, etkili bir görsel hiyerarşi oluşturmak, dijital platformlarda kullanıcıların dikkatini çekmek ve onları istenilen yönlere yönlendirmek için kritik bir unsurdur. Bu, tasarlanan deneyimin kullanıcılar tarafından anlaşılır ve kullanılabilir olmasını sağlar. Görsel hiyerarşinin önemini kavramak, kullanıcıların öncelikli bilgileri hızla algılamasını ve içeriği anlamasını kolaylaştırır. Başarılı bir görsel hiyerarşi oluşturmak için, renk, tipografi, boyut, kontrast ve düzen gibi tasarım öğelerini bilinçli bir şekilde kullanmak gereklidir. Bu unsurları doğru bir şekilde düzenleyerek, kullanıcıların odaklanmalarını istenilen noktalara yönlendirebilir ve daha etkili bir kullanıcı deneyimi sağlayabilirsiniz.

Temel İlkeler: Az, Ama Öz

Görsel hiyerarşinin temel prensiplerinden biri, tasarımın yalınlığı ve netliği üzerine odaklanmaktır. Bu prensip, kullanıcıları sadece önemli bilgilere yönlendirmeyi ve gereksiz karmaşıklıklardan kaçınmayı amaçlar, bu da kullanıcı deneyimini olumlu bir şekilde etkiler. Yalınlık, tasarımın temel öğelerini azaltmayı ve ana mesajları belirgin hale getirmeyi içerir. Netlik ise bilgilerin açık, anlaşılır ve karmaşıklıktan uzak bir şekilde iletilmesini ifade eder.

Renk ve Kontrast Kullanımı

Rengin kullanıcı deneyimi tasarımındaki rolü büyük öneme sahiptir çünkü renkler, kullanıcıların dikkatini çekmek, duygusal tepkiler oluşturmak ve tüketilen içeriği hiyerarşik bir şekilde iletmek için kullanılabilir. Renklerin görsel hiyerarşi üzerindeki etkilerden bahsedecek olursak:

Dikkat Çekme ve Vurgulama: Belirli renkler, diğerlerine göre daha dikkat çekici olabilir. Özellikle komplementer ve kontrast renklerin bir arada kullanılması, kullanıcının dikkatini belirli bir alana çekmek için kullanılabilir. Mutlaka belirtilmesi gereken kritik ve önemli bilgiler, Call to action(CTA)’ler ve hiyerarşi sıralamasında önde gelen içerikler gibi ana unsurların ifade edilmesinde renk kullanımı önemli bir unsurdur.

Source: Dribbble

Boyut ve Tipografi Kullanım

Boyut, tipografi ve ölçek kullanımı, kullanıcı deneyimi tasarımında görsel hiyerarşinin belirlenmesinde kritik bir rol oynar. Bu unsurların görsel hiyerarşi içindeki önemli yerleri:

1) Öncelik ve İlgili Bilgilerin Belirtilmesi:

Boyut: Öğelerin boyutları, kullanıcının dikkatini çekmek istediğiniz öncelikli bilgileri belirtmede kullanılır. Önemli başlıklar, görseller veya kritik önem taşıyan içerikler, diğer öğelerden daha büyük boyutta olabilir, bu da kullanıcının ilk bakışta odaklanması gereken yerleri anlamasına yardımcı olur.

Tipografi: Tipografinin kullanıcı deneyimi tasarımında görsel hiyerarşi üzerindeki önemi büyük bir rol oynar. iyi bir tipografi, kullanıcının bilgiye hızlı ve etkili bir şekilde anlamasına yardımcı olabilir. Anlamın ifade edilmesinde başlıklar, alt başlıklar, paragraflar ve diğer metin öğeleri arasındaki farklar, kullanıcının hızlıca ana mesajları ve alt detayları ayırt etmesine yardımcı olur.

Source: Medium

Source: Medium

İçeriklerin Doğru Kurgulanmış Biçimde Sunulması

Görsel hiyerarşi, içeriğin düzenlenmesiyle doğrudan bağlantılıdır. Bilgileri hiyerarşik bir yapı içinde doğru bir şekilde kurgulamak, düzenlemek ve ilgili içerikleri gruplamak, kullanıcının bilgiye erişimini kolaylaştırır.

Source: Interaction Design

Source: Medium

Görsel Elemanlar

Görsel elemanlar, kullanıcı deneyimi tasarımında önemli bir rol oynar çünkü kullanıcıların bir web sitesi, mobil uygulama veya diğer dijital arayüzlerle etkileşimde bulunurken gördükleri şeylerin algılanması, anlaşılması ve etkileşimde bulunmaları üzerinde önemli bir etkiye sahiptir. işte görsel elemanların kullanıcı deneyimi tasarımındaki önemini belirten bazı alt başlıklar:

İlk İzlenim: Kullanıcılar genellikle dijital arayüzlerle karşılaştıklarında, görsel tasarım ilk izlenimi belirler. Kullanıcılar, dikkat çekici ve düzenli bir tasarımı daha olumlu değerlendirme eğilimindedirler.

Marka Kimliği: Görsel elemanlar, bir markanın kimliğini yansıtmak için kullanılabilir. Renk paletleri, logolar, tipografi ve diğer marka unsurları, kullanıcılara markayla ilişkilendirilen duygusal ve katma değerleri aktarır. Bu, kullanıcıların verilen içeriği kolay tüketmeleri sayesinde marka bağlılığını artırabilir.

Kullanıcıyı Yönlendirme: Görsel elemanlar, kullanıcıları belirli bir yol boyunca yönlendirmek için kullanılabilir. Örneğin, butonlar, oklar veya görsel vurgular, kullanıcıların belirli bir aksiyonu (örneğin, bir formu doldurma veya bir sayfaya gitme) hızlıca anlamalarına yardımcı olabilir.

Hızlı Bilgi İletimi: Görsel elemanlar, bilgiyi hızlı ve etkili bir şekilde iletmek için kullanılır. Infografikler, grafikler veya ikonlar, karmaşık bilgileri daha anlaşılır ve çekici bir hale getirebilir.

Sonuç olarak, görsel elemanlar, kullanıcı deneyimi tasarımında önemli bir unsurdur çünkü kullanıcıların etkileşimde bulundukları dijital ortamın kullanıcı dostu ve bilgilendirici olmasını sağlar. iyi tasarlanmış görsel elemanlar, kullanıcı deneyimini geliştirir ve kullanıcıların istedikleri bilgilere daha hızlı ve kolay bir şekilde erişmelerine yardımcı olur.

Source: Interaction Design

Kullanıcı Geri Bildirimi ve Kullanılabilirlik (A/B) Testleri

Görsel hiyerarşi oluşturduktan sonra, tasarımınızı değerlendirmek amacıyla kullanıcı geri bildirimleri ve testleri kullanmak önemlidir. Kullanıcıların tepkilerini gözlemleyerek, dijital arayüzlerimizin kullanıcıya nasıl rehberlik ettiğini değerlendirebilir ve uçtan uca kesintisiz bir deneyim yaşayıp yaşamadıklarını anlayabiliriz. Bu geri bildirimleri almak, tasarımlarımızda geliştirmeler yaparak, kullanıcılara daha iyi bir deneyim sunma hedefimize ulaşmamız adına kritik bir rol oynar.

Sonuç

Kullanıcı deneyimi tasarımında görsel hiyerarşi oluşturmak, kullanıcıların dikkatini çekmek ve yönlendirmek için önemli bir stratejidir. Temel prensiplere odaklanmak, renk ve kontrastı etkili bir şekilde kullanmak, doğru boyut ve tipografi hiyerarşisi oluşturmak ve düzenli içerik düzenlemek ve görsel elemanları tutarlı kullanmak, başarılı bir kullanıcı deneyimi sağlamak adına önemlidir. Kullanıcı geri bildirimleri ve testlerle sürekli olarak tasarımı değerlendirmek, kullanıcı memnuniyetini artırmak ve iyileştirmeler yapmak için oldukça önemlidir.

Mustafa Serçeler
UI/UX Designer

The post Kullanıcı Deneyimi Tasarımında Görsel Hiyerarşi: Kullanıcıların Dikkatini Nasıl Yönlendirirsiniz? appeared first on UXservices.

Mikro Etkileşimlerin (Micro Interactions) Kullanıcı Etkileşimi ve Memnuniyeti Üzerindeki Etkisi

Mikro etkileşimler, genel kullanıcı deneyimi üzerinde önemli bir etkiye sahip olabilen, incelikli ve sıklıkla gözden kaçırılan tasarım öğeleridir.

UX/UI tasarımcıları olarak genellikle büyük resme odaklanırız; çarpıcı görseller, sezgisel gezinme ve kusursuz kullanıcı akışları yaratırız. Bu yönler inkar edilemeyecek kadar önemli olsa da, kullanıcı deneyimini gerçek anlamda yükseltebilecek olan şey, küçük ve çoğunlukla fark edilmeyen tasarım ayrıntılarıdır. Bu blog yazısında kullanıcı etkileşimi ve memnuniyetinin isimsiz kahramanları olan mikro etkileşimlere değiniyor olacağız.

Mikro Etkileşim Nedir?

Source: Link

Mikro etkileşimin ne olduğunu ve etkileşimin ne olduğunu tam olarak nasıl tanımlayacağız? Enabling Mobile Microinteractions (Ashbrook, 2010) tezi bunu “başlatılması ve tamamlanması dört saniyeden kısa süren bir cihazla etkileşimler” olarak tanımlıyor. Microinteractions (Saffer, 2013) kitabı ise bunu şu şekilde tanımlıyor: “Mikro etkileşimler, tek bir kullanım durumu etrafında dönen ürün anlarını içerir – tek bir ana görevi vardır.”

Mikro etkileşimler, kullanıcı eylemlerine yanıt olarak bir kullanıcı arayüzünde meydana gelen küçük, genellikle incelikli animasyonlar veya yanıtlardır. Bunlar, üzerine gelindiğinde renk değiştiren bir buton kadar basit veya bir form başarıyla gönderildiğinde animasyonlu bir onay işareti kadar karmaşık olabilir. UX/UI tasarımında birçok hayati amaca hizmet eder:

• Geribildirim: Kullanıcılara anında geri bildirim sağlayarak, eylemlerinin fark edildiğini ve etkili olduğunu bildirirler.
• Rehberlik: Mikro etkileşimler, kullanıcılara arayüz boyunca rehberlik ederek, öğelerle nasıl etkileşime gireceklerini anlamalarına yardımcı olur.
• Keyif: Mikro etkileşimler, iyi yapıldığında kullanıcı deneyimine bir sürpriz ve keyif unsuru katarak deneyimi daha keyifli hale getirebilir.

Şifre Giriş Ekranı – RememBear

Kullanıcı Etkileşimini Artırma

Mikro etkileşimler kullanıcının dikkatini çekmede ve korumada önemli bir rol oynar:

• Etkileşimi Teşvik Etme: Fareyle üzerine gelindiğinde şekil veya renk değiştiren düğmeler gibi görsel ipuçları, kullanıcıları normalde gözden kaçırabilecekleri öğeleri keşfetmeye ve onlarla etkileşime geçmeye teşvik eder.
• Kullanıcıları Bilgilendirme: Mikro etkileşimler, devam eden süreçlerin durumu hakkında kullanıcıları bilgilendirebilir. Örneğin, bir yükleme döndürücü, perde arkasında bir şeyler olduğunu bilmelerini sağlar.
• Sürükleyicilik Yaratma: İnce animasyonlar ve geçişler, sürükleyicilik hissi yaratarak kullanıcıların arayüze daha derinden bağlı hissetmelerini sağlayabilir.

Medium

Mikro etkileşimler aynı zamanda genel kullanıcı memnuniyetine de katkıda bulunur:

• Algılama Performansı: İyi tasarlanmış mikro etkileşimler, altta yatan süreçler biraz zaman alsa bile arayüzün daha hızlı ve daha duyarlı olmasını sağlayabilir.
• Hataların Azaltılması: Mikro etkileşimler, net geri bildirim ve rehberlik sağlayarak kullanıcı hatalarını önleyebilir. Örneğin, bir formdaki zorunlu alanların vurgulanması gönderim hatalarını azaltabilir.
• Güveni Artırmak: Tutarlı ve sezgisel mikro etkileşimler kullanıcılar arasında güven oluşturarak arayüzle etkileşimlerinde daha rahat ve kendinden emin olmalarını sağlar.

Mikro Etkileşim Örnekleri

Dribble

• Animasyonlu Butonlar: Üzerine gelindiğinde zarif bir şekilde animasyon oluşturan veya renk değiştiren, tıklanabilir olduklarını gösteren düğmeler.
• Yükleme Animasyonları: Kullanıcılara isteklerinin işlendiğinden emin olmak için içerik yükleme sırasında bir yükleme animasyonu sağlamak.
• Form Doğrulaması: Kullanıcılar formları doldururken, geçerli bir giriş için onay işaretinin veya hatalar için bir uyarı simgesinin gösterilmesi gibi gerçek zamanlı doğrulama geri bildirimi.
• İlerleme Göstergeleri: Dosya yükleme veya indirme gibi uzun işlemler sırasında bir ilerleme çubuğu görüntülenir.
• Bildirimler: Kullanıcıları akışlarını bozmadan güncellemeler veya mesajlar konusunda bilgilendiren nazik bildirim animasyonları.

Google Assistant Voice Command Animation

Sonuç

Mikro etkileşimler küçük olabilir ancak kullanıcı katılımı ve memnuniyeti üzerindeki etkileri inkar edilemeyecek kadar önemlidir. UX/UI tasarımcıları olarak, bu ince tasarım ayrıntılarını daha sürükleyici, ilgi çekici ve keyifli kullanıcı deneyimleri yaratma fırsatları olarak görmeliyiz. Geri bildirim, rehberlik ve keyifli anlar sağlayan mikro etkileşimleri dikkatle hazırlayarak kullanıcı katılımını ve memnuniyetini artırabilir, sonuçta daha başarılı ve kullanıcı odaklı arayüzler tasarlayabiliriz. Unutmayın, tasarım dünyasında çoğu zaman en büyük farkı yaratanlar küçük şeylerdir.

Furkan Durgun
UX/UI Designer

The post Mikro Etkileşimlerin (Micro Interactions) Kullanıcı Etkileşimi ve Memnuniyeti Üzerindeki Etkisi appeared first on UXservices.

AR ve VR Dünyasında Kullanıcı Deneyimi Tasarımı

 

Artırılmış Gerçeklik (AR) ve Sanal Gerçeklik (VR), günümüzde hızla gelişen teknolojiler arasında öne çıkan ve kullanıcılara benzersiz deneyimler sunan önemli araçlardır. Bu teknolojiler, kullanıcıların ürünleri, hizmetleri veya ortamları daha etkileşimli bir şekilde deneyimlemelerini sağlar. AR, gerçek dünyayı sanal objeler veya bilgilerle birleştirerek kullanıcılara yeni bir katman sunarken; VR ise tamamen sanal bir dünya yaratır ve kullanıcıları o dünyanın bir parçası haline getirir. Günümüzde AR ve VR teknolojileri, eğlence, eğitim, sağlık, tasarım ve daha birçok sektörde kullanılmaktadır. Ancak, kullanıcıların bu deneyimleri benimsemesi ve etkili bir şekilde kullanabilmesi için iyi bir Kullanıcı Deneyimi (UX) büyük önem taşır. Bu blog yazısında, AR ve VR’da kullanıcı deneyimi tasarımının rolünü ve önemini ele alacak ve başarılı bir UX için alınması gereken önlemleri keşfedeceğiz.

Kaynak: https://miro.medium.com/v2/resize:fit:1400/format:webp/1*Vk6upIPl1jOPgZxjwwkPpQ.jpeg

AR ve VR deneyimlerinde kullanıcıların ilk etkileşimi, deneyimin nasıl başlayacağı ve kullanıcının nasıl yönlendirileceği son derece önemlidir. Bu sebeple iyi bir UX tasarımı, kullanıcılara kolay ve sezgisel bir şekilde etkileşim imkanı sunmalıdır. Kullanıcılar, uygulamayı başlattıklarında talimatlarla hızlı bir şekilde yönlendirilmeli, kontrol mekanizmalarını anlamalı ve deneyime kolaylıkla bağlanabilmelidir. Bu doğrultuda, AR ve VR deneyimlerinde kullanıcıların içeriklere kolaylıkla erişebilmesi için iyi bir hiyerarşi ve navigasyon tasarımı önemli bir rol oynar. Kullanıcı dostu menüler, butonlar sağlamak, kullanıcıların içeriğe erişimini kolaylaştırır ve deneyimi daha keyifli hale getirir. Grafiklerin kalitesi, etkileşimlerin doğallığı, seslerin gerçekçiliği gibi unsurlar da kullanıcının ilk deneyimini etkileyen faktörlerdir.

Kaynak: https://media.nngroup.com/media/editor/2022/11/01/amazon-effective-instructions1.png

Ayrıca, kullanıcıların içerikler arasında kolaylıkla gezinmelerini sağlamak ve geri bildirim mekanizmaları sunmak da önemlidir. Çünkü iyi bir UX için kullanıcılardan gelen geri bildirimler değerlendirilmeli ve deneyim sürekli olarak geliştirilmelidir. Kullanıcıların deneyimleriyle ilgili düşüncelerini paylaşmaları için geri bildirim mekanizmaları sunmak, kullanıcı odaklı bir yaklaşımı destekler ve deneyimi kullanıcıların ihtiyaçlarına uygun hale getirir.

AR ve VR, sadece görsel olarak değil, aynı zamanda işitsel ve dokunsal duyusal deneyimleri de etkileyen teknolojilerdir. Bu sebeple etkileşim tasarımı da, kullanıcıların sanal ortamla etkileşimde bulunmasını sağlayan önemli bir unsurdur. Kullanıcıların hareketleri, jestleri veya ses komutları gibi etkileşim yöntemleri, deneyimi zenginleştirir ve kullanıcılara daha gerçekçi bir deneyim yaşatır.

Bunun yanı sıra, AR ve VR deneyimlerinin en önemli hedeflerinden biri de, kullanıcıları gerçek dünyanın ötesinde farklı bir ortama taşımaktır. Bu nedenle, iyi bir tasarım, kullanıcılara gerçek dünyaya benzer bir deneyim sunmalı ve onları içine çekmelidir. Özellikle VR deneyimlerinde kullanıcıların hareketlerini doğru bir şekilde takip etmek ve gerçek zamanlı tepkiler sunmak önemlidir. Hareket takibi hataları, kullanıcının gerçeklik hissini kaybetmesine ve deneyimden kopmasına neden olabilir. Grafiklerin, seslerin ve etkileşimlerin gerçekçi ve inandırıcı olması, kullanıcıların deneyimini daha yoğun ve etkileyici hale getirir. Bunun yanı sıra, AR ve VR deneyimlerinin akıcı, duyarlı ve hızlı olması da kullanıcıların deneyimi tam anlamıyla yaşayabilmeleri için önemlidir. Kullanıcıların donma, takılma veya yavaşlık gibi performans sorunlarıyla karşılaşmadan deneyimi kesintisiz bir şekilde yaşamaları sağlanmalı. Çünkü performans sorunları, kullanıcı deneyimini olumsuz etkileyebilir ve kullanıcıların deneyimi tam olarak yaşamalarını engelleyebilir.

Kaynak: https://www.indiewire.com/wp-content/uploads/2021/08/vive.png?w=887&h=514&crop=1

Diğer yandan AR ve VR deneyimleri, kullanıcıların uzun süre boyunca bu teknolojilerle etkileşimde olabilecekleri bir şekilde tasarlanmalıdır. Uzun süreli kullanımda baş ağrısı, göz yorgunluğu, mide bulantısı gibi durumlar, kullanıcının deneyimini olumsuz yönde etkileyebilir. Bu nedenle, ergonomik tasarım ve kullanım sürelerinin kontrolü gibi önlemler alınması, kullanıcılara düzenli aralıklarla mola verme fırsatı sunulması ve rahat bir deneyim sağlanması oldukça önemlidir.

AR ve VR teknolojileri, kullanıcıları farklı bir boyuta taşıyan etkileyici deneyimler sunar. Ancak bu deneyimlerin başarısı, kullanıcı deneyimi (UX) tasarımının kalitesine bağlıdır. Kullanıcı odaklı bir yaklaşım benimseyen ve kullanıcı ihtiyaçlarını karşılamak için etkileşimli, duyusal ve kullanıcı dostu bir tasarım sunan bir kullanıcı deneyimi tasarımı, AR ve VR deneyimlerini daha unutulmaz hale getirebilir.Ayrıca, kullanıcı geri bildirimlerine dayalı sürekli iyileştirme süreci, AR ve VR uygulamalarının kalitesini artırır ve kullanıcı memnuniyetini sağlar.

Büşra Karamıklı

Design Researcher

The post AR ve VR Dünyasında Kullanıcı Deneyimi Tasarımı appeared first on UXservices.

The post Spatial Computing’in Teknoloji ile Etkileşimi appeared first on UXservices.

Tüm bunlar olup, kanallar çeşitlenirken omnichannel kavramı hayatımıza girdi. Kullanıcı deneyimi dendiğinde her zaman en çok önemsenmesi gereken kavramlardan biri olan “tutarlılık” burada da devreye giriyor. Markanın offline mağazasında, online mağazasında, mobil uygulamasında, promosyonlarında ve sayabileceğimiz daha birçok platformda ayrı pazarlama stratejileri yürütmesi “tutarsızlığa” sebep oluyor. Bu durum kullanıcının her bir platformda birbirinden çok farklı deneyimlerle karşılaşmasına sebep oluyor ve kullanıcı deneyimi olumsuz yönde etkileniyor. 

Omnichannel kavramının ve stratejisinin bu kadar önemsenmesinin sebebi ise yalnızca bir platformda bile her zaman savunduğumuz “uçtan uca” iyi bir deneyim sunma amacımızın tüm markaya yayılması gerektiğinin biliniyor olması.

Bu sayede bütüncül bir stratejiye baktığımızda, kullanıcı tüm platformlarda kendisiyle aynı dili konuşan ve birbirini tamamlayan tek bir markayla muhattap olduğunu kavrıyor ve farkında olsa da olmasa da bu deneyim markaya tutunmasını kolaylaştırıyor.

Özellikle çok kanallı bir ekosisteme sahip olan büyük giyim markalarını iyi örnekler olarak gösterebiliriz. Kullanıcılarına online mağazadan aldıkları bir ürünü fiziksel mağazadan teslim alma, mağazada denediği bir ürünü istediği adrese kargolama, yine online’dan aldığı bir ürünü fiziksel mağazadan iade etme gibi opsiyonlar sunan ve bunların her birinde kullanıcıya benzer deneyim sunan mağazalar omnichannel pazarlama kavramının hakkını veriyor diyebiliriz.

Peki bu tutarlılğı sağlamak bize ne gibi faydalar sağlar?

Güven: Tutarlılık müşterilerinizin firmanıza güven duymasını kolaylaştırır.

Aşina Olmak & Öğrenilebilirlik: Tutarlı deneyimler sunmak müşterilerinizin size ait yeni bir platformla karşılaştıklarında bunu kolayca öğrenebilmelerine ve kolay adapte olabilmelerine olanak sağlar.

Verimlilik: Tasarımlar ve deneyim tüm kanallarda tutarlı olduğunda müşteriler günlük yaşamlarında herhangi bir kanalda herhangi bir görevi hızlı ve verimli bir şekilde tamamlayabilirler.

Markaya olumlu katkıları olacağından emin olduğumuz bu tutarlılığı nasıl sağlayabiliriz?

Kanallar ekosisteminde bu tutarlılığın uygulanması gereken 3 ana deneyim alanı vardır:

1-Çekirdek İşlevsellik

Tutarlılığı sağlamak istiyorsanız önce markanızın hangi işlevleri desteklediğini ve kullanıcılarınızın tamamlaması gereken en yaygın görevlerin neler olduğunu tespit etmeniz gerekiyor.

Örneğin; masaüstü bilgisayarda daha rahat yapılacağını düşündüğünüz bir görev için bilgisayara erişimi olmayan kullanıcıları da düşünmeli ve bu görevin mobil kanallardan da gerçekleştirilebilir olmasını sağlamalısınız.

2- Müşteri Bilgisi

Kullanıcılar kanalların kendi arasında konuşmalarını beklerler. Örneğin; müşteri hizmetlerini arayıp bir işlem yaptığında bu işlemin anında mobil uygulamaya yansımasını bekler. Bu yansıma eş zamanlı olarak sağlanamadığında kullanıcılar kuruluşunuzun yetkinliğini sorgulayabiliriler. Markanın böyle basit bir işlemi geciktiriyor olması kullanıcıların firmanın teknoloji ile ilgili süreçlerine olan güvenini sarsabilir.

3- Görsel Tasarım

Her bir kanalda kullanılan görsel dil benzer olmalıdır. Örneğin mobil uygulamanın, web sitesinin, mağazada kullanılan vitrin tasarımının, paketlemenin dili benzer olmalı ve kullanıcıya benzer şeyler hissettirmelidir. Biri çok resmi bir dil kullanırken diğerinde samimi bir dil kullanılmamalıdır. Biri çok soğuk tonlarda, şık bir tasarıma sahipken, diğeri neon renklerle, çocuksu bir tasarıma sahip olmamalıdır. Bu, tüm kanallarda kullanıcıya aynı markayla muhattap olduğu düşüncesinin pekişmesini sağlayacaktır.

Özetle, kullanıcılar çeşitli görevleri çeşitli zamanlar içinde tamamlamak için kanaldan kanala geçtiklerinde farklı kanal deneyimlerine maruz kalırlar. Bu deneyim, görsel tasarım, içerik, işlevsellik gibi çok fazla unsurdan etkilenir. Tüm kanalların tutarlı bir deneyim sunması kullanıcının markaya olan bağlılığını arttıracaktır.

İmge Akbulut

UXservices, UX Designer

Kaynak:

https://www.nngroup.com/articles/omnichannel-consistency/

The post Omnichannel (Çok Kanallı) Deneyimde Tutarlılığın Önemi appeared first on UXservices.

Etkileşim Tasarımı, UX tasarımının önemli bileşenlerinden biridir. Bu makalede de Etkileşim Tasarımı’nın boyutlarından bahsedeceğiz.

Kullanıcı ve ürün arasındaki etkileşimin kurgulanmasıdır. “Ürün” denince ilk akla gelen genelde mobil uygulama ve web sitesi olur ama bu noktada fiziksel bir ürün üzerinden de düşünmemizin hiçbir sakıncası olmayacaktır. Aksine, fiziksel ürün üzerinden düşünmek, Etkileşim Tasarımını somut bir biçimde anlamamıza yardımcı olacaktır.

Etkileşim Tasarımı çalışmasının amacı, kullanıcının aradığı içeriğe ya da fonksiyona hızlıca ve doğru biçimde ulaşmasını sağlamaktır. Kullanıcıyı aradığına ulaştırırken bir akış oluşturmalı ve tasarımınızın hem akılda kalıcı hem de kolay öğrenilebilir olmasına özen göstermelisiniz elbette.

Gözümüzde daha kolay bir şekilde canlandırabilmemiz için 5 boyutlu bir model üzerinden anlatacağız Etkileşim Tasarımını.
Bu model öncelikle, etkileşim tasarımcısı olan Gillian Crampton Smith tarafından 4 boyutlu olarak sunulmuştur. Daha sonra Kevin Silver adında başka bir uzman etkileşim tasarımcısı tarafından ise IDEXX Laboratories’te bir boyut daha eklenerek 5 boyutlu hâle getirilmiştir.

Boyutları incelemeye başlayalım.

Etkileşim Tasarımı – 1. Boyut – Kelimeler

Özellikle de “aksiyon butonu” gibi etkileşimlerde oldukça önemlidir. Butonlardaki kullanımlarında aksiyonu hemen çağrıştıracak şekilde kullanılmalıdır. Kullanıcıya herhangi bir alanda bir bilgi verip, yönlendirme yapacaksa da kesinlikle kullanıcıyı boğmadan, verilmek istenen pür bilgiyle kullanılmalıdır. Tabii bu bilgiyi kimin dikkatini çekmek için verdiğiniz de çok önemlidir.

Etkileşim Tasarımı – 2. Boyut – Görsel Gösterimler

Görseller başlığının altında görsel sayılabilecek çoğu şeyi toplayabiliriz. Bunlar fotoğraf, ikon, diyagram, buton şekli, tipografi şeklinde sıralanabilir. Aslında özetle kullanıcının dikkatini çekmenin ilk yolu bu öğeleri kullanmaktır. Eğer vermek istediğiniz bilgiyi kötü bir şekilde görselleştirirseniz verdiğiniz bilginin kullanıcı gözünde dikkat çekici hiçbir yanı olmayacaktır. 

Etkileşim Tasarımı – 3. Boyut – Fiziksel Nesneler veya Boşluk

Görsellerin dikkat çeken ilk elementler olduğundan ve önemlerinden bahsettik. Fakat nereye konumlandırıldıkları ve kullanıcının hangi şartlarda bu görsellerle etkileşimde olacağı da bir o kadar önem teşkil etmektedir. Dikkat çekici öğeler dağınık bir hâlde yerleştirildiğinde, etkileşim olumsuz etkilenir. Sebebi ise aynı ürünün farklı şartlarda kullanıldığında tek ve kesin bir deneyim yaşatmamasıdır. Örneğin web sitesi kullanıcılarından biri bu siteyi mobil cihazından toplu taşımada ziyaret ederek işlem yaparken; diğeri ofisinde, güçlü bir wi-fi ağına bağlanarak desktop ekranda çok kolay bir şekilde işlemini gerçekleştirmektedir. Bu sebeple ürünün hangi şartlarda hangi kullanıcı tarafından hangi platformlarda kullanılacağı Etkileşim Tasarımında düşünülmesi gereken önemli etkenlerdendir.

Etkileşim Tasarımı – 4. Boyut – Zaman

Animasyonlar, videolar ve sesler bir işlem tamamlandığında ya da tamamlanmasına kadar geçen sürede kullanıcının heyecanını yüksek tutmaya yardımcı olur. Bir işlem başarılı şekilde sonuca ulaştığında hoş bir bildirim sesi ile tik animasyonu oynatılabilir. Elbette çok uzun sürecek, deneyimi olumsuz etkileyecek kadar uzun bir sürede yapılmadığı sürece etkili olacaktır. “Progress bar”lar da bu boyutun doğru kullanımlarına örnek olarak verilebilir.

Etkileşim Tasarımı – 5. Boyut – Davranış

Kullanıcıların ürünleri kullanırken nasıl davrandıkları ya da davranacakları Etkileşim Tasarımı’nın dikkat ettiği önemli bir unsurdur. Ürünün bahsettiğimiz dört boyutunun bir arada nasıl çalıştığı, doğru geri bildirim verip vermediğiyse en önemli unsurdur. Kullanıcılardan gelen ilk tepkiler tasarladığınız etkileşimin ne kadar doğru olduğunu anlamanızı sağlar. Bu sayede bütün deneyimi sezgisel ve basitleştirilmiş bir akış üzerine kurarak kullanıcılarınıza iyi bir deneyim yaşatabilirsiniz. 

Etkileşim tasarımı yalnızca kullanıcının ürünle nasıl etkileşime girdiğine odaklansa da, sonuç olarak kullanıcı deneyiminin bir parçasıdır.

Tuğçe Kabacaoğlu
UXservices, UX Designer

Kaynaklar:

https://www.uxmatters.com/

https://www.usability.gov/

https://www.interaction-design.org/

https://uxdesign.cc/

https://usabilitygeek.com/

The post Kullanıcı ile Ürün Arasındaki Diyalog: Etkileşim Tasarımı appeared first on UXservices.

The post Toplumsal Yarar için Kullanıcı Deneyimi Tasarımı appeared first on UXservices.

“5 Whys Method” ya da Türkçeye çevirirsek; “5 Neden Yöntemi” sınavda başarılı olamamak gibi günlük yaşamımızda karşılaşabileceğimiz problemlerden iş hayatımızda karşılaşabileceğimiz kullandığımız bilgisayarın arızalanması gibi teknik problemlere kadar birçok problemin temel sebebine ulaşmaya çalışıyor. Bu yönteme genellikle basit veya çok zor olmayan problemlerin çözümünde başvuruluyor. Yöntemin kullanımı bir hayli geçmişe gidiyor. İlk olarak Japon Endüstriyel Devrimi’nin önde gelenlerinden Toyota Motor Co. Ltd’nin kurucusu Sakichi Toyoda tarafından 1930’larda geliştirildi ve kullanılmaya başlandı. 1970’lerde ise onun bu yöntemi fark edilmeye başlandı ve popüler oldu. İlk olarak şirketin fabrikalarında yaşanan teknik problemlerin çözümünde kullanılmaya başlandı. Toyota günümüzde halen bu problem çözme yöntemini kullanmaya devam ediyor.

Kullanımına Genel Bakış

Yöntemin kullanımını kısaca özetleyecek olursak, bir problem oluştuktan sonra o problemin temel nedenine ulaşana kadar tekrarlayan bir şekilde 5 defa “Neden?” diye sormamız gerekiyor. Bu soruların verilen cevaplara göre düzenlenmesi gerekiyor tabii. Burada her “Neden?” sorusuna verilen cevap diğer sorunun oluşmasını sağlamış oluyor. Bu sorulan sorular sonucunda o problemin bir daha yaşanmasını engellemek veya problemi ortadan kaldırmak için bir öneri getirilmesi gerekiyor.

Karmaşık Bir Probleme Uygulanabilir mi?

Bu yöntem her ne kadar basit veya çok karmaşık olmayan problemlerin çözümünde kullanılsa da, karmaşık problemlerin çözümünde daha ayrıntılı bir yöntem uygulamadan önce problem hakkında genel bir fikir verebilir. Eğer karmaşık sorunlara çözüm arandığında sadece bu yöntem kullanılırsa belli bir çözüm kanalına yönlendirme ihtimali olabilir. Uygulayan kişi veya kişiler belli bir çözüm yoluna odaklandığı için diğer çözüm yollarını bulamayabilir. Bu gibi durumlarda daha detaylı başka yöntemler kullanılabilir.

Yöntemin Uygulanışı

Yöntemin nasıl uygulanacağına detaylı bir şekilde gelirsek, yöntemi uygulamak için 5 adımlı bir süreç gerekiyor:

Adım 1: Ekibin Toplanması

Bu aşamada sorunu bilen alt kademeden üst kademeye kişileri toplamak gerekiyor. Bu kişilerin yanına ekibi yönlendirecek birisinin de katılması gerekiyor. Bu kişi ekibin odağının farklı taraflara kaymasını engelleyip, çözümlerin belirlenmesinde yardımcı oluyor.

Adım 2: Problemin Belirlenmesi

Eğer mümkünse problemi olduğu yerde incelemek daha yararlı olabilir. Sonra problemin ekiple tartışılıp herkesin anlayabileceği şekilde bir yere yazılması gerekiyor. Daha sonra sorunun olduğu alanın etrafının boş bırakılması gerekiyor. Bu alan “Neden?” ile başlayan soruların ve bu soruların cevaplarının yazılması için kullanılıyor.

Adım 3: “Neden?” ile Başlayan Soruların Sorulmaya Başlanması

Ekibi yönlendirecek kişinin ekibe belirlenen problemin neden olduğunu sorması gerekiyor. Bunu sorduktan sonra ekibin buna uygun olarak sorunun temeline götürecek sebeplerden ilkini bulması gerekiyor. Sorunun temeline götürecek ilk sebebi bulduktan sonra devam edip 4 defa daha “Neden?” diye sorulması gerekiyor. 4 defa denilse de bazı sorunlar 4 defa daha “Neden?” diye sormaya gerek kalmadan ortaya çıkarılabilir. Burada illa 5 defa “Neden?” diye sormak zorunda hissetmememiz gerekiyor.

Adım 4: Temel Probleme Ulaştığını Anlayınca Durma

“Neden?” ile başlayan soruları art arda sorduktan sonra temel problemin bariz bir şekilde ortaya çıktığını veya probleme karşı çözüm bulduğumuzu hissettiğimiz anda nedenli soruları sormayı bitirmemiz gerekiyor. Eğer nedenli soruları gerek olmadığı halde sormaya devam edersek bizi farklı bir yere yönlendirebilecek anlamsız öneriler almaya başlayabiliriz.

Adım 5: Çözümün Uygunluğunu Belirleme

Temel problemin olmasını engelleyecek öneri bulunduktan sonra bu önerinin bu problemi nasıl verimli bir şekilde çözdüğünü incelemek gerekiyor. Eğer bu sorun çözülmediyse 5 Whys yöntemine soruna yönelik çözüm bulunana kadar devam edilebilir. Eğer yine verim alınamıyorsa farklı yöntemlere başvurulmalıdır.

Günlük Hayatta Kullanımı

Bu yöntemi daha iyi kavramak adına günlük hayatımızda yaşadığımız bir problem üzerinden anlatalım. İşe geç kaldığımızı düşünelim. İşe geç kalmak bizim yüzeyde görünen problemimiz oluyor. “İşe neden geç kaldım?” diye kendimize sorduğumuzda, “Otobüsü kaçırdım.” cevabını alacağız. Bundan sonra “Otobüsü neden kaçırdım?” diye sorarız. O zaman da “Evden geç çıktım.” cevabını alacağız. Sonra “Evden neden geç çıktım?” diye sorarız. Bu sefer de “Geç uyandım.” cevabını alacağız. Daha sonra “Neden geç uyandım?” diye sorduğumuzda ise alarmın çalmadığı cevabını alacağız. En son “Alarmım neden çalmadı?” diye sorduğumuzda ise telefonunun bataryasının öldüğünü ve şarjı bittiği için alarmın çalmadığını öğrenmiş olacağız. Sorunun ana nedenini öğrendikten sonra, buna karşı alınacak önlemi de belirleyebiliriz. Burada en dipteki problem bataryanın ölmesi olduğu için buna karşı alınacak çözüm, bataryanın veya telefonun yenilenmesi olacak. Çözüm uygulandığında bir daha bu yüzden işe geç kalınması engellenmiş olacak. Bu yöntem sadece işe geç kalmanın bataryanın ölmesi yüzünden gerçekleştiği senaryonun çözümünü sağlayacak. Eğer işe geç kalmaya sebep olan bütün problemleri bulmak istiyorsak daha kapsamlı bir yöntem uygulamamız gerekiyor.

Görüldüğü gibi “5 Whys” yöntemini Toyota’da olduğu gibi teknik problemlerden işe geç kalma gibi günlük hayatımızdaki problemlere kadar uygulayabiliriz. Büyük bir maliyet, çaba gerektirmemesi ve bir akıştaki temel problemi ortaya çıkarması onu geçmişte herkes için çekici hale getirdi ve halen getiriyor. Bugünden itibaren siz de en basitinden biraz daha zoruna kadar karşılaştığınız bütün problemlerde, problemin ana sebebine inip çözümünü bulmak için “5 Whys” yöntemini kullanabilirsiniz.

Berkay Peker
UXservices, UX Designer

Kaynaklar:

https://www.mindtools.com/pages/article/newTMC_5W.htm

https://kanbanize.com/lean-management/improvement/5-whys-analysis-tool/

The post Problem Çözme Yöntemleri: 5 Whys appeared first on UXservices.

The post İçgörü Araştırması Tekniği: Shadowing appeared first on UXservices.

Aynı zamanda iyi bir navigasyon tasarımı; basit, kolay ve keşfedilebilir bir yapıda olmalıdır. Dolayısıyla UX tasarımcıları veya tasarımcılar özellikle mobil navigasyon tasarımı yaparken, tüm arayüz öğelerini görünür kılmak, karışıklığı önlemek ve içeriğe öncelik vermek için yeterli ekran alanını korumak durumundadırlar.

Navigasyon tasarımı yaparken dikkat edilmesi gereken bazı püf noktalar:

• İyi bir altyapının olması gerekir. Yani insanlar uygulamada nasıl kolayca gezinebilirler?
• Kullanıcıların nerede olduklarını anlaması için bazı ipuçları sağlayan yapıların kullanılması. Örneğin; ekmek kırıntısı.
• Kullanıcıyı bir konum üzerinden yönlendirmeye yardımcı olan semboller, ikonlar vb. kullanmaya ve bu sembollerin yeterince açıklayıcı olmasına dikkat edilmelidir.

Bu yazımızda da bazı navigasyon çözümlerine yer vereceğiz. Yazıyı okumadan önce kısa bir bilgi verelim. Burada listelenen fikirlerin hiçbiri diğerlerinden daha iyi değildir. Bu yapıların uygulanabilirlikleri ve performansları, uygulamanın içeriğine ve bağlamına bağlı olarak sizin seçiminize kalıyor.

Gelin hep birlikte navigasyon çözümlerini inceleyelim:

Kaydırılabilir Menü

Masaüstü navigasyon tasarımından ilham alınarak yapılan bu alternatif, ekranın üst kısmındaki ana gezinme seçeneklerini gösteren bir yapıdır. Bu yöntem doğru etkileşimlerle kullanıldığında (aşağıdaki örnekteki gibi, sonda kalan başlığa devamı gelecek hissi verildiğinde) keşfedilebilirlik açısından oldukça etkilidir; ancak diğer alternatiflere göre, daha az menü öğesi olduğunda kullanılması uygun olur.

Örneğin; Google Play

Bu yöntemin avantajı:

• Menü öğelerinin tümü görünürdür; uygulamada gezinirken nerede olduğunu takip edebilmek için hamburger menüye dokunmanıza gerek yoktur. Bu bilgileri bir bakışta elde etmek mümkündür.
• İyi bir keşfedilebilirliğe sahiptir. Kullanıcılar tüm navigasyon seçeneklerini ilk  bakışta ve daima görebilirler.

Sekmeli Yapılar – Klasik Gezinme Yapısı

Tab yapısı sıklıkla kullanılan ve etkili bir alternatiftir. Alt sekme ve üst sekme olarak da konumlandırılabilir. Bu sebeple bu tür klasik -özellikle- alt sekmeli yapılar, birçok uygulama tasarımcısı tarafından tercih edilmektedir. Bu tasarım, akıllı telefon kullanıcılarının tek el ile telefon kullanmasını; baş parmak ile tüm öğelere ulaşabilmesini sağlamaktadır. Ancak çok fazla menü öğesi var ise, bu alternatif sizin için uygun olmayabilir.

Artık sıklıkla kullanılan bir yapı olduğundan öğrenilmiş bir etkileşim deneyimi sağlar. Kolay erişimi vardır ve ana ekranda açıkça tüm menü öğeleri görüntülenebilir.

Tab’lı Yapıda Etkileşimli Menü Öğesi

Yukarıda da bahsedildiği gibi, sekmeli yapının dezavantajlarından biri, sınırlı sayıda menü öğesine yer vermekti. Mobil uygulamalarda, bir sekme yapısında maksimum yedi menü seçeneği yer alabilir. Ancak menü seçeneklerinin hacmi büyük olduğunda ise, sembol altında gizlenen bu alternatif tercih edilebilir. Belirli sayının üstünde menü öğesi olduğu durumda kullanılabilecek konsepte aşağıdaki örnekte yer verilmiştir.

Gif: Hoang Nguyen

Kullanıcılar bir klasör simgesine dokunduğunda, aynı alanda birkaç seçenek daha görünür hale gelmektedir.

Avantajı: Aynı fiziksel alanda daha fazla menü seçeneğinin görüntülenebilmesini sağlar.

“Diğer/Fazlası” Seçenekli Sekmeler

Menü öğelerinin fazla olması durumunda kullanılabilecek bir diğer alternatif ise “Diğer/Fazlası” seçeneğidir. Ayrıca ön plana çıkarılmak istenen öncelikli öğeler ana menüde, diğerlerine nazaran daha az öneme sahip diğer öğeler ise “Diğer/Fazlası” alanında gizleyebilmek için oldukça güzel bir seçenek.

Örneğin; Netflix

Örneğin; Facebook

Avantajı: Bazı menü öğelerinin önceliklendirilmesini ve tüm menünün tek bir sekme altından erişilebilir olmasını sağlar.

Katmanlı Küçülen – Büyüyen Menü

“Diğer/Fazlası” navigasyonunun daha sofistike bir sürümü olan başka bir çözüm de katmanlı küçülen-büyüyen menü tasarımıdır. Bu çözüm ekran genişliğine uyum sağlar ve navigasyonda ne kadar öğe varsa göstermeye çalışır.

Örneğin; BBC

Şu soruyu düşünebilirsiniz “Acaba bu yöntem, “Diğer/Fazlası” menüsünden, daha düşük çözünürlükte olduğu ve daha fazla öğe içerdiği anlamına mı gelir?”

Hayır, yalnızca Diğer/Fazlası yöntemi menüdeki diğer öğeleri göstermek için yeterli alan olmadığında kullanılmaktadır.

Avantajı: Esnekliği ve özellikle farklı ekran boyutları arasında, “Diğer/Fazlası”ndan daha iyi bir deneyim sunmasıdır.

Dropdown Menü

Çok yaygın olmayan ve ilginç bir başka örnek ise, dropdown menü kullanımı. Diğer menü öğelerinin alt başlık olarak kullanılabileceği durumlarda, bir üst kategori başlığı ile uygulanabilir.

Örneğin; Barnes&Noble

Avantajı: Üst başlık, alt başlıklar ile ilintiliyse dropdown menü kullanarak iyi bir hiyerarşiye sahip olabilirsiniz.

Hamburger menüyü de yabana atmayın!

Hamburger menünün, temelde birkaç ayrıntılı seçenek listesini barındıran ana menü olduğu unutulmamalıdır. Hamburger menünün uygunluğu her ne kadar tartışılsa da, popülaritesi de bir o kadar artmaktadır. Hatta hamburger menü kullanmak istemeyenler olsa da, bu yapı farklı bir isimlendirme ve UI stili ile önümüze sıkça çıkmakta.

Ama yine de, karmaşık bir uygulamanız ve öğeleri görüntülemek için çok fazla içeriğiniz varsa, hamburger menüsünü tercih edebilirsiniz.

Hamburger menü kullanılması durumunda menü öğelerinin hiyerarşisine dikkat edilmelidir. Eğer menü öğeniz çok ise, birbiriyle ilintili başlıkları kendi aralarında gruplayarak kullanmaya dikkat etmelisiniz. Hamburger menüde; üst ve alt başlıklara kolay erişilebilir olmalıdır.

Avantajı: Karışık mobil uygulamalarda hayat kurtarıcıdır!

Sonuç:

Mobil navigasyon tasarımı için tek bir çözüm yolu yoktur. Bu her zaman ürününüze, kullanıcılarınıza ve içeriğinize bağlı olarak değişebilir. Kullanıcılarınız, tasarladığınız yapıya alışamayabilir, çok da sevebilir. Tercih size kalmış…

Ayrıca unutulmaması gerekir ki, iyi tasarlanmış her navigasyonun temelinde iyi bir bilgi mimarisi vardır.

Ayrıca bakınız: Navigasyon hataları ile ilgili daha önce yayınladığımız makalelerimize buradan ve buradan erişebilirsiniz.

Zeynep Kuzhan, UXservices

Kaynakça:

https://www.nngroup.com/articles/hamburger-menus/https://www.nngroup.com/articles/mobile-navigation-patterns/

https://www.smashingmagazine.com/2017/05/basic-patterns-mobile-navigation/

The post Mobil Navigasyon Kullanımı için Hamburger Menü Alternatifleri appeared first on UXservices.