UX tasarımı hakkında bilmeniz gereken her şey. Neden UX'e yatırım yapmalısınız? UX tasarımı görsel veya UI tasarımı değil

Giderek daha fazla şirket, uzun vadeli ticari başarıları üzerindeki etkisinin farkına vararak UX'e dikkat etmeye başlıyor.

kullanıcı deneyimi veya kullanıcı deneyimi(kullanıcı deneyimi), etkileşimin tüm yönlerini kapsar son kullanıcı(son kullanıcı) şirket, hizmetleri ve ürünleri ile. Bu etkileşimler sırasında tüm insan duyumlarının bütününü temsil eder.

Bu makalede, temel UX kavramlarını, tasarımını ve şirketlerin neden kullanıcı deneyimine yatırım yapması gerektiğini ele alacağız.

Temel Kullanıcı Deneyimi Konseptleri

1. Tasarım etkileşimi

Etkileşimler, kullanıcının sitede yaptığı tüm tıklamalar, kaydırmalar ve eylemlerdir. Kullanıcı deneyiminin ayrılmaz bir parçasıdır: Bir kişi siteyle başarılı bir şekilde etkileşime geçemezse, deneyimlerine olumlu denemez. Etkileşim tasarımı, her kullanıcı eyleminin onları memnun etmesi ve nihayetinde ilgi çekici bir kullanıcı deneyimi yaratması için basit işlevselliğin sınırlarını zorlamayı amaçlar.

2. Kullanıcı arayüzü

UI ve UX genellikle karıştırılır ve (hatalı bir şekilde) birbirinin yerine kullanılır. Ancak (kullanıcı arayüzü), kullanıcının gördüğü ve etkileşimde bulunduğu şeydir, kullanıcı deneyimi (kullanıcı deneyimi), sisteminizi kullanırken deneyimin tüm yönleridir.

3. Görsel tasarım

Görsel tasarım, olumlu bir deneyim oluşturmada önemli bir rol oynar. Sitenizi ziyaret eden ortalama bir ziyaretçi, dikkatle düşündüğünüz etkileşim tasarımının veya bilgi mimarisinin her nüansını muhtemelen fark etmeyecektir, ancak görsel bileşene kesinlikle dikkat edeceklerdir. Görsel tasarım, resimlerden sayfa yapısından, çizimlerin altındaki yazı tipi ile biten sayfada gördüğünüz her şey anlamına gelir. Boş alan(Beyaz boşluk). İstatistiksel olarak, ilk izlenimlerin %94'ü tasarım odaklıdır ve %75 site güvenilirliği sonuçları genel estetiğe dayanmaktadır.

4. Tipografi

Ve metnin nasıl görüntüleneceği öyle görünmeyebilir önemli kısım olumlu bir deneyim, ama değil. Kullanıcılarınız sitenizdeki bilgileri algılamada en ufak bir zorluk yaşıyorsa, bu kesinlikle olumsuz bir izlenim yaratacak ve genel deneyimlerini etkileyecektir. Okunması kolay metin oluşturmak, okuyucunun içeriğinizi istediğiniz şekilde anlamasına yardımcı olacaktır.

5. Kullanılabilirlik

Kullanılabilirlik, UX'inizin zorunlu bir minimumudur. İnsanlar ürününüzü kullanamıyorsa, doğal olarak kullanmayacaktır. Kullanılabilirliğin temel amacı basitlik ve rahatlık sağlamaktır. Bir kişi sistemin nasıl kullanılacağına ne kadar az dikkat ederse, eldeki görevi yerine getirmesi o kadar kolay olur.

6. Bilgi mimarisi

(bilgi mimarisi) UX'in son derece önemli bir parçasıdır. Bu, bir site yapısı oluşturmak, bilgileri kullanıcıların nerede olduklarını ve görevlerini tamamlamak için ne yapmaları gerektiğini (veya nereye tıklamaları gerektiğini) kolayca anlayabilecekleri şekilde düzenlemek anlamına gelir. İnsanların netliğe ihtiyacı var ve bilgi yapısı bu hedefe ulaşmak için sitenizi yapılandırmanıza ve düzenlemenize yardımcı olur.

7. İçerik

Web sitenizde net ve ilgi çekici içeriğe sahip olmak, daha iyi yollar kullanıcılarınıza anlamlı bilgiler sunun ve onlarla uzun vadeli ilişkiler kurun. İçerik, ürünleriniz hakkında bilgi içeren herhangi bir şey olabilir: nasıl yapılır, blog makaleleri, podcast'ler, videolar veya sosyal ağlar... o harika araç belirli bir sektördeki yetkinliğinizi göstermek için. İçerik ayrıca insanların markanız hakkında nasıl hissettiklerini ve markanızla nasıl etkileşime girdiklerini de etkiler.

8. İşlevsellik

Ürününüz/hizmetiniz/siteniz, kullanıcıların istenilen işlemleri gerçekleştirmesine imkan vermelidir. Başka bir deyişle, her şey çalışmalı ve aynı zamanda iyi olmalıdır. Ürününüz ziyaretçilerinize istenen sonucu vermezse, süreci durdurur ve ayrılırlar. İstatistiklere göre, çevrimiçi tüketicilerin %88'i kötü bir deneyim yaşadıkları siteye geri dönmüyor.

6 adımlı UX tasarımı

1. Kullanıcıları keşfedin

İlk adım, tam olarak kimin için tasarladığınızı anlamaktır. Kullanıcılarınız hakkında bilgi almanın birçok yöntemi vardır. Nicel ve nitel analitiği ve geri bildirim verilerini birleştirin. Yalnızca kullanıcılarınızın hedeflerini, ihtiyaçlarını ve isteklerini anlayarak onlar için yaratabilirsiniz. verimli tasarım... Bir ziyaretçi profili (persona) oluşturun - tüm müşterilerinizin toplu bir görüntüsü. Onlar kim? Hedefleri nelerdir? Acı noktaları nelerdir? Motifler? Kullanıcılarınızı mümkün olduğunca ayrıntılı bir şekilde tanımlamaya çalışın.

2. Senaryoları tanımlayın

Ardından, araştırmanıza dayanarak, sizin (veya daha doğrusu kullanıcılarınızın) neyi başarmaya çalıştığınız konusunda net olun. Müşteriniz için ideal yolculuk haritasını oluşturun ve yolundaki olası engelleri belirleyin. Ürününüz/hizmetiniz için mümkün olduğunca çok senaryo ve kullanım tanımlayın. Herhangi bir teknik sınırlama var mı? Yapmayı düşündüğünüz şey, ürün/hizmet vizyonuyla örtüşüyor mu?

3. Bir fikir formüle edin

hepsini bir araya getir toplanan bilgiler ve beyin fırtınası yapmaya başlayın. Çözmeye çalıştığınız sorunu görsel olarak iletmek için bir storyboard veya moodboard oluşturun. aynısı harika yol fikrinizi karar verme sürecinde yer alan tüm paydaşlara sunun.

4. Bir prototip oluşturun

En çok etkili yol Fikrinizi geliştirme aşamasından önce bile "canlandırın". Arayüzün düzenini tüm özellikleriyle birlikte kağıt üzerinde düzenleyin. önemli bileşenler ve sonra mümkün olduğunca sor Daha fazla insan senaryoyu oyna. Bu süreç, gözden kaçırmış olabileceğiniz olası engelleri veya beklenmeyen kullanıcı davranışlarını belirlemenize yardımcı olacaktır.

5. Testi gerçekleştirin

Test hayati önem taşır gerekli UX tasarımı için. Uzun, zahmetli bir süreç olmak zorunda değildir. Nielsen Norman Group'a göre sitenizdeki tüm sorunların %85'i sadece 5 kullanıcı tarafından tespit edilebilir. Meslektaşlarınızdan uzaktan (uzaktan kullanıcı testi) yapmalarını isteyin veya müşterileri yeni denemeler yapmaya davet edin işlevsellik tamamen uygulanana kadar.

6. Gerekirse adımları tekrarlayın

Testinizin sonuçlarına bağlı olarak, bir fikir formüle etme aşamasına geri dönmeniz ve başka bir fikir bulmanız gerekebilir. alternatif çözümler... UX tasarım süreci yinelemelidir: istenen sonucu elde etmek için bazı adımların tekrarlanması gerekir.

Neden UX'e yatırım yapmalısınız?

1. Marka sadakatini artırmak

İnsanlar kendi problemlerini çözmek için sizinle etkileşime girerler. Ürününüzle ilgili deneyimden memnunlarsa, kullanmaya devam etmeleri ve arkadaşlarına önermeleri daha olasıdır. İyi UX, kullanıcılarınızı marka savunucuları yapar.

2. Kar artışı

İnsanların ürününüzü satın almasını sağlamanın en iyi yollarından biri, süreci olabildiğince kolaylaştırmaktır. UX, kullanıcının nihai hedefine ulaşmasına yardımcı olur ve ürününüz bu hedefi karşılayabiliyorsa, şüphesiz, yatırım yapmalısınız. olumlu deneyim... Bir e-ticaret sitesi söz konusu olduğunda, iyi bir UX, ziyaretçiye sorunsuz bir tarama deneyimi sağlar ve hızlı süreç sipariş vermek, sonuç olarak daha fazla işlemler ve buna bağlı olarak karlarda artış.

3. Zamandan, paradan ve kaynaklardan tasarruf

İyi UX, web sitesi yeniden tasarımlarında sonsuz hata düzeltmelerini, zaman ve para kaybını önler. Ayrıca, ürününüzün kullanımı sezgisel ise, herhangi bir kullanım belgesine veya kılavuza ihtiyaç duymaz, bu da size yine para tasarrufu sağlar.

• 

UI'den gelen UX'in eş anlamlı olmadığı konusunda hemen anlaşalım. Bu, eğer istersen, - farklı taraflar bir madeni para.

Kabataslak

Kullanıcı deneyimi- bir cihaz veya uygulama ile kullanıcı deneyimi.

Kullanıcı arayüzü- bu etkileşimin gerçekleştiği kullanıcı arayüzü.

Her şey Listelenen kavramlar bir uygulama tasarımı oluştururken yakından ilişkilidir ve bir şekilde iç içe geçmiştir. Bu nedenle, bir belirsizlik ortaya çıkar. Çoğu zaman bu kavramlar birbirleriyle veya başkalarıyla, örneğin Kullanılabilirlik ile Kullanıcı Deneyimi ile karıştırılır.

kullanılabilirlik(kullanılabilirlik), UX tasarımının hem bir parçası hem de bir sonucudur.

Ayrıca UX ve UI farklı bölgeler birbirinden bağımsız var olmayan tasarımlar.

Herhangi birini çalıştırdığınızda mobil uygulama, o zaman göreceğiniz ilk şey arayüzün tasarımıdır. Hoş olup olmadığını, onunla daha fazla çalışmak isteyip istemediğinizi hemen değerlendirebilirsiniz. Bu, UI tasarımının sonucudur.

İş sürecinin kendisi algılanamaz. Sadece simgeye tıklayın ve görevlerinizi tamamlayın. Bu, uygun UX tasarımının sonucudur. Mükemmel bir şekilde yürütülürse tamamen görünmezdir.

Başka bir deyişle, UI sonucunu görüyoruz, UX'i anlıyoruz. Her şeyden birlikte - kullanım kolaylığını hissediyoruz.

Buna göre, UX ve UI tasarımcıları farklı görevler ortak proje... Şimdi daha ayrıntılı olarak anlayabilirsiniz.

kullanıcı deneyimi tasarımı

Olumlu bir deneyim, şirketin düzeyi ve hizmetleri hakkında hemen bir izlenim verir. Uygulamanın kullanımı kolaysa ve sorunları çözüyorsa, kullanıcının onsuz yapamayacağı ve çevresine tavsiye etme olasılığı yüksektir.

Evet, etkileşim olumluysa, hafife alındığı için konuşulmaz. Aksi takdirde hemen yorum yapacaklardır.

Jess Garrett'ın Beş Düzey Kullanıcı Deneyimi

1. Proje stratejisinin belirlenmesi (işletmenin ve kullanıcının görevleri).

2. Tümünü tanımlamaya çalışın istenen fonksiyonlar uygulama veya site.

3. Bilgi mimarisi tasarlanır ve Genel yapı uygulamalar.

4. Sayfaların yerleşimi ve prototiplenmesi.

5. Her sayfanın bloklarını çalışmak ve bilgiye vurgu yapmak.

Kullanıcı Deneyimi aşağıdaki gibi sorunları çözer:

• genel mimari ve uygulama sayfalarının sırası;

• konum ve önemi bireysel elemanlar(örneğin, bunları boyutlar için sağlayın iPhone ekranı ve iPad);

• uygulamanın kullanım kolaylığı;

• mevcut bir uygulamanın ekranlarını güncelleme.

kullanıcı arayüzü tasarımı

Bu, uygulama tasarımının görsel bileşeni üzerinde yapılan çalışmadır. Başka bir deyişle, çekici "ambalaj".

Uygun seviyede tasarlanan kullanıcı arayüzü, müşteriyi kendine çeker ve süreçte hoş duygular uyandırır. Birçok kişi, işlevi yaklaşık olarak aynı olan, tam olarak gözlerini memnun eden uygulamalar arasından seçim yapar.

Kullanıcı Arayüzü, Kullanıcı Deneyiminin görsel bir uygulamasıdır. UX geliştirme aşamasında uygulamaya dahil edilen her şey, kullanıcı tarafından UI aracılığıyla görüntülenen formda algılanır.

Kullanıcı Arayüzü görevleri:

• uygulama ile doğru kullanıcı etkileşimini sağlamak;

• şirketi kişileştirmek, kurumsal kimliğinin bir parçası olmak;

• kullanıcının işten duygusal zevki;

• dış estetiği olan bir müşteriyi çekmek;

• Yenile dış görünüş arayüz bitmiş uygulama(örneğin, yeni bir sürümün piyasaya sürülmesiyle iOS sürümü veya Android).

Genel olarak, UX tasarımı üzerindeki çalışmalar daha kapsamlıdır ve UI tasarımı üzerindeki çalışmalar da aynı derecede önemlidir.

Yetkin bir yaklaşımla, kullanıcı arayüzlerinin geliştirilmesi, kullanıcı ile etkileşimini optimize etmek için mümkün olduğunca çekici ve kullanışlı yaratacak şekilde inşa edilmiştir.

Herhangi bir projede, web arayüzü geliştiricileri, kullanıcı dostu bir arayüz oluşturmakla görevlendirilir. Ancak, bu her zaman böyle değildir. Basit görev, ilk bakışta göründüğü gibi ve bazen çok fazla tasarım deneyimi gerektirir. Buradaki ana gereksinimler kolaylık, pratiklik ve sezgisel netliktir. İşte bu noktada UX ve UI tasarımı gibi çoğu zaman karıştırılan kavramlar devreye giriyor. Her birini ayrı ayrı ele alalım ve kilit noktalarını tanımlayalım.

kullanıcı deneyimi tasarımı

Kullanıcı deneyimi tasarımıçeviri anlamında "Etkileşim deneyimi" ve çeşitli UX bileşenleri içerir: bilgi mimarisi, etkileşim dizaynı, grafik dizayn ve içerik.

Genel olarak, UX tasarımı şunları ifade eder: Karmaşık bir yaklaşım bir web sitesi, bir mobil uygulama veya başka bir program olsun, kullanıcının arayüzle etkileşimine. Bu işi yapan kişi - kullanıcı deneyimi tasarımcısı(v son zamanlar Bir UX mimarının, UX mühendisinin veya stratejistin adlarını giderek daha sık duyabilirsiniz, çünkü bu bağlamdaki "tasarım" kelimesi, bu kelimenin anlamıyla aslında anladığımızdan daha yaygın bir isimdir) - Bir arayüz geliştirirken, kullanıcı ortamından başlayarak tüm küçük şeyleri dikkate almalısınız ve elektronik cihaz ve bilgi girme ve görüntüleme yöntemleriyle biten.

Basit örnek: Diyelim ki kaynağınızı ilk sıralara yükseltmek için etkileyici miktarda para yatırdınız. arama motorları ancak rahatlığı zayıftır. Bu durumda, etkileyici sayıda kullanıcı siteyi terk edecek ve bunun etkisi minimum olacaktır. Bu nedenle, ziyaretçilerin kaynağa yönelik eylemlerinin sürekli bir analizini yapmak, sitenizi geliştirmek ve mevcut eğilimleri takip etmek gerekir.

UX tasarımının çözdüğü temel sorunlar:

• Hedefler ve hedefler belirlemek - sonuçta neye ulaşmamız gerekiyor?
• Hedeflere ulaşmak için uygun UX araçlarının seçimi
• Mümkün olduğunca uygun ve anlaşılması kolay bir ürün geliştirme hedef kitle
• Nihai sonucun analizi - ürünün müşterinin beklentilerini karşılayıp karşılamadığı ve kullanıcı memnuniyet seviyesinin ne kadar yüksek olduğu.

Ürününüzün hayranlarından oluşan bir ordu oluşturmanıza izin verecek olan, bu aşamalardaki tüm ayrıntıların yetkin bir şekilde düşünülmesidir. Burada önemli bir örnek elma kim bu yolu takip etti ve binlerce ve milyonların kalbini kazandı.

kullanıcı arayüzü tasarımı

Kullanıcı Arayüzü Tasarımı veya kullanıcı arayüzü içeren daha dar bir kavramdır. belirli küme grafik olarak tasarlanmış teknik elemanlar(düğmeler, onay kutuları, seçiciler ve diğer alanlar). Görevi, kullanıcının program / site ile etkileşimi düzenlemesine yardımcı olmaktır. Şu anda, bazıları var UI tasarım kuralları:

1. Arayüz elemanlarının organizasyonu. Bu, mantıksal olarak yapılandırılmış ve birbirine bağlı olmaları gerektiği anlamına gelir.
2. Arayüz elemanlarının gruplandırılması. Mantıksal olarak gruplama anlamına gelir ilgili öğeler(menü, formlar).
3. Arabirim öğelerini hizalama... Kötü hizalanmış bir arayüzün herkes için uygun olabileceğini hayal etmek zor!
4. üniforma tarzı arayüz elemanları. Stil önemli bir rol oynar, çünkü kullanıcının belleğine kaydedilir.
5. Boş alanın mevcudiyeti. Bu ayırt etmenizi sağlar bilgi blokları tek bir şeye odaklanmak.

Tüm kurallara uygun olarak geliştirilen kullanıcı arayüzü, kaynağın verimliliğini önemli ölçüde artırmakta ve ona rekabet avantajı sağlamaktadır.

Bilgi mimarisi (IA)

hakkında da birkaç şey söylemek istiyorum. Bilgi Mimarisi (IA)... Faaliyetleri, verilerin organizasyonuna, yani yapılandırılmış bilginin teknik veya teknik değil, kullanıcı açısından nasıl olduğuna odaklanır. sistem kuralları... Sayfadaki öğelerin yerleşimini, sayfaların kendi aralarındaki ilişkiyi belirler. IA'nın yetkinliğinin menüler ve navigasyon ve bunların yetkin uygulaması olması daha olasıdır.

Özetle şunu belirtmek isterim. farklı kaynaklar UX tasarımı farklı şeyler ifade eder, ancak genel olarak hepsi makalede açıklanan ürün üzerinde yapılan çalışma anlamına gelir. UX sizin için ne ifade ediyor?