En İyi Tasarımcıların Kullandığı 10 UX Çıktısı

Bu makalenin sesli sürümünü dinleyin

Bir UX tasarımcısının işi, ekiplerin çok az dokümantasyonla çalıştığı yalın başlangıçlardan ve Çevik ortamlardan, üçüncü taraflar için danışmanlık sözleşmelerine veya katı dokümantasyon gereksinimleri olan büyük kuruluşlar ve devlet kurumlarına kadar birçok farklı ortamda gerçekleşir. Katılımın veya ortamın (ve hepsini birbirine bağlayan tek şeyin) doğasından bağımsız olarak, UX profesyonellerinin tasarım fikirlerini, araştırma bulgularını ve projelerin bağlamını çeşitli izleyicilere etkili bir şekilde iletmeleri için bir ihtiyaçtır.

UX tasarım süreci boyunca tasarımcılar, UX tasarım metodolojilerinin bir parçası olarak çok çeşitli "eserler" ve proje çıktıları üreteceklerdir. Bunlar birçok şekilde olabilir: çıktılar, UX tasarımcılarının çeşitli paydaşlar ve ekiplerle iletişim kurmasına, çalışmaları belgelendirmesine ve toplantılar ve fikir oturumları için eserler sağlamasına yardımcı olur. Uygulama ve referans için kılavuzlar ve spesifikasyonlar olan “tek hakikat kaynağı”nın yaratılmasına da yardımcı olurlar.

İşte bir UX tasarımcısının bir etkileşim sırasında tipik olarak ürettiği 10 UX çıktısı . (Bu liste hiçbir şekilde kapsamlı değildir ve sözleşmenin niteliğine bağlı olarak potansiyel olarak daha uzun olabilir.)

1. İş Hedefleri ve Teknik Özellikler

Bu temel bir adımdır. Bir UX profesyoneli için her şey ürün vizyonunu anlamakla başlar, yani iş perspektifinden ürünün varlık nedeni. Basit terimlerle yazılan ifade, ele alınan sorunu, önerilen çözümü ve hedef pazarın genel bir tanımını içermelidir. Ayrıca teslimat platformlarını açıklamalı ve ürünün teslim edileceği teknik araçlara hafifçe değinmelidir.

Bir sayfadan uzun olması gerekmez, ancak Ne, Neden ve Nasıl'ın özünü açıklamalıdır. İşte bir örnek: "Fantastik App Co., Millennial pazarı için mobil platformlarda (iOS ve Android) hediye veren uygulamalarda bir boşluk tespit etti. Çok sayıda Y Kuşağı özel tarihleri ​​hatırlamakta, en iyi hediyeyi belirlemekte, sonra da bu hediyeleri bulup satın almakta zorlanıyor. Çözümümüz bu stresi azaltmak için tasarlanmıştır. Öngörülü tasarım ve en son AI teknolojilerini kullanan Uygulama, kullanışlı ve neredeyse sihirli bir kullanıcı deneyimi sunuyor.”

2. Rekabet Analizi Raporu

Yeni bir ürün tasarlamaya başlayan herkes için, ürünün pazara uygun olduğundan emin olmak çok önemlidir. En önemlisi, bir UX stratejisinin parçası olarak, ürün aynı zamanda zorlayıcı bir rekabet avantajına ve pazardaki diğerlerinden daha üstün bir UX'e sahip olmalıdır.

Rekabet analizi şu anlama gelir: " Rakiplerinizi belirlemek ve kendi ürün veya hizmetinize göre güçlü ve zayıf yönlerini belirlemek için stratejilerini değerlendirmek."

Bir UX tasarımcısının ilk görevlerinden biri, sorunu çözmek için hedef müşterilerin şu anda hangi ürünleri veya hizmetleri kullandığını araştırmaktır. Orada eşdeğer bir ürün veya hizmet var mı? İnsanların kullandığı, yeterince iyi ama mükemmel olmayan alternatif bir çözüm var mı? Bir yara bandı—bir vitamin ama ağrı kesici değil mi? Daha iyi UX nasıl bir fark yaratabilir?

Kullanıcı deneyimi araştırmasının bir bileşeni olan rekabet analizi raporu, ilk beş rakibi tanımlar ve neyi doğru yaptıklarının yanı sıra neyi yanlış yaptıklarını da inceler. Bu adım, net hedeflerin tanımlandığı ve odaklanılacak öğelerin ayrıntılı olarak açıklandığı bir tasarım yönü belirlemeye yardımcı olacaktır.

3. Kişiler ve UX Araştırma Raporları

UX tasarımcıları, paydaşların ürünün müşterilerinin ihtiyaçlarını anladığından emin olmalıdır. Kullanıcı davranış kalıplarını kapsamak ve iletmek için kişiler oluşturmak ve kullanıcı araştırması yapmak, bunu yapmanın denenmiş ve gerçek yollarıdır. Kişiler, bir ürünün tipik kullanıcılarını temsil eder; amaçlarını, ihtiyaçlarını ve ilgi alanlarını birleştirerek, proje üzerinde çalışan ekibin kullanıcıya karşı empati geliştirmesine yardımcı olurlar.

Kullanıcı araştırması aynı zamanda UX tasarım sürecinin ayrılmaz bir bileşenidir. Davranış kalıplarını çıkarmak, bağlam eklemek ve tasarım süreci hakkında fikir vermek için kullanılan bir dizi tekniği içerir. Kullanılabilir birçok kullanıcı araştırma aracı ve tekniği vardır; tüm mesele doğru durum için doğru “merceği” seçmektir.

Kullanıcı araştırmasına başlamadan önce, bir araştırma planı geliştirmek için zaman ayırmak önemlidir. Bu, araştırma amaçlarını ve yöntemlerini iletmenin yanı sıra paydaşlardan destek almaya yardımcı olacak bir belgedir. Ayrıca araştırma projesi sırasında herkesin yolunda gitmesine yardımcı olmak için kullanılabilecek harika bir araçtır.

Kullanıcı araştırması aşamasının sonunda, araştırma bulgularını eyleme geçirilebilir öğelere çeviren bir rapor oluşturulur. UX ekibi daha sonra ürünü bu öğeler etrafında tasarlamaya ayarlanır.

4. Site Haritası ve Bilgi Mimarisi

Site haritası, dijital bir üründe bulunan tüm bileşenlerin ve bilgilerin görsel olarak düzenlenmiş bir modelidir. Bir Uygulamanın veya sitenin içeriğinin organizasyonunu temsil eder. Tel çerçevelerle birlikte, UX çıktılarının en temellerinden biridir ve bir UX tasarım sürecinde nadiren atlanırlar.

Site haritaları, gezinmeyi, bulunabilirliği ve kullanılabilirliği desteklemek için bilgi mimarisini (bir ürünün bileşenlerini düzenleme ve etiketleme sanatı ve bilimi) düzenlemeye yardımcı olur; ayrıca sınıflandırma ve kullanıcı arayüzünü tanımlamanıza yardımcı olurlar.

Site haritaları, kaynak olarak sahip olunması ve ürün yinelemeli prototip oluşturma ve kullanıcı testlerine dayalı olarak geliştikçe ayarlanması için kullanışlı referanslardır. Tasarım iş akışı sırasında, ürünün içeriği tartışılırken herkesi aynı sayfada tutmak için genellikle bir numaralandırma sistemi kullanılır.

5. Deneyim Haritaları, Kullanıcı Yolculukları ve Kullanıcı Akışları

Deneyim haritası, kullanıcının bir ürün veya hizmet içindeki akışını (hedefleri, ihtiyaçları, harcanan zaman, düşünceler, duygular, tepkiler, endişeler, beklentiler) yani bir ürünle etkileşimleri boyunca genel deneyimi gösteren görsel bir temsildir. Genellikle, kullanıcı ve ürün arasındaki temas noktalarını gösteren doğrusal bir zaman çizelgesi üzerinde düzenlenir.

Kullanıcı yolculukları ve kullanıcı akışları, daha çok bir kullanıcının attığı bir dizi adımla ilgilidir ve kullanıcıların şu anda nasıl etkileşimde bulunduğunu veya bir ürünle potansiyel olarak etkileşime girebileceğini gösterir. Bir kullanıcının gerçekleştirebileceği davranış, işlevsellik ve temel görevleri gösterirler. Bir kullanıcının üstlenebileceği çeşitli görevlerin "akışını" inceleyerek ve anlayarak, kullanıcı arayüzüne ne tür içerik ve işlevler ekleyeceğinizi ve kullanıcının bunları gerçekleştirmek için ne tür bir kullanıcı arayüzüne ihtiyaç duyacağını düşünmeye başlayabilirsiniz.

UX'in çoğu, kullanıcılar için sorunları çözmekle ilgilidir. Bir kullanıcı yolculuğu hazırlarken, tasarımcının kişiyi, kullanıcının hedeflerini, motivasyonlarını, mevcut sıkıntı noktalarını ve başarmak istediği ana görevleri anlaması gerekir.

Kullanıcı yolculuğu ile kullanıcı akışı arasındaki fark nedir? Bir kullanıcı akışını , ürününüz veya hizmetiniz aracılığıyla bir görev veya hedef üzerinde çalışan kullanıcı olarak düşünün, örneğin Lyft'te bir araba rezervasyonu; bir kullanıcı yolculuğu büyük resmi gösterir. Bir kullanıcı yolculuğu, görevlerin ötesine geçer ve belirli bir müşteri etkileşiminin daha geniş bir bağlama nasıl uyduğuna bakar.

6. UX Tel Çerçeveleri

UX tasarım metodolojisinin temelini oluşturan tel çerçeveler, bir tasarım çerçevesinin ve arayüz öğelerinin iki boyutlu "plan" çizimleridir ve neyin nereye gittiğini gösterir. Öncelikle bir yerleşim aracı olarak, bilgi mimarisini, içerik aralığını, işlevleri, etkileşim tasarımını ve amaçlanan kullanıcı davranışlarını tanımlamaya yardımcı olurlar.

Tel çerçeveler, UX tasarımcıları için ekmek ve tereyağıdır ve bir projedeki en yaygın çıktılardan biridir. Bir UX tasarımcısının röportajı sırasında muhtemelen her şeyden daha sık duyulur.

UX tasarım sürecinde önemli bir aşama olan tel çerçeveleme, fikirleri keşfetmenin ve müşteri hedeflerine yönelik yenilikçi kavramlar üretmenin uygun maliyetli bir yoludur. Eskiz yapmanın ötesinde hızlı bir şekilde fikir edinmek için harika araçlardır ve düşük kaliteliden (stil yok, siyah beyaz kutular, yunanca metin yok) yüksek aslına (tamamen stil, renkli, çok ayrıntılı) kadar birçok farklı tada sahiptirler.

Bazen işyeri kısaltmasında "teller" olarak anılan tel çerçeveler, çok esnek ve üretilmeleri hızlı olduğu için hat boyunca bir ton zaman ve para tasarrufu sağlayabilir. Tasarım yönünü belirlerken paydaşlar ve ekip üyeleri ile konuşmalar yapmak için bir merkez görevi görürler.

Tel çerçeveler temeldir ve bu nedenle, bir tasarımı yapısal olarak tanımlamaya ve farklı kullanım senaryoları altında bir Uygulama veya site üzerinden bir kullanıcı akışının nasıl çalıştığını belirlemeye yardımcı olur. Burada Toptal Design Blog'da bir önceki parçada tartışılan "tel çerçeve haritaları" ve NNGroup'tan iş akışları ve Uygulamalar için teslim edilebilen bir UX olan "tel akışları" gibi tel çerçeveler üzerinde bazı ilginç bükülmeler vardır.

7. Etkileşimli Prototipler

Kullanıcı merkezli tasarım sürecinde bir başka baskın çıktı olan etkileşimli prototipler, bir ürüne hayat verir. İlkel prototipler çok fazla zaman ve para tasarrufu sağlar - gerçek bir kullanım senaryosunda işlerin nasıl yürüyeceğini gösterir ve hızlı tasarım yineleme ve kullanıcı testine izin verir. Ayrıca, bir tasarımcının UX tasarım sürecinin farklı aşamalarında tasarımlarını etkili bir şekilde iletmesine yardımcı olurlar.

Prototipleme, yineleme yoluyla keşif yolculuğunun herhangi bir noktasında gerçekleşebilir. Kağıt prototiplerden son derece parlak tasarımlara kadar, bir ürün prototipinin dahili incelemesi, gerçek bir kullanıcı onunla etkileşime girdiğinde ekipteki herkesin işlerin nasıl yürüyeceğini görmesini sağlar.

Statik çizimler ve tel çerçeveler, bir ürünü etkileşimli bir prototipin yapabileceği şekilde hayata geçirmez. Neredeyse sihirli bir şekilde, ürünün nasıl davranacağı, her şeyin nasıl birbirine bağlı olduğu görülür ve hissedilir. Farklı tasarımlar ve özellikler keşfedilebilir; yeni fikirler ortaya çıkabilir. Sorunlu noktalar tespit edilebilir ve garip etkileşimler ortaya çıkarılabilir.

Etkileşimli prototipler, kullanıcı testine son derece yardımcı olur. Potansiyel kullanıcılar, insanları statik sayfalarda gezdirmek yerine %100 gerçek gibi görünen bir ürünü test edebilir, fikir verebilir ve değerli geri bildirim verebilir.

Bu günlerde, tasarımcılar için prototip oluşturma araçları tüm şekil ve boyutlarda gelir. İşte UX tasarımı için 21 etkileşimli prototip oluşturma aracı.

8. Görsel Tasarım

Görsel tasarım, ürün üzerindeki “son kat boya”dır. Bununla birlikte, sadece bu değil: görsel tasarım, bir ürünün UX'ini büyük ölçüde etkileyebilir ve bu nedenle çok dikkatli bir şekilde ele alınmalıdır. Umarım, tasarımcıların görsellere odaklanabilmeleri için UX tasarım sürecinin önceki adımlarında birçok etkileşim tasarımı ve kullanılabilirlik buluşsal yöntemi çalışılmıştır. Ürünü bir sonraki seviyeye taşımak için son bir fırsat.

Görsel tasarım, geliştiricilere teslim edilmeden önceki son adım ve bir stil kılavuzunun ve son özelliklerin oluşturulduğu aşamadır. Bu sadece "her şeyi güzelleştirmek" ile ilgili değil, aynı zamanda bir marka renk şemasını tanımlama veya uygulama ve düzen, kontrast ve görsel hiyerarşi ile kullanılabilirliği etkileme fırsatıdır.

9. Geliştiriciler için Stil Kılavuzu ve Spesifikasyonlar

UX tasarım iş akışındaki son adım, geliştiriciler için spesifikasyonları ve bir stil kılavuzunu bir araya getirmektir. Bir ürünün tasarımının uzun vadede başarılı olması için stil kılavuzları bir zorunluluktur.

Stil kılavuzu, tasarımların marka bilinci oluşturma, görsel stiller, renkler, yazı tipleri ve tipografi genelinde tutarlı bir şekilde uygulandığından emin olmak içindir. Ayrıca tasarım kalıpları, dil, kurallar (klavye kısayolları ve veri görüntüleme kuralları gibi) ve UI davranışlarını (hata işleme gibi) belirtmek için de kullanılır.

Bazı stil kılavuzları ve spesifikasyonlar manuel olarak bir araya getirilir ve diğerleri otomatik olarak oluşturulur. Bir stil kılavuzunu manuel olarak bir araya getirmek sıkıcı bir süreçtir ve genellikle altı ay sürebilir, bu nedenle herhangi bir otomasyon aracı hoş bir zaman kazandırıcıdır.

Otomatik yollar, kullanılan araca göre değişir. Uzun bir süre boyunca hazırlanmış stil kılavuzlarına kıyasla tasarımları devretmek için daha çevik, aşamalı bir yoldur. Bunlar daha çok, takımdaki herkesin başvurabileceği raftaki "tarzın kutsal kitabı" gibi düşünülebilir.

Sketch'de çalışıyorsanız, Zeplin gibi tanrılar var. Zeplin, UI tasarımcıları ve ön uç geliştiriciler için bir işbirliği aracıdır. Tasarım iş akışının ötesine geçer ve tasarım tesliminde ekiplere yardımcı olur.

Ek olarak, Craft eklentisi ile Sketch'ten birkaç saniye içinde bir tasarım stil kılavuzu oluşturulabilir veya bu makalede özetlendiği gibi Market eklentisi ile bir HTML dosyası oluşturularak tasarımdan ölçüler ve CSS alınabilir.

İşte 50 harika stil kılavuzu örneği. Ayrıca biri BBC'den, diğeri IBM'den, her ikisi de kılavuzlarını çevrimiçi olarak barındırıyor ve bu da herkesin onu görüntülemesini kolaylaştırıyor.

10. Kullanılabilirlik Testi ve Kullanım Analitiği Raporları

Bir UX tasarımcısının işi asla bitmez. Bir ürünün piyasaya sürülmesinden sonra bile, geri bildirim toplama, kullanım hakkında veri toplama, iyileştirme, serbest bırakma ve döngüyü yeniden başlatma fırsatları vardır.

Bir kullanılabilirlik testi, hedef kullanıcılarınızın ürününüzü kullanıp kullanamayacağını size söyleyecektir. İnsanların belirli bir kullanıcı arayüzüyle yaşadığı sorunları belirlemeye yardımcı olur ve tamamlanması zor görevleri ve kafa karıştırıcı dili ortaya çıkarır.

Kullanılabilirlik testi raporları genellikle prototip oluşturma aşamasında sunulur, ancak iyileştirme için yer olabileceğini görmek için mevcut ürünleri kullanıcılarla test etmek alışılmadık bir durum değildir.

Kullanılabilirlik testi (toplama, sıralama ve raporların oluşturulması) sırasında toplanan verileri anlamak, UX uygulayıcıları arasında giderek daha yaygın bir görev haline geliyor – aslında, kritik bir UX becerisi haline geliyor. İşte bir kullanılabilirlik testi raporu şablonu.

Ürün doğaya salındıktan sonra, başka bir veri toplama seti – nicel bir yöntem – tasarım ekibine ürünün kullanıcılarla toplu ölçekte nasıl performans gösterdiğini söyleyecektir.

Kullanıcı davranışını yakalamak ve analiz etmek için sayısız araç ve yol vardır. Göz izlemeden tıklama izleme ve ısı haritalarına (tıklamaları, dokunmaları ve kaydırma davranışını gösteren), mobil ve web aygıtlarında her kullanıcının dijital ayak izini izleyen UI öğesi etiketlemeye kadar.

Analytics raporları, müşterilerin hangi özellikleri kullandığını, mobil Uygulamanızda veya sitenizde ne kadar zaman harcadıklarını, zaman içindeki eğilimleri gösterir ve sonuçları coğrafyalar, hesaplar, kullanıcılar ve özel segmentler arasında bir araya getirir. Özelliklerin nasıl ve kimler tarafından kullanıldığına dair tam görünürlük sağlarlar.

Analitik şirketleri genellikle talep üzerine otomatik olarak özelleştirilmiş raporlar oluşturur. Bu raporlar çok faydalıdır ve ürününüzün kullanımına ilişkin şaşırtıcı bilgiler sağlayabilir. Tüm müşterilerinizi kazanacağını düşündüğünüz bu harika özellik, neredeyse hiç kullanılmayabilir. Diğer taraftan, kullanıcı arayüzündeki küçük, önemsiz bir işlevin çok fazla kullanıldığını kanıtlayabilir ve bu belirli işlevi genişletmeye odaklanma zamanının geldiğine karar verebilirsiniz.

Bir UX tasarımcısının misyonu, şirketleri, insan davranışları, hedefleri ve motivasyonları hakkında derinlemesine bir anlayışa dayalı ürün ve hizmetler üretmeye teşvik etmektir. Yukarıdaki 10 UX çıktısı, "tasarım düşüncesi" ve kullanıcı merkezli tasarım sürecinin bir parçası olarak kullanıcılar için harika deneyimler oluşturdukları için UX Tasarımcıları tarafından en yaygın olarak üretilenlerden bazılarıdır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır