UX Portfolyo Örnekleri: Neyi Doğru Yapıyorlar

UX dünyasına adım atarken hepimiz en iyi örneklerden ilham alma içgüdüsüne sahibiz. Arama motorlarına “UX portfolyo örnekleri” yazarak bulduğumuz devasa siteleri incelerken çoğu zaman onların pürüzsüz görselliği karşısında kendi işlerimizin çok yetersiz olduğunu hissederiz. Oysa gerçek dünyada işe alım kararları sadece mükemmel piksellere veya büyüleyici arayüz animasyonlarına bakılarak verilmez. Doğru kurgulanmış bir örnek, görsel ihtişamdan çok düşünce sistematiğini ne kadar şeffaf anlattığıyla öne çıkar.

12 yıldır UX sektöründeyim. Son 5 yılı doğrudan işe alım tarafında, tasarımcıları değerlendiren ve ekipler kuran pozisyonlarda geçirdim. Masama gelen o “harika” görünen sayısız portfolyonun mülakat aşamasında nasıl çökebildiğini çok sık tecrübe ettim. Gerçekçi ve işe yarayan portfolyo örneklerinin ortak bir noktası var: Hepsi projenin etrafına tutarlı bir anlatı inşa etmeyi başarmış dosyalardır. Şimdi isim vermeden, sektörde gördüğüm başarılı yaklaşımları deşifre ederek sizin için hangi yapının daha uygun olabileceğine yakından bakalım.

UX Portfolyo’larda En Sık Görülen Yaklaşımlar

Sektörü genel olarak taradığınızda tasarımcıların dosya hazırlarken benimsediği iki veya üç farklı eğilim olduğunu fark edersiniz. Bazıları tamamen veriye ve araştırma notlarına dayanırken, bazıları estetik kaygıyı merkeze yerleştirir. Bu farklılıklar çoğunlukla kişinin başvurduğu rolden, çalıştığı şirket türünden ve kendi kişisel yetkinlik ağırlıklarından kaynaklanır.

Kullanıcı araştırmacısı ağırlıklı bir UX tasarımcısıysanız, doğal olarak persona haritaları, yolculuk haritaları (journey map) ve mülakat dökümleri öne çıkacaktır. Öte yandan Product Designer şapkası takıyorsanız, araştırma kadar iş hedefleri ve arayüz sistemi de başrolü kapacaktır. Burada önemli olan herkesin kendi güçlü yanını bilmesi ve portfolyo örneklerini incelerken “benim hikayem hangi yapıya uyuyor?” sorusunu dürüstçe sorabilmesidir. Her format herkes için çalışmaz.

Strong Case Study Yapıları

Güçlü bir case study okuduğunuzu, henüz ikinci paragrafta neyle karşılaştığınızı tam olarak anladığınızda fark edersiniz. En başarılı bulduğumuz anonim portfolyo sunumlarından birkaç yapısal örnek çıkarabiliriz.

İlk örneğimiz, tasarım kararlarını net bir iş problemi etrafında toplayan bir vaka. Tasarımcı, konuya karmaşık araştırma metotlarını sayarak girmek yerine “E-ticaret dönüşüm hunisindeki terk oranını azaltmak” olarak problemi çok net tanımlıyor. Ortada açık bir hedef var. Ardından “Bunu çözmek için neden sepetin son adımında takıldıklarını araştırdık” diyerek süreci iş hedefine bağlayıp öyle anlatmaya başlıyor. İşte bu, harika bir yapıdır.

İkinci örnek ise daha belirsiz bir keşif sürecini konu alıyor. Yeni piyasaya çıkacak bir sağlık uygulamasında (SaaS onboarding akışı) tasarımcı hiçbir veri yokken yola nasıl çıktığını anlatıyor. Burada başarının anahtarı kısıtları gizlememek. “Sadece 3 haftamız vardı ve yeterli gerçek kullanıcıya erişemedik. Gerilla testleriyle ilerledik” itirafı profesyonel bir olgunluk göstergesidir. İşe alım ekipleri mükemmel süreç görmez; kısıtlarla nasıl çalışıldığını arar. Bu tür dürüst anlatılar değerlendirenin zihninde kalır.

Bağlantılı Yazı: Güçlü İşi Zayıf Gösteren Yaygın UX Case Study Hataları

Process-Heavy vs Outcome-Heavy Portfolyo

Portfolyo incelemelerinde karşımıza çok sık çıkan iki büyük ağırlık merkezi vardır. Süreç odaklı (process-heavy) olanlar ve sonuç odaklı (outcome-heavy) olanlar. Her ikisinin de kendi artıları ve riskleri vardır.

Süreç odaklı portfolyolarda tasarımcı, A noktasından B noktasına giden yolu adım adım kanıtlamayı sever. Mülakatlar, wireframeler, eskizler, başarısız testler ardı ardına sıralanır. Bu yapı özellikle sistem kurmayı seven veya karmaşık kullanıcı ihtiyaçlarıyla boğuşan deneyimli tasarımcılar için harikadır. Ancak bu yöntemin tehlikesi çok çabuk sıkıcı hale gelebilmesidir. Süreç gösterilmeli evet ama okuyucuyu gereksiz detaylarla yoracak kadar uzatılmamalıdır.

Sonuç odaklı portfolyolar ise genellikle “İşte sorun, işte ortaya çıkan çarpıcı arayüz, işte yüzde 20 artan dönüşüm” diyerek ilerler. Vurucudur ve İK yöneticilerinin hızlı tarama anlarında hemen dikkat çeker. Ancak ürün yönetimi (product management) ekipleri veya UX liderleri bu sonuca nasıl ulaşıldığını görmek isteyeceği için alt metin eksik kalabilir. En iyi örnekler bu iki yaklaşımı başarıyla birleştiren hibrit modellerdir.

Visual-First vs Narrative-First Yaklaşımlar

Görsellik her zaman cezbedicidir. Görsel öncelikli (visual-first) yaklaşımlarda portfolyo devasa ekran görüntüleri, şık animasyonlar ve havalı mockuplar üzerinden ilerler. Estetik yetkinlik tartışmasız şekilde kanıtlanır ancak metin zayıf kaldığında “Bu kararı neden verdin?” sorusu havada asılı kalır.

Anlatı öncelikli (narrative-first) olanlarda ise hikaye okuyucuyu içine çeker. Paragraflar tasarımın arkasındaki beyni ortaya çıkarır. Sadece siyah beyaz wireframeler kullansanız dahi, bir problemi nasıl çözdüğünüzü anlatan o metinler ikna edicidir. Yetkin UX portfolyo örnekleri incelendiğinde, genellikle arayüzün harikalığından çok hikayenin akıcılığının (narrative) daha yüksek teklifler aldığı bir gerçektir.

Senior vs Junior Portfolyo Farkları

Sektörde çokça tartışılan bu konunun aslında tek bir kırılma noktası vardır: Kısıtları yönetebilme becerisi.

Bir junior tasarımcı portfolyosu genellikle “bootcamp” veya hayali (concept) projelerden oluşur. Bu çalışmalarda bütçe, zaman, yazılım kapasitesi gibi gerçek dünya kısıtları yoktur. Junior tasarımcılar süreci kusursuz bir sırayla işletip ideal sonuca ulaşırlar. Bizim bu portfolyolarda görmek istediğimiz asıl şey temel UX teorilerine hakimiyet ve problem çözme potansiyelidir.

Öte yandan bir senior tasarımcının portfolyosu karmaşayla doludur. Şirket hedeflerinin nasıl değiştiğini, ürün yöneticisiyle nerede anlaşmazlığa düştüklerini, eski ve hatalı bir altyapıya (legacy system) tasarımı nasıl uyarlamak zorunda kaldıklarını anlatırlar. Senior portfolyosunu değerli kılan şey kusursuzluk değil, o kriz anlarındaki esneklik (trade-offs) ve ticari kararlardır. Kısacası junior teorik dünyayı sunarken, senior acımasız pratik dünyanın gerçeklerini masaya koyar.

İlgili İçerik: Junior ve Senior UX Portfolyoları: Ne Değişir?

Anti-Patterns: Çok Yapılan ama İşe Yaramayan Şeyler

Adaylar genellikle başarılı buldukları formülleri tekrar ederler ancak bazı kalıplar var ki işe alım ekipleri için hiçbir değer taşımaz. Bu işe yaramayan şablonlara anti-pattern denir.

Örneğin internette bulunan stok insan fotoğraflarını kullanarak “Ahmet 34 Yaşında, Muhasebeci” şeklinde uzun uzun personalar (kullanıcı profilleri) kurgulayıp bunu sayfalarca sergilemek. Bu eğer gerçek bir kullanıcı araştırmasına dayanmıyorsa sadece boşluk doldurmaktan ibarettir.

Bir diğer sık rastlanan hata yeteneklerin yüzdelik veya yıldızlı puan barlarına dökülmesidir. “Photoshop %90, Figma %95” gibi subjektif değerlerin sektörde hiçbir analitik karşılığı yoktur. Aynı şekilde UX metodolojilerinin (örneğin Double Diamond süreci) teorik tanımını ansiklopedi gibi portfolyoya yazmak da zaman kaybıdır. İşe alım yapan yönetici zaten o teoriyi biliyordur, sizden istenen o teorinin kitap tanımı değil, projeye nasıl uygulandığıdır.

Senin Portfolyonu Nasıl Geliştirebilirsin?

Diğerlerinin ne yaptığını inceledikten sonra sıra bu çıkarımları kendi dosyalarınıza uygulamaya gelir. İlk kural, kendinize karşı dürüst olmaktır. Gerçekten o kullanıcı testini yapmadınız mı? Portfolyoya yazmayın. Tasarım sadece varsayımlara mı dayandı? O zaman “Eldeki veriler kısıtlı olduğu için kendi varsayımlarımız üzerinden bir MVP denemesi yaptık” deyin ve bu durumu avantaja çevirin. Dürüstlük her zaman sahte dökümantasyonlardan çok daha güçlü bir etki bırakır.

Metinlerinizi kısaltın, önemli yerleri kalın puntolarla vurgulayın ve başlıklarınızı okuyucuyu yönlendirecek şekilde (örneğin “Sorun” yerine “Neden Dönüşüm Oranlarımız Düşüyordu?”) yazın. O zaman portfolyonuz sıkıcı bir belgeden çıkıp okunan, merak uyandıran bir hikayeye dönüşecektir.

Bu süreçte sana eşlik edecek stratejik bir yapı ve mentor bakış açısına ihtiyaç duyarsan portfolyo.com üzerinden designer’lar için hazırlanan case study uygulamasını deneyebilirsin. Eğer daha çok İngilizce piyasaya hazırlık yapıyorsan, uxcase.app adresindeki şablonlar (şu an İngilizce) case study yazımında işini kolaylaştıracaktır.

Sıkça Sorulan Sorular

En iyi UX portfolyo örneklerini nerede bulabilirim? Arama yaparken Cofolios, Bestfolios gibi platformlara bakabilirsiniz. Ancak uyarmak gerekir ki orada sergilenenler genellikle işin görsel şov (visual first) kısmıdır. En iyi örnekleri bulmak için sadece görsellere değil, yazı metinlerindeki probleme yaklaşım biçimini okumaya odaklanın.

Bir portfolyonun iyi olduğunu gösteren en temel unsur nedir? Karmaşıklığın (complexity) ne kadar yalın anlatıldığıdır. Şirket içindeki en sıkıcı ve teknik konuyu, konuya yabancı birine ne kadar açık ve net anlatabiliyorsanız, o kadar iyi bir UX tasarımcısısınız demektir.

Junior seviyesinde biri olarak senior işlerinden ilham almalı mıyım? Kesinlikle almalısınız ancak kopyalamaya çalışmamalısınız. Senior portfolyolarındaki o karmaşık ticari kararlar junior projelerinde doğal durmaz. Oradan almanız gereken ilham, hikayeyi bölümlere ayırma ve problemleri sunma biçimidir.

Görselliği zayıf ama UX süreci güçlü bir portfolyo iş bulabilir mi? Evet, bulabilir. Özellikle sadece UX Araştırma (UX Research) veya daha teknik ürün tasarımı odaklı rollere başvuruyorsanız analitik tarafınızın güçlü olması yeterlidir. Ancak başvurduğunuz rol bir “UI/UX” veya “Product Designer” pozisyonu ise, minimum düzeyde de olsa modern estetik beklentilerini karşılamak zorundasınız.

Hiç yayınlanmamış projeleri koymak portfolyonun değerini düşürür mü? Hayır, düşürmez. Sektörde çok sayıda proje, yönetimsel sebepler veya şirket krizleri nedeniyle asla yayına alınmaz. Projenin neden canlıya geçmediğini kısaca belirterek oradaki tasarım yolculuğunuzun kalitesini çok rahatça kanıtlayabilirsiniz. Önemli olan sizin ne tasarladığınızdır.