En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler

Yayınlanan: 2022-03-11

Mükemmel bir UX tasarımcı portföyü oluşturmak için önemli miktarda zaman ve çaba harcanır. Harika bir UX ile doğru içerik türü seçilirse, değerli bir yatırım olacaktır.

Kazanan bir UX portföyü yapan nedir? Önceki “UX Portföyü İpuçları ve En İyi Uygulamalar” başlıklı bir makalede özetlendiği gibi, ilgi çekici bir hikaye anlatmak çok önemlidir. İşe alım yapanlar ve işinizi değerlendiren diğer kişiler meşgul - onlar sizin kesinti yapıp yapmadığınıza karar vermeden önce onlarla ilgilenmek için yalnızca birkaç dakikanız var.

İlgili becerilerin, kullandığınız araçların ve kaç yıllık tecrübenizin olduğu uzun bir liste, ziyaretçileriniz veya sunumunuz için gerçek bir fayda sağlamaz. Kullanıcı merkezli tasarım sürecinizi, yani sorunun nasıl çözüldüğünü ana hatlarıyla belirtmek daha önemlidir.

Becerileriniz, kullandığınız süreç ve uzmanlaştığınız proje türleri konusunda açık olun, ancak çok fazla bilgi sunmamaya dikkat edin. UX portföyleri, TÜM geçmiş çalışmaların bir retrospektifi olmamalıdır. Spesifik, yeni ve olağanüstü projeleri seçin ve bunları bir tasarım süreci olarak sunun.

İşe alma/UX yöneticileri görmek ister: kullanıcı araştırması, araştırma raporları, eskizler, tel çerçeveler, kullanıcı akışları, tel akışları, kullanıcı hikayeleri, müşteri yolculuk haritaları, prototipler, kullanıcı testi ve nihai ürün. Mümkünse, ürünün ne kadar başarılı olduğunu görmek için kullanılan analiz araçlarını da dahil etmek iyidir.

İşte hatırlamanız gereken birkaç nokta daha:

  1. Teknik jargona ve çarpıcı görüntülere dikkat edin; basit proje açıklamaları ve görseller daha etkilidir.
  2. Tel kafesler hoş değil, bu yüzden yapısal yeteneğinizi vurgulayın. Süreci paylaşın!
  3. Net proje özetleri yazın. Okunmasını kolaylaştırın—çok fazla metin değil!
  4. Gizlilik sorunu yoksa, çalışmanızın canlı örneklerine bağlantı verin.
    • Gizlilik sorunları varsa , şirket logolarını silin ve/veya görüntülerin alanlarını bulanıklaştırın. Parola korumalı bir sayfayla karşılaşmaktan daha büyük bir sonuç yoktur. Bu kötü UX.
  5. Birkaç paydaş referansı ekleyin.
  6. Her proje vaka çalışmasını öğrendiklerinizle sonuçlandırın.

Bir UX tasarımcısıysanız, UX portföyünüz olağanüstü UX göstermelidir.

Bir UX tasarımcısının portföyü bir beceri vitrininden daha fazlasıdır, keyifli bir kullanıcı deneyimi yaratmak için bir fırsattır, bu nedenle tasarımcıların iyi çalışmaya öncelik vermeleri, ilgi çekici bir hikaye anlatmaları ve UX ustalıklarını göstermeleri gerekir!

On İlham Verici UX Tasarımcı Portföyü

Karolis Kosas

Karolis, Litvanya, Vilnius'ta büyüdü ve şu anda Stripe'de ürün tasarımcısı olduğu San Francisco Körfez Bölgesi'nde yaşıyor. Diğer birçok ilginç, kendi başlattığı projenin yanı sıra, kelimelerinizi dünyanın herhangi bir yerine gerçek kağıt kartpostallar olarak gönderilebilen veya paylaşılabilen güzel renk gradyanlarına dönüştüren ücretsiz, son derece basit bir iPhone uygulaması olan Anchovy'nin kurucu ortağıdır. Facebook Messenger'da arkadaşlarla.

Kaya gibi sağlam UX tasarım ilkelerine dayanan bir başka harika UX tasarımcı portföyü
CUJO uygulaması, bir wifi ağındaki etkinliği izler ve kontrol eder.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Bu hoş görünümlü, iyi tasarlanmış bir UX tasarımcı portföyüdür. Açıkçası, Karolis UX'ini düşünerek zaman harcadı. Seyrek, temiz düzen ve harika UI tasarımlarının yanı sıra, tasarım sürecinde birçok ayrıntı sağlanmıştır. Örneğin, CUJO projesinde, araştırmasını yaparken kullanıcı tabanıyla nasıl etkileşime girdiğini, en büyük kullanıcı sorunlu noktalarını belirlediğini ve bunların daha fazla değer katabilecekleri noktalar üzerinde çalıştığını anlatıyor. Tüm projelerinde, tasarım kararlarının birincil itici gücü olarak UX araştırması merkezde yer alır ve projelerini ne kadar başarılı olduklarını açıklayarak tamamlar.

UX tasarımcı portföy sitesi şu adreste: http://karoliskosas.com

Harika UX tasarımcı portföyleri, yalnızca UX tasarım sürecini değil, nihai UI tasarımlarını da içerir.

Alex Lakas

Aslen Washington DC'den Alex, illüstratörden UX tasarımcısına döndü. B2B ürünlerine odaklanan bir işletmenin kurucu ortağı olmasının yanı sıra, Google Haritalar'da Yerel Arama Ekibi ile e-ticaret ve sosyal oyun projelerinde çalıştı. Eşzamanlı ve gelecekteki çabaları göz önünde bulundurarak, piksel mükemmelliği ve keyifli bir kullanıcı deneyimi sağlarken kullanıcıları ilk sıraya koymaya devam ediyor.

Pek çok UX projesinden biri - Google'ın popüler zamanları

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Projelerinden birini örnek alarak—Google Live Popular Times—Alex, projenin ne hakkında olduğunu, ne yaptığını ve oraya nasıl geldiğini açıkça ortaya koyuyor. Problemi ve tasarım problemi ifadesini derinlemesine araştırmak ve tanımlamak için gerçekleştirilen UX araştırmasını sunar. Ayrıca, mevcut bir ürün üzerindeki tasarım kısıtlamalarından ve basit bir çözüm bulmak için kullanıcı araştırması içgörülerini nasıl aldığından bahseder.

Tüm harika UX süreci vaka incelemeleri arasında, Dribble çekimine bağlanan ve proje hakkında hiçbir ayrıntı sunmayan bir proje küçük resmi olduğu için birkaç kek puanını geri alıyor. UX tasarımcılarının, profesyonelliği ve ziyaretçiye saygıyı yansıttığı için UX portföylerinde bir tasarım tutarlılığı sergilemeleri en iyisidir.

UX tasarımcı portföy sitesi şu adreste: https://www.alexlakas.com

Harika bir UX tasarımcı portföyü, süreç dökümünü içerir.

Simon Pan

Avustralya'da küçük bir kasabadan gelen Simon, şu anda San Francisco'da yerleşik bir ürün tasarımcısıdır ve Uber, Amazon, Google, Medium ve Barclays (bisiklet kiralama) gibi bazı büyük markaların projelerinde çalışmıştır.

Simon Pan UX tasarımcı portföyü

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Simon'ın vaka çalışmaları çok ayrıntılıdır ve ziyaretçileri tasarım sürecinde düşünceli bir şekilde yönlendirir. Barclays bisiklet kiralama sistemi için London By Bike uygulaması örneği özellikle kapsamlıdır. Potansiyel kullanıcıları gerçekten araştırdı ve tasarım kararlarına, önceliklere rehberlik etmek ve müşteri ile ekibi arasında empati yaratmak için proje boyunca kullandığı ayrıntılı kişilikleri buldu. “Kullanıcının ayakkabılarıyla bir mil yürümek” için kendisi bir gezintiye çıktı; bu durumda “bir mil sürün”. - :)

UX tasarımcı portföy sitesi şu adreste: http://simonpan.com

Ayrıntılı bir UX tasarım sürecine odaklanan bir UX tasarımcı portföyü.

ABD merkezli tam zamanlı serbest UX tasarımcıları istedi

Niya Watkins

Niya, Washington DC'de yaşayan serbest çalışan bir UX tasarımcısıdır. Daha önce uluslararası ilişkilerde çalıştı ve kamu hizmetindeki zamanının verimsiz, kötü tasarlanmış web sitelerinin üretkenliğe ne kadar engel olduğunu öğrendiğini söylüyor. Zamandan, enerjiden ve paradan tasarruf etmek için kendini sık sık yaratıcı çözümler kullanırken buldu ve ardından "yanlışlıkla" kullanıcı merkezli tasarıma, yani UX'e itildi.

Ayrıntılı ekran akışları, en iyi UX tasarımcı portföylerinin bir parçasıdır
Spotify mobil uygulamasında sosyal ağ özelliklerinin prototipi.

UX Tasarımcı Portföyü Hakkında Harika Neler Var?

Başlamak için Niya bize her projenin arka planını, rolünü ve araştırma sürecini veriyor. Ardından, kişiler, kart sıralama, bilgi mimarisi, site haritası, etkileşim tasarımı, tel çerçeveler, prototipler, kullanıcı testi ve harika bir UX tasarımcısının en iyi tasarımlara ulaşmak için attığı diğer tüm tipik adımlar için kendi sürecine girer. Hatta herkesin kontrol etmesi için InVision prototipine bir bağlantı bile içeriyor. Çok kapsamlı.

Rahul'un birkaç incelemesinde olduğu gibi, site gezinme sorunları nedeniyle birkaç kek puanını geri alıyoruz (bu bir Squarespace şablon sınırlaması olabilir - yine de tasarımı kötü). Ayrıca, "son projeler" bölümünde ana sayfasında dört proje var ve ziyaretçileri "hepsini görmeye" davet ettiğinde aynı dört projeyi görüyoruz, başka bir şey değil. Beklenen bu değildi ve kötü bir UX.

UX portföy sitesi şu adreste: https://www.niyawatkins.com

Spotify marka tasarımları - en iyi UX tasarım portföyleri, sağlam UX tasarım ilkelerine dayalı çalışmaları gösterir.

Pendar Yusufi

Pendar 60'ların Amerika'sında büyümedi ve hiç aya gitmedi, ama her zaman zor olduğu için bir şeyler yaptı. Bugün kendisini, ürünlerini her ay kullanan dünya nüfusunun %10'una yardım etme misyonuyla Google Translate'deki tasarım ekibinin başında buluyor.

UX tasarımcı portföyü

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Gerçekten sulu UX vaka çalışmaları. Pendar, projelerinin her birinde UX tasarım süreci hakkında büyük ayrıntılara giriyor, sorunu ve her birinin sunduğu zorlukları sunuyor. UX tasarım örnek olay incelemelerine ve ekibin ürün sorunu etrafında ortaya koyduğu hipotezlere bakıldığında, büyüleyici ve eğitici bir okuma ortaya çıkıyor. Genellikle ürün ekibi, bir sorunun neden var olduğuna dair bir sürü neden varsaydılar, ancak kullanıcı araştırmasından sonra bu varsayımların tamamen yanlış olduğunu anladılar.

UX tasarım süreci vaka çalışmaları çok ayrıntılı - neredeyse çok fazla - ancak hacimlerine rağmen okunması kolay çünkü süreçte bize rehberlik ederken açıklayıcı görüntüler ve metin arasında tam olarak doğru denge var. Kullanıcı testi tasarımın yanlış yöne gittiğini gösterdiğinde, ekibin nasıl keskin bir dönüş yaptığını ve rotayı nasıl düzelttiğini görmek büyüleyici.

UX portföy sitesi şu adreste: https://mahimoto.com/projects

UX projelerinin UX tasarım kılavuzları, birçok UX tasarımcı portföyü en iyi uygulamalarından biridir.

Rahul Jain

Rahul, 2018 yazında Google'da staj yapan yeni başlamış bir UX/ürün tasarımcısıdır. Deneyimlerini ve öğrendiklerini ayrıntılı ve öz-yansıtıcı bir şekilde yazar. UX stajından önce, hem kurumsal hem de başlangıç ​​ortamlarında UI ve UX tasarımcısı olarak 3 yıl çalıştı. UX portföyü, Amazon Go Plus, GE Appliances ve ABD Sağlık ve İnsan Hizmetleri Departmanı için yapılan çalışmaların örnek olay incelemelerini içerir.

Bir UX portföyü, tel çerçeveler gibi ayrıntılı bir UX süreci göstermelidir.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Rahul'un vaka çalışmaları çok ayrıntılıdır ve insanları tasarım sürecinde kolayca tüketilebilir bir şekilde yönlendirir. Bazı tasarımcılar vaka incelemelerine çok fazla metin ekleme hatasına düşüyorlar - çoğu gözden geçiren/işe alım görevlisi meşgul ve bu kadar ayrıntıya girecek zamanları yok. Grafikleri ve çizelgeleri kullanın, sürecin kalbine inerler ve okunabilirliği hızlandırırlar.

Bazı site gezinme sorunları nedeniyle ve genel bir hedef açıklaması kullandığımız için birkaç kek puanını geri alıyoruz. Tasarımcı hedef beyanı: “ Bir tasarımcı olarak hedefim, insanları memnun eden ve karmaşık iş sorunlarını çözen ilgi çekici, işlevsel ve erişilebilir kullanıcı deneyimleri yaratmaktır ”, onu diğer elli bin UX tasarımcısından farklılaştırmıyor. UX tasarımcılarının kendileri hakkında benzersiz olan bir şeyi paylaşarak kendilerini öne çıkarmaları gerekir.

Sitenin navigasyonu harika değil. “İş” ve ana sayfa tamamen aynıdır. “Hakkında” seçeneğine tıklarsanız, aynı sayfayı tekrar tekrar yeni bir tarayıcı sekmesine yükler.

Pek çok UX tasarımcısı Squarespace, Wix, vb.'den portföy şablonları kullanır ki bu iyidir - yine de UX portföyünüzün kendi UX'ine sahip olduğunu ve sizin kullanılabilirliğe , yani portföyünüzün UX tasarımına göre değerlendirileceğinizi unutmamak önemlidir.

UX tasarımcı portföy sitesi şu adreste: https://rahuljain.co

En iyi UX tasarım portföyleri, UX tasarım süreci hakkında çok şey içerir.

Samuel Medvedowsky

Samuel, şu anda Metalab'da çalışan Paris merkezli bir Fransız UX ve Etkileşim tasarımcısıdır. Hem büyük hem de küçük şirketler için tasarımlar yaptı ve kullanışlı, kullanışlı ve ilgi çekici ürünlerin yanı sıra keyifli kullanıcı deneyimleri yaratmanın yenilikçi yollarını bulmaktan keyif alıyor.

UX tasarım sürecini göstermek, en iyi UX tasarım portföylerinin ayırt edici özelliğidir.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Diğer başarılı UX tasarımcı portföylerine paralel olarak, Samuel ziyaretçilere belirli bir projenin arka planı, rolü ve karşılaştığı zorluklar hakkında bilgi verir. Bir projeyi incelerken, bize derin kullanıcı araştırmasının, kullanıcının sorunlu noktalarının nerede olduğunu gösterdiğini ve net hedefler ve kapsam tanımlamasına yardımcı olduğunu anlatıyor. UX tasarım süreci, proje adımları boyunca açıkça gösterilmiştir.

Bu incelemeye dahil edilen diğer birkaç portföyde olduğu gibi, site gezinme sorunları nedeniyle birkaç kek puanını geri alıyoruz. Ana sayfadayken, “Örnek Olaylar” gezinme bağlantısı sayfayı yeniden yükler. Ayrıca, pastanın üzerine krema olacak bir şey de eksik: Her projenin sonunda öğrendikleri hakkında hiçbir çıkarım yok.

UX portföy sitesi şu adreste: http://www.samuel-medvedowsky.com

TV UI tasarım çalışmalarını sergileyen bir UX portföyü.

Kristian Tumangan

Kristian, birkaç yıllık şirket içi ve ajans deneyimine sahip bir California yerlisidir. Kendi kendini motive eden bir tasarımcı, özellikle kullanıcı davranışını anlamaktan ve bu bilgileri keyifli deneyimler tasarlamak için kullanmaktan hoşlanıyor.

UX tasarım sürecini göstermek, en iyi UX tasarım portföylerinin ayırt edici özelliğidir.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Kristian'ın UX tasarım süreci, proje adımlarında açıkça gösterilmiştir. Tipik UX tasarım yöntemleri ve müteakip UX yapıları adım adım gösterilir: keşif, kişilikler, storyboard, eskizler, tel çerçeveler, prototipler, site haritaları, kullanıcı testi vb. Ve projeden aldığı önemli öğrenmeleri bitiriyor. Sorunu, çözümü, rolünü, süreç boyunca kullandığı araçları ele alıyor ve canlı Marvel prototipine bir bağlantı sağlıyor.

Yine, bu incelemeye dahil edilen diğer UX tasarımcı portföylerinde olduğu gibi, sitede gezinme sorunları ve "Hakkında" sayfasının altındaki saçma sapan şeyler nedeniyle birkaç kek puanını geri alıyoruz: "Nadiren golfçü, oyuncu, internet sörfçü, şekerleme, ara sıra gezgin ve iyi bir aşçı.” UX tasarımcıları sitelerinin UX'ine dikkat etmelidir .

UX tasarımcı portföy sitesi şu adreste: http://www.ktumangan.com

Mobil ekranlara sahip bir başka harika UX tasarımcı portföyü.

Adithya Holehonnur

Adi, çocukluğunun çoğunu ormanlarda dolaşarak veya kriket oynayarak geçirdiği Hindistan'daki batı ghatlarının kalbindeki küçük bir kasaba olan Kudremukh'ta büyüyen, UX tasarımcısı olan bir yazılım mühendisidir. Şu anda Honeywell, Bangalore için UX tasarım lideri olarak çalışıyor.

UX tasarım ilkelerini gösteren bir UX tasarımcı portföyü.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Nihai uygulama tasarımlarının animasyonlu GIF'leriyle dolu bu UX tasarımcı portföyü, yalnızca ayrıntılı vaka çalışmaları nedeniyle değil, aynı zamanda her projenin altındaki “yansımalar” bölümü için de öne çıkıyor; UX tasarımcıları olarak her projeden öğrenmeye devam ediyoruz. Tut. Adithya ayrıca, ziyaretçilerin hangi tasarım hedefine ulaşıldığını, ürün tasarım sürecinin başarılı meyvelerini görmeleri için vaka incelemelerinin sonunda elde edilen sonuçları da sunuyor.

UX tasarımcı portföy sitesi şu adreste: https://www.adithyaholehonnur.com

En iyi UX tasarım portföyleri, UX tasarım sürecini gösterir.

Dora Dişi

Dora, dünyanın önde gelen tasarım okullarından ikisinde endüstriyel tasarımcı olarak eğitim aldı. Güzel ortamlar, yaratıklar ve nesneler tarafından büyülenen o, aynı zamanda tasarım felsefesi ve ürün yapımının sosyal etkilerini incelemekle de ilgileniyor. UX tasarımının karmaşıklığından ve hızlı temposundan hoşlanıyor ve yeni ürün fikirlerini ticarileştirme olanaklarını keşfetmeyi seviyor çünkü kârlılık ve iş başarısının sanatçıların ve tasarımcıların yalnızca hayatta kalmalarını değil aynı zamanda gelişmelerini de sağlayacağına inanıyor.

Kapsamlı bir UX tasarımcı portföyünde UX tasarım sürecini gösterme.

Bu UX Tasarımcısı Portföyünün Harika Özellikleri

Dora, Springboard'un UX Kursu'ndan yeni mezun oldu. “Five-to-Eight” başlıklı projesi için UX tasarımcı portföyü vaka çalışması örnek teşkil ediyor. Kullanıcı merkezli tasarım süreci ve nihai tasarımlarına nasıl ulaştığı hakkında harika, adım adım ayrıntılara giriyor.

UX portföy vaka çalışması burada bulunabilir: https://www.daorongfang.com/5-to-8

UX tasarım sürecini UX kursu capstone projesi UX tasarımcı portföyünde gösteriyor.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • UX Portföyü İpuçları ve En İyi Uygulamalar
  • Kullanılabilirlik ve Portföy Tasarımı Sanatı: Bir Toptal Tasarım Konuşması
  • Tasarım Çalışmasını Sunmak: Doğru Yol
  • En İyi UX Araçları (İnfografik ile)
  • Kullanıcı Deneyiminin Denenmiş ve Gerçek Yasaları (Infografik ile)