UX/UI tasarımcı portfolyosu hazırlama: vaka çalışmasından sunuma

UX portfolyosu neyi göstermelidir?

UX/UI portfolyosu, bir tasarımcının problemi nasıl anladığını, nasıl düşündüğünü ve kararlarını neye dayandırdığını gösteren çalışma koleksiyonudur. İşe alım yapan kişi ekran görüntülerinden fazlasını arar: Hangi problemi çözdün, kimin için, hangi kanıta dayanarak, hangi seçenekleri eledin, sonuç ne oldu? Bu yüzden güçlü portfolyo bir resim galerisi değil, kısa ve iyi anlatılmış vaka çalışmalarından (case study) oluşur.

Portfolyo şu sorulara yanıt vermelidir. Süreç: Araştırmadan teslime kadar sistematik çalışabiliyor musun? Zanaat: Arayüz kalitesi, tipografi, hiyerarşi ve etkileşim ayrıntıları yeterli mi? İletişim: Kararlarını başkalarına anlaştırabiliyor musun? İlk bakışta bu soruların yanıtı alınabiliyorsa portfolyo işini yapıyor demektir.

Portfolyoyu bir hedef role göre kurgulayın. Ürün tasarımı, kullanıcı araştırması ya da arayüz tasarımı odaklı pozisyonlar aynı çalışmalardan farklı yönleri öne çıkarmanızı gerektirir. Giriş seviyesindeyseniz birkaç iyi anlatılmış çalışma, çok sayıda yüzeysel çalışmadan daha etkilidir.

Vaka çalışması nasıl kurulur?

Güçlü bir vaka çalışması hikâye gibi ilerler ve şu bölümlere ayrılır:

• Özet: Proje, rol, ekip, kullanılan araçlar ve çalışmanın tek cümlelik sonucu. Okuyan kişi birkaç saniyede neyle karşılaşacağını anlamalı.
• Problem ve bağlam: Kimin hangi sorunu yaşadığı, iş hedefi ve kısıtlar.
• Araştırma: Hangi yöntemler kullanıldı (kullanıcı görüşmeleri, rakip analizi, anketler), neyi öğrendin?
• Tanımlama: Araştırmadan çıkan içgörüler, persona, yolculuk haritası ya da problem ifadesi.
• Fikir ve tasarım: Kullanıcı akışları, wireframe'ler, alternatifler ve neden birini seçtiğin.
• Test ve yineleme: Kullanılabilirlik testi bulguları ve tasarımın bunlara göre nasıl değiştiği.
• Sonuç ve öğrenilenler: Ne başarıldı, neyi farklı yapardın?

Her bölümde yalnızca sonucu değil, karar gerekçesini gösterin. "Menüyü sadeleştirdim" yerine "Görüşmelerde kullanıcıların menüde aradıklarını bulamadığını gördüm; bu yüzden kategori etiketlerini kullanıcıların kullandığı kelimelerle yeniden adlandırdım" yazın.

Ekip çalışması varsa kendi katkınızı net belirtin. "Biz" diyerek başladığınız cümleleri, "Ben şunu yaptım" ile somutlaştırın; böylece işe alım yapan kişi sizin neyi sahiplendiğinizi anlar.

Hangi projeleri seçmeli? Deneyim yoksa ne yapmalı?

Seçim ölçütü, gösterilen derinliktir. Sürecin tamamını sergileyebildiğiniz, kararlarınızın gerekçesini anlatabildiğiniz projeleri öne alın. Gerçek müşteriyle çalışılmış proje çok değerlidir; yoksa şu alternatifler kullanılabilir:

• Eğitim ya da bootcamp sırasında yürütülen gerçek müşteri projeleri.
• Var olan bir ürünün sorunlarını araştırıp önerdiğiniz yeniden tasarım çalışması. Burada ürünün sahibi olmadığınızı ve varsayımlarınızı açıkça belirtin.
• Gönüllü ya da küçük ölçekli işletmeler, topluluklar için yapılan projeler.
• Kendi tanımladığınız bir problem için baştan sona yürüttüğünüz özgün ürün çalışması.

Çalışmayı gerçek veriye dayandırmak önemlidir. Birkaç kullanıcıyla yapılmış görüşme ve test bile, hiç araştırma yapmadan çizilmiş şık ekranlardan daha güçlü bir sinyaldir. Kopya çalışmalardan, hazır şablon doldurmalardan ve başkasının çalışmasını kendi gibi göstermekten kaçının; işe alım yapan kişiler genellikle bunu fark eder.

Gizlilik varsa (şirket çalışması), hassas içeriği bulanıklaştırın ya da veri değiştirin, izin alın ve gizlilik anlaşmasına uyun. Sürece odaklanmak çoğu zaman bu kısıtın üstesinden gelir.

Sunum: site, düzen ve ilk izlenim

Portfolyo için kendi alan adınız altında basit bir site, tasarım araçlarının sunduğu sayfa yayımlama özellikleri ya da portfolyo platformları kullanılabilir. Önemli olan hızlı yüklenmesi, mobilde düzgün görünmesi ve ilk ekranda kim olduğunuzu ve ne yaptığınızı söylemesidir. Gezinme basit olmalı: Çalışmalar, hakkımda ve iletişim yeterlidir.

Çalışmaları listeleme sayfasında her proje için kapak görseli, başlık, rol ve tek cümlelik özet verin. Okuyucunun tıklayıp tıklamayacağına bu birkaç unsur karar verir. Uzun vaka çalışmasını başlıklarla, kısa paragraflarla ve görsellerle tarayın; ana mesaj başlıklardan okunabilmelidir.

Portfolyoyu bir ürün gibi ele alın: Kendi kullanıcınız işe alım yapan kişidir. Okuma süresi sınırlı, dikkat dağınıktır. Dolayısıyla en güçlü çalışmanızı üstte tutun, gereksiz animasyonlardan kaçının ve iletişim bilgilerini kolay ulaşılır yapın. Başvuru yaptığınız şirketin ürününü inceleyip ilgili çalışmanızı öne çıkarmak da fark yaratır.

Erişilebilirliğe kendi sitenizde dikkat edin: Metin kontrastı, görsel alternatif metinleri ve klavye ile gezinme tasarım becerinizin parçasıdır.

Görsel ve anlatım: neleri göstermeli?

Görseller anlatıyı desteklemeli, süslememelidir. Sürecin ara ürünleri (kullanıcı akışı, wireframe, yakınlık haritası, test notları) ve sonuç ekranları birlikte yer almalıdır. Yalnızca cilalı son ekranlar gösterilirse tasarımın nasıl ortaya çıktığı görünmez; yalnızca karalama gösterilirse zanaat görünmez.

Her görsele kısa bir başlık ve ne gösterdiğini anlatan bir cümle ekleyin. Tasarım dosyalarından alınan ekran görüntülerinde ilgili alanı vurgulamak, okuyucunun neye bakması gerektiğini söyler. Prototip bağlantısı ya da kısa bir ekran kaydı etkileşimi göstermek için etkilidir.

Metinde jargondan kaçının; belirsiz kalıpları ("kullanıcı odaklı", "sezgisel", "modern") somut ifadelerle değiştirin. "Sezgisel bir arayüz tasarladım" yerine "Testte katılımcıların görevi yardımsız tamamladığını gördüm" demek, iddiayı kanıta bağlar.

Sonuçları uydurma ya da şişirme yapmayın. Ölçüm yoksa niteliksel sonucu dürüstçe anlatın: Test katılımcılarının söyledikleri, tasarımın ne ölçüde işe yaradığını göstermek için yeterli olabilir.

Sık yapılan hatalar

• Süreç olmadan yalnızca güzel ekranlar göstermek. Tasarım kararının gerekçesi yoksa portfolyo zanaat vitrini olarak kalır.
• Çok sayıda ama yüzeysel proje eklemek. Niteliği artırmak yerine kapsamı genişletmek okumayı zorlaştırır.
• Rolü belirsiz bırakmak. Ekip çalışmasında kendi katkısı belli olmayan vaka, değerlendirilemez.
• Uzun metin duvarları. Taranabilir başlıklar ve görsel destek olmadan vaka çalışması okunmaz.
• Hedef rolü düşünmemek. Her pozisyon için aynı portfolyoyu göndermek yerine ilgili çalışmayı öne çıkarın.
• Kullanıcıyı atlamak. Araştırma ve test olmayan çalışma, tasarım kararlarını varsayıma dayandırır.
• Güncel olmamak. Eski, kalitesiz çalışmaları silmek, yeni ve güçlü çalışmaları öne almak gerekir.
• Başarısızlıktan saklanmak. Yanlış giden bir varsayımı ve ondan öğrendiklerini anlatmak, olgunluk gösterir.

Öğrenme yolu ve Mindset programları

Başlangıçta tek bir çalışmayı baştan sona, araştırma ve test dahil yürütün; ardından vaka çalışması olarak yazın. Yazı, tasarımdan ayrı bir beceridir ve ilk taslaklar genellikle fazla uzun ve süreçten çok sonuca odaklı olur; bir meslektaşınıza okutup netleştirin.

Orta düzeyde farklı türde projeler (mobil uygulama, web, kurumsal yazılım) ve farklı yöntemler (araştırma ağırlıklı, arayüz ağırlıklı) ekleyin. İleri düzeyde portfolyonuz ürün sonuçlarına, ekip içi liderliğe ve tasarım sistemi çalışmalarına dayanan çalışmalarla zenginleşir.

Mindset kataloğunda UX/UI Bootcamp programı kullanıcı araştırmaları, bilgi mimarisi, UI tasarım temelleri, tasarımdan koda, gerçek müşteri projeleri (keşif ve tanımlama, tasarım, prototip ve test) ve "Portfolyo, Kariyer Koçluğu ve Mezuniyet" modüllerini içerir. UX / UI Uzmanlığı Sertifika Programı ise Figma ileri düzey kullanımı, wireframe ve prototip, yüksek doğruluklu prototip ve kullanılabilirlik testi ile "Portfolyo Temelleri ve Sertifika Kapanışı" modüllerini kapsar. Bu modüllerde üretilen çalışmalar portfolyoya vaka çalışması olarak girdi sağlar.