UI Tasarımcı Portföyü: Neye Bakılır, Ne Gösterilir
UI portföyü hazırlarken harcanan zamanın büyük kısmı yanlış yere gidiyor: grid düzenine, geçiş animasyonuna, ana sayfadaki renk paletine. Karşı taraftaki kişi ise tek bir şeye bakıyor, bu tasarımcı eline geçen problemi nasıl çözmüş. Aradaki fark portföyün kaç proje gösterdiğiyle değil, bir projeyi ne kadar açtığıyla kapanıyor.
Üç proje, on tane değil
Portföy tavsiyesi listelerinin çoğu kendi içinde çelişir. Aynı sayfada hem "farklı sektörlerden iş göster, esnekliğini kanıtla" hem "sadeleştir, az ve öz olsun" yazar. İkisi aynı anda olmaz. On projeyi siteye koyduğunuzda her birine düşen alan küçülür, küçülen alanda da kapak görselinden başka bir şey kalmaz.
Tercihi net yapın: üç proje, her biri sonuna kadar açılmış. Kalan işler istenirse gösterilir, ana sayfada durmalarına gerek yok. Çeşitlilik bir sektör listesiyle değil, problemlerin birbirinden farklı olmasıyla kanıtlanır. Bir e-ticaret akışı, bir veri yoğun panel ve bir mobil onboarding zaten üç ayrı zorluktur; üçü de perakende sektöründen olsa bile.
Vaka çalışması: ne vardı, ne değiştirdin, ne oldu
İyi bir vaka çalışması dört soruya cevap verir:
- Proje başladığında ortada duran somut problem neydi?
- Hangi kısıtla çalıştınız? Bütçe, mevcut tasarım sistemi, eski veritabanı şeması, iki haftalık sprint.
- Ne değiştirdiniz ve neden o değişiklik?
- Sonra ne oldu? Ölçüm varsa sayı, yoksa dürüst bir cümle.
Üçüncü soru genelde atlanır. "Kullanıcı araştırması yaptık, wireframe çizdik, prototip hazırladık" cümlesi süreç anlatmaz, süreç adlarını sıralar. Bunun yerine tek bir kararı seçip açın: neden tab yerine accordion, neden tek sayfalık form yerine üç adım. Bir karar gerekçesiyle anlatıldığında geri kalan yirmi kararın da düşünülerek alındığı anlaşılır.
Dördüncü soruda sayı bulamıyorsanız uydurmayın. "Dönüşüm %34 arttı" cümlesinin arkasında bir ölçüm kurulumu yoksa, ilk teknik görüşmede dağılır. "Yayına alındıktan sonra destek ekibine gelen adres sorusu azaldı, sayısal takip yoktu" demek daha güçlü duruyor.
Vaka çalışmasını PDF olarak koymam. Link paylaşılamıyor, arama sonuçlarında çıkmıyor, telefonda açıldığında iki parmakla yakınlaştırmak gerekiyor. Sayfa olarak yazın.
Portföyün kendisi de teslim edilmiş bir arayüz
Burada ilginç bir tutarsızlık çıkıyor. Sitede "kullanıcı odaklı tasarım" yazan bir portföy, ana sayfasında 8 MB'lık bir hero videosu taşıyorsa iddiasını kendi kodunda yalanlıyor. Karşı taraf bunu açıkça söylemez ama fark eder.
Görselleri dışa aktarmadan önce boyutlarına bakın, 4000 piksel genişliğinde bir mockup'ın sitede görüneceği alan 800 piksel. Mobilde kendi sitenizi baştan sona bir kez gezin. Menüyü, geri dönüşü, proje arası geçişi telefonda deneyin. Bunlar birer saatlik işler ve portföyün geri kalanından daha çok konuşuluyor.
Animasyon konusunda ölçü basit: geçiş, sayfanın yüklenmesini bekletiyorsa fazladır. Ziyaretçi işinize bakmaya geldi, giriş sekansına değil.
Bakmaya değer birkaç portföy
Aşağıdakiler tek tek farklı bir şeyi iyi yapıyor, tamamını kopyalamak için değil, o tek şeyi görmek için bakın:
- Gloria Lo: az sayıda proje, her biri derinlemesine açılmış. Üç proje tercihinin nasıl göründüğünün örneği.
- Josie Allison: vaka çalışmalarının okunabilirliği, uzun metni yormadan taşıyor.
- Stefan Hiienurm: büyük marka işlerinde sade renk kullanımı, işi öne çıkarıp siteyi geri çekiyor.
- Sarah Nowell: erişilebilirlik kararlarının vaka metnine yedirilmesi.
- Tara Lynne: kullanıcı akışlarının diyagramla anlatımı, ekran görüntüsü yığını olmadan.
Neyi dışarıda bırakmalı
Portföye ne koyacağınız kadar neyi almayacağınız da belirleyici. Talep edilmemiş yeniden tasarımlar, özellikle büyük bir uygulamanın "konsept redesign"ı, artık ayırt edici değil; herkeste var ve hiçbiri gerçek bir kısıtla karşılaşmamış. Yine de koyacaksanız kendinize bir kısıt uydurun ve onu yazın: mevcut tasarım sistemini bozmadan, tek bir ekran değiştirerek.
Okul projelerini ilk iki yıldan sonra çıkarın. Tek başına duran görsel denemeleri de öyle; güzel bir ekran, bir problemi çözdüğünüzü göstermiyor. Portföyü küçültmek onu zayıflatmaz, aksine geriye kalan işlerin her biri daha çok yer kaplar.