E-ticaret için Kullanıcı Akışları Nasıl Oluşturulur

Çevrimiçi mağazanız için yeni bir web sitesi oluşturduğunuzu hayal edin. WordPress gibi bir sayfa oluşturucuya girersiniz ve sayfalara bölümler eklemeye başlarsınız, gezinme çubuğunun ortalanması gerektiğine veya Hakkında klibinizin önce gelmesi gerektiğine karar verirsiniz.

Ya da belki zaten bir web siteniz var ve daha iyi görünebileceğine karar verdiniz, bu nedenle resimleri, metinleri ve CTA'ları yeniden konumlandırmaya başladınız.

Ne olursa olsun, hatalar zaten yapılmıştır: her iki durumda da, mevcut bir strateji veya kullanıcı akışı yoktur. Tasarım gelişigüzel seçilmiş, otantik bir Jackson Pollock tablosu gibi serpiştirilmiş.

Ve Pollock hayranı olsun ya da olmasın, onun resimleri hiçbir zaman huninin bir aşamasından diğerine bir ipucu vermek zorunda kalmadı.

Çevrimiçi alışverişin yeni çağında, bir e-ticaret web sitesine sahip olmak çok önemlidir - potansiyel olarak faydalı bir uygulama.

Ancak güzel bir web sitesine sahip olmak yeterli değildir, aynı şekilde bir sürü trafik çekmek, dönüşüm sağlamadıkça (yani ürünlerinizi satın almadıkça) israftır. Potansiyel müşterilerinizi dönüşüme giden yolda yönlendirmek için tasarlanmış bir web sitesine ihtiyacınız var.

İyi tasarlanmış bir web sitesi, en sevdiğiniz yazı tipini ve animasyonu seçmekle başlamaz. Kullanıcı akışlarınızı haritalamakla başlar.

Kullanıcı Akış Şeması Nedir?

Kullanıcı akış şemaları, görev akış şemaları ve kullanıcı arabirimi akış şemaları olarak da adlandırılan kullanıcı akış şemaları, bir kullanıcının bir hedefi veya görevi gerçekleştirmek için web siteniz veya uygulamanız üzerinden izlediği yolu gösterir. Bir kullanıcının görevini tamamlayana kadar (bir ürün satın almak gibi) bir sayfadan diğerine geçmek için attığı adımları göstererek, görevin tamamlanmasını nasıl teşvik edeceğinizi anlayabilirsiniz.

UX Collective'den örnek kullanıcı akış şeması.

UX Tasarımında Kullanıcı Akışlarının Rolü

Kullanıcı deneyimi tasarımı (UX tasarımı), kullanıcı merkezli tasarımlar oluşturmakla ilgilidir. Kullanıcılarınızı, diğer bir deyişle potansiyel müşterilerinizi tasarım seçimlerinizin merkezine koyarak, onların deneyimlerini geliştirir ve satışın sonuna gitme şanslarını artırırsınız.

Kullanıcı akışları, bir dönüşüm oluşturmak için gereken kullanıcı eylemlerini ve ürün işlevselliğini dikkate alarak, kullanıcıların ürün tasarımınızla nasıl etkileşime girdiğini ortaya çıkarır.

Web sitenizin ihtiyaçlarını bildirmek için tasarım sürecine başlamadan önce bir kullanıcı akış şeması oluşturun. Stratejistler, tasarımcılar ve web geliştiricileri, ürün eksikliklerini tespit etmek ve sayfa sayısı, her biri için bileşenler ve hepsinin bilgi mimarisi dahil olmak üzere bir projenin kapsamını anlamak için UX akışlarını kullanır.

Ayrıca, basitleştirme ve iyileştirme alanlarını belirlemek için web sitesi geliştirme sonrasında kullanıcı akışları oluşturabilirsiniz.

Creately'den örnek kullanıcı akış şeması.

Üst Düzey ve Ayrıntılı Kullanıcı Akışları

Üst düzey kullanıcı akışları, bir fikir veya sürece hızlı bir genel bakış sağlamak için oluşturulmuş hızlı ve kısadır.

Ayrıntılı kullanıcı akışları veya görev akışları, bir görevi tamamlamayla ilgili tüm adımları ve kararları detaylandırarak daha kullanışlıdır. Ayrıntılı akış şemaları, e-ticaret web sitenizin tasarımını ve içeriğini bilgilendirmek için oluşturmak istediğiniz şeydir.

Bazıları, kullanıcı akışlarını görev akışlarından ayırt eder, çünkü bu kullanıcı akışları, bir görevin kişi ve giriş noktasına göre kullanıcılar tarafından farklı şekilde tamamlanabileceğini vurgular.

Kullanıcı Akışları ve Kullanıcı Yolculukları

Kullanıcı akışları, kullanıcının bir ürünle ilgili uçtan uca deneyimini özetleyen kullanıcı yolculuk haritalarından farklıdır. Akışların tamamen eyleme dayalı olduğu yerlerde, kullanıcı yolculukları, kullanıcı duyguları gibi faktörleri hesaba katar.

Kullanıcı yolculuk haritaları ve müşteri yolculuk haritaları bazen birbirinin yerine kullanılır, ancak bu yalnızca kullanıcı ve müşteri aynı kişi olduğunda çalışır, ki bu her zaman böyle değildir. Örneğin, bir işveren (müşteri), çalışanlarının (kullanıcıların) kullanması için çevrimiçi bir araç satın alabilir.

Kullanıcı Akış Şemaları Nasıl Oluşturulur

1. Diyagramın Amacına Karar Verin

Kullanıcı akış diyagramınızın içeriği, hedefinize ve izlediğiniz göreve bağlı olacaktır. Diyagram başına hedef veya görev sayısını sınırlayın; Bir seferde sadece bir tane grafik çizmek en iyisidir. Birden fazlasına bakmak diyagramı aşırı karmaşıklaştırabilir ve daha az etkili hale getirebilir.

Kullanıcı akışına, gelecekte başvurmak üzere amacına göre net bir başlık verin.

2. Tipik Kullanıcınızı Anlayın

Kullanıcılarınızı anlamak, en iyi şekilde çalışan görev akışı navigasyonunu ve her sayfaya eklenecek içeriği bilgilendirmeye yardımcı olacaktır.

Kullanıcılarınızı toplamak için kullanıcı araştırması yapın:

• Hedefler
• motivasyonlar
• İstenilen özellikler
• Deneyim/bilgi düzeyi
• engeller

Bu faktörler, satın alma yolculuğu boyunca farklı hedef kitle segmentleri ve aşamaları için değişebilir, ancak bunları her bir web sayfasında neler olduğunu, her bir sayfanın nasıl tasarlanacağını ve nereye bağlanılacağını belirlemek için kullanacaksınız.

Kullanıcı ve işletme hedefleri, her ikisini de karşılayan e-ticaret web sitesi akışları tasarlayabilmeniz için uyumlu olmalıdır.

Rakiplerinizin akışlarını incelemek de fikir verebilir.

3. Bir Görev Akış Anahtarı Oluşturun

Tutarlı olduğunuz ve başkalarının anlayabilmesi için kullanılan renkler ve şekiller için bir anahtar sağladığınız sürece, görev akış diyagramınızın nasıl görünmesi gerektiğine dair katı kurallar yoktur.

Ortak kullanıcı akışı sembolleri şunları içerir:

Bazen kullanılan diğer şekiller arasında üçgenler, eğik paralelkenarlar ve kesikli şekiller (düz ana hatlar yerine) bulunur. Sistem görevleri, giriş öğeleri veya seçimler/tıklamalar gibi ek öğeler için şekil değiştirerek istediğiniz kadar spesifik olabilirsiniz.

Kullanılan herhangi bir renk, kullanıcı akış şemanızın anlamı ve okunabilirliğine katkıda bulunmalıdır. Renklerin öğeleri gruplandırmaya, öğeleri tanımlamaya ve desenleri ortaya çıkarmaya nasıl yardımcı olabileceğini düşünün.

Diğer Kullanıcı Akış Şemaları Türleri

Kullanıcı akış çizelgeleri web sitenize özgü olduğundan, hepsi şekil ve renk kullanma konusundaki yaygın uygulamayı takip etmez.

Başka bir kullanıcı akışı stili, bilgisayar bilimlerinde kullanılan durum diyagramlarından sonra modellenmiştir. Durum diyagramlarının görünümü farklılık gösterir, ancak bunları e-ticaret süreci akışını yönlendiren oklarla bir dizi kesir olarak yazabilirsiniz. Kesirler, kullanıcının kesir çizgisinin üstünde ne gördüğünü ve onun altında ne yaptığını içerir, örneğin:

Site haritalarından sonra modellenen kullanıcı akışları da vardır. Yapılan işlemlere ek olarak, kullanıcı akışına dahil olan her web sayfasını, o sayfalardaki tüm bölümlerin ve alt bölümlerin bir listesi ile sunarlar. Ardından oklar veya çizgiler, hangi sayfa bölümlerinin ve CTA'ların kullanıcıları akışta bir sonraki adıma yönlendirdiğini gösterir.

Behance'de Salinthip Kaewkerd'den örnek kullanıcı akışı.

4. Kullanıcı Akış Şemanızın Ana Hatlarını Çıkarın

Formatınıza karar verildikten sonra, görev akışlarınızın haritasını çıkarmaya başlayabilirsiniz. Kendi diyagramınız için seçilen giriş noktasıyla başlayın ve giriş noktası ile görevin tamamlanması arasındaki tüm adımları listeleyin.

Giriş noktaları, reklamlar, sosyal medya, organik arama sonuçları, harici bağlantılar, e-posta kampanyaları ve daha fazlası dahil olmak üzere bir kullanıcıyı web sitenize yönlendiren herhangi bir kaynak olabilir. Uygulamalar, web sitelerinden daha az giriş noktasına sahip olma eğilimindedir.

İzleyen adımlar (kullanıcı arayüzü akış şemasının özü), eşlemeyi seçtiğiniz göreve bağlı olacaktır. Giriş ve kayıt formları, ürün tarama, ödeme süreçleri veya işe alım gibi öğeleri içerebilirler. Kullanıcının her sayfaya nasıl ulaştığını, sayfa üzerinde gerçekleştirebilecekleri tüm işlemleri ve hedeflerine doğru ilerlemek için o sayfadan nereye gittiklerini düşünün.

Kullanıcı akışınızdaki son adım, görevi tamamlayan kullanıcı eylemi değil, kullanıcının tamamlandığını onaylayan işlevsellik olmalıdır.

Mevcut bir e-ticaret web sitesini yeni sürüme geçiriyorsanız, kullanıcılarınızın nereden geldiği, web sitenizde nasıl gezindikleri ve nereden çıktıkları hakkında bilgi edinmek için Google Analytics Davranış Akışı raporlarını kullanabilirsiniz.

Kullanıcı akışınızın haritasını çıkarırken, kullanıcının bir görevi tamamlamak için kullanabileceği birden çok yol olduğunu fark edeceksiniz. Birincil yolları haritalamaya devam etmek için dallar veya düğümler bu noktalarda ayrılacaktır.

Akış diyagramları oluştururken, hareket ettikleri yönlerin sayısını sınırlayarak okunabilirliği artırabilirsiniz. Sonunda her yöne işaret eden oklarla karşılaşırsanız, diyagramınız daha çok bir labirent gibi görünmeye başlar. İşlevsel diyagramlar oluşturmak için kullanılabilecek birçok kullanıcı akışı aracı vardır.

5. Akışlarınızı Kesin

Kullanıcı akış diyagramınızı oluşturduktan sonra, makaslarınızı kırmanın zamanı geldi. Bu adım, üç önemli düzenlemeyi içerir:

1. Akışı görselleştirmek için gerekli olmayan bilgileri kaldırma
2. Ayrıntıları salt kullanıcı navigasyonunun dışında bir yolculuk haritasına taşıma
3. Gereksiz veya gereksiz adımları belirleme

Bu son adım, gezinme akışını görselleştirmek için daha az ve deneyimini geliştirmekte olduğunuz kullanıcı için daha fazladır. Bir kullanıcının bir görevi tamamlamak için ne kadar çok karar ve eylem yapması gerekiyorsa, bunu yapma olasılıkları o kadar az olur. Dönüşüm şansını artırmak için kullanıcı akışınızı olabildiğince basitleştirin.

6. Niyetli Etiketleme

Kullanıcı akış diyagramınızın tüm öğelerini net bir şekilde etiketleyin. Her şeklin, sayfanın, bölümün veya eylemin neye atıfta bulunduğu açık olmalıdır. Anlamdan uzaklaşıyorsa stenografi kullanmaktan kaçının. Bitirdiğinizde, birkaç iş arkadaşınızın, bunları yorumlayıp yorumlayamayacaklarını görmek için kullanıcı akışlarınızı incelemesini sağlayın.

Verilerle Kullanıcı Akışlarınızı Optimize Edin

Yeni bir web sitesi oluştururken veya yeni tasarımları veya içeriği test ederken, gerçek hayattaki kullanıcı akışlarını incelemeyi ve bunları akış diyagramınızda gösterildiği gibi beklentilerinizle karşılaştırmayı düşünün. Tutarsızlıklar ortaya çıkarsa, bunları akış diyagramınızı düzeltmek için kullanabilir veya kullanıcıları planladığınız şekilde yönlendirmek için kullanıcı arayüzünün kendisini düzenleyebilirsiniz. Kullanılabilirlik testi, görev analizi ve ağaç testi dahil olmak üzere çeşitli UX araştırma yöntemleri kullanıcı akışlarını test eder.

Satışları artırmak için kullanıcı akışınızı nerede optimize edebileceğinizi görmek için Google Analytics veya araştırma verilerini de kullanabilirsiniz. E-ticaret web siteleri oluştururken, kullanıcı akışları e-ticaret satış hunisine bağlanır. Kullanıcıların gittikleri huniden aşağı doğru inmeleri doğaldır (dolayısıyla huni şekli), ancak önemli düşüş noktaları iyileştirme alanlarını gösterir.

Ve genellikle, iyileştirmeler, ister gezinmeyi daha doğal hale getirerek, ister tasarımı düzenleyerek veya yönlü kopya ekleyerek, kullanıcı akışınızı optimize etmek anlamına gelir.

Akıştaki kesintiler aynı zamanda iş tercihlerinden de kaynaklanabilir: Potansiyel alıcılar nakliye maliyetini gördükten sonra hemen çıkma oranlarındaki artış, yüksek nakliye ücretlerinin büyük olasılıkla sorun olduğunu gösterir.

Hemen çıkma oranlarını çevreleyen adımları analiz edin ve sorunun (ve çözümün) ne olabileceğini varsayın. Ayrılmalar azalana ve daha fazla kullanıcı bir sonraki adıma geçene kadar çözümlerinizi A/B testi yapın.

E-Ticaret Web Sitesi Akışınızı Farklılaştırma

E-ticaret akış çizelgeleri benzer bir model izleme eğilimindedir: harici olarak bir sayfa keşfedin, sayfaya girin, ürünlere bakın, sepete ürün ekleyin, ödeme yapın, onay alın.

Bunların hepsi doğası gereği e-ticarette yer alan adımlar olsa da, kullanıcı akışlarını tasarlarken benzersiz değer teklifinizi ve hedef kitlenizi göz önünde bulundurmaya değer.

Daha fazlasını sunabilir misin? Kullanıcılarınız ek özelliklerden yararlanabilir mi?

Bazı e-ticaret mağazaları, kişiselleştirme sınavları veya deneme özellikleri ekleyerek kullanıcı yolculuklarını ve görev akışlarını karıştırır. Örneğin, Sephora'nın Sanal Sanatçısı, kullanıcıların evden satın almadan önce makyajın nasıl görüneceğini simüle etmelerine olanak tanır.

Kullanıcı akışlarını tasarlarken genellikle unutulan e-ticarette farklılaşmak için başka bir yer de satın alma sonrasıdır. Bir müşteri satın alımını onaylamak, asla müşteri yolculuğunun sonu değildir. Şimdi paketlerini takip etmeleri, endişeyle gelmesini beklemeleri, heyecanla kutusunu açmaları ve potansiyel olarak iade etmeleri gerekiyor. Gönderim, teşekkür sayfaları ve ek satış ile kullanıcı deneyimini nasıl iyileştirebileceğinizi düşünmeye değer.

E-ticaret web siteleri ve uygulamaları için akış oluştururken, e-ticaret dönüşüm hunisinin tüm aşamalarını aklınızda bulundurun:

• Düşünce
• Değerlendirme
• Satın alma
• Satış sonrası

Verimli UX Akışları ile Satışları Artırın

Kullanıcı deneyimi, kullanıcıların bakmaktan keyif aldığı güzel tasarımlardan daha fazlasıdır. Dönüşüme yönelik e-ticaret yolculuğunda liderlere rehberlik eden bilgi mimarisi ve içeriği tasarlıyor.

Kullanıcının kolaylıkla gezinebileceği, bir aşamadan diğerine geçebileceği, aradığı ürünü bulabileceği ve zamanı geldiğinde doğru CTA'yı tıklayabileceği bir web sitesi veya uygulama oluşturmakla ilgilidir.

Giriş noktaları ile satış noktası arasına çok fazla adım atmak, onlardan daha fazla iş yapmalarını istemek anlamına gelir; tereddütlerini gidermek için çok az adım yeterli olmayabilir, bu da onlardan daha büyük bir risk almalarını istemek anlamına gelir. Çevrimiçi satın alırken kimse çalışmayı veya riski sevmez.

Web sitenizdeki görevlerin her biri için verimli bir kullanıcı akışının haritasını çıkarmak, tüketicinin sorunlu noktalarını belirlemenin etkili bir yoludur, böylece daha iyi bir kullanıcı deneyimi sağlayan ve sonuç olarak satışları artıran dijital bir ürün tasarlayabilirsiniz.