<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Junior Designer - Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</title>
	<atom:link href="https://poryaz.com/tag/junior-designer/feed/" rel="self" type="application/rss+xml" />
	<link>https://poryaz.com</link>
	<description>Mobil Arayüz Tasarımı, Mobile Ui/UX Designer, Mobile Interface Design, Web Arayüz Tasarımı, Burak Poryaz</description>
	<lastBuildDate>Mon, 10 Aug 2026 13:12:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://poryaz.com/wp-content/uploads/2023/11/cropped-favicon-1-32x32.png</url>
	<title>Junior Designer - Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</title>
	<link>https://poryaz.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>UI/UX Tasarımda Kullanıcı Araştırması Yapmadan Ekran Tasarlamak Neden Riskli?</title>
		<link>https://poryaz.com/ui-ux-tasarimda-kullanici-arastirmasi-yapmadan-ekran-tasarlamak/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Mon, 10 Aug 2026 13:12:28 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Growth]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[Junior Designer]]></category>
		<category><![CDATA[Kullanıcı Araştırması]]></category>
		<category><![CDATA[Tasarım Kariyeri]]></category>
		<category><![CDATA[UI/UX Tasarım]]></category>
		<category><![CDATA[UX Portfolio]]></category>
		<category><![CDATA[UX Research]]></category>
		<category><![CDATA[Yapay Zeka]]></category>
		<guid isPermaLink="false">https://poryaz.com/ui-ux-tasarimda-kullanici-arastirmasi-yapmadan-ekran-tasarlamak/</guid>

					<description><![CDATA[<p>UI/UX tasarımda kullanıcı araştırması yapmadan ekran tasarlamak hızlı görünebilir ama yanlış varsayım, boşa giden zaman ve zayıf ürün kararları yaratabilir.</p>
<p>The post <a href="https://poryaz.com/ui-ux-tasarimda-kullanici-arastirmasi-yapmadan-ekran-tasarlamak/">UI/UX Tasarımda Kullanıcı Araştırması Yapmadan Ekran Tasarlamak Neden Riskli?</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>UI/UX tasarımda ekran tasarlamak bazen çok hızlı başlayabiliyor.</p>
<p>Bir fikir geliyor.</p>
<p>Figma açılıyor.</p>
<p>Birkaç frame hazırlanıyor.</p>
<p>Butonlar, kartlar, renkler, görseller derken ortaya güzel görünen bir arayüz çıkıyor.</p>
<p>Ama burada önemli bir soru var:</p>
<p><strong>Bu ekran gerçekten kullanıcının ihtiyacına mı cevap veriyor, yoksa sadece bizim varsayımımıza mı?</strong></p>
<p>Bence kullanıcı araştırması yapmadan ekran tasarlamanın en büyük riski bu.</p>
<p>Güzel görünen bir ekran yapabilirsin.</p>
<p>Ama yanlış problemi çözüyorsan, o ekran ürüne çok az değer katar.</p>
<h2>Kullanıcı araştırması nedir?</h2>
<p>Kullanıcı araştırması, kullanıcının neye ihtiyaç duyduğunu, nasıl düşündüğünü, nerede zorlandığını ve bir ürünü nasıl kullandığını anlamaya çalışmaktır.</p>
<p>Bu her zaman büyük bir araştırma projesi olmak zorunda değil.</p>
<p>Bazen birkaç kullanıcı görüşmesi bile çok şey gösterir.</p>
<p>Bazen basit bir usability test yeterli olur.</p>
<p>Bazen support mesajları, analytics verisi, satış ekibinden gelen notlar ya da kullanıcı yorumları da iyi sinyal verir.</p>
<p>Önemli olan şu:</p>
<p>Tasarım sadece bizim kafamızdaki kullanıcıya göre yapılmamalı.</p>
<p>Gerçek kullanıcı davranışıyla temas etmeli.</p>
<h2>Varsayım hızlıdır ama pahalı olabilir</h2>
<p>Varsayım ile tasarım yapmak hızlıdır.</p>
<p>Çünkü kimseyi dinlemezsin.</p>
<p>Soru sormazsın.</p>
<p>Test yapmazsın.</p>
<p>Direkt ekrana geçersin.</p>
<p>İlk başta bu verimli gibi görünür.</p>
<p>Ama yanlış varsayım üzerine kurulan tasarım sonradan daha fazla zaman kaybettirir.</p>
<p>Akış baştan değişir.</p>
<p>Metinler değişir.</p>
<p>Componentler boşa çıkar.</p>
<p>Geliştirici tekrar uğraşır.</p>
<p>Ürün ekibi tekrar karar almak zorunda kalır.</p>
<p>Yani araştırma yapmadığın için kazandığını düşündüğün zaman, sonradan daha büyük bir revizyon olarak geri dönebilir.</p>
<h2>Güzel ekran her zaman doğru ekran değildir</h2>
<p>Bu cümleyi sık sık düşünüyorum.</p>
<p>Bir ekran çok temiz görünebilir.</p>
<p>Tipografisi iyi olabilir.</p>
<p>Renkleri güzel olabilir.</p>
<p>Boşlukları dengeli olabilir.</p>
<p>Ama kullanıcı ne yapacağını anlamıyorsa, o ekran zayıftır.</p>
<p>Kullanıcı yanlış butona basıyorsa, zayıftır.</p>
<p>Kullanıcı işlemi tamamlayamıyorsa, zayıftır.</p>
<p>Product design tarafında mesele sadece görsel kalite değil.</p>
<p>İşlev, akış, netlik ve kullanıcı davranışı da işin içinde.</p>
<p>Bu yüzden kullanıcı araştırması tasarımcının elini zayıflatmaz.</p>
<p>Tam tersine, tasarım kararını güçlendirir.</p>
<h2>Junior tasarımcılar için neden önemli?</h2>
<p>Junior tasarımcılar genelde görsel tarafı geliştirmeye çok odaklanıyor.</p>
<p>Bu normal.</p>
<p>Figma, UI kit, renk, kart, button, dashboard, mobil app ekranı&#8230;</p>
<p>Bunlar öğrenilmeli.</p>
<p>Ama sadece ekran üretmek yeterli değil.</p>
<p>Bir junior tasarımcı şu soruları sormaya başlarsa hızlı gelişir:</p>
<ul>
<li>Bu ekran hangi problemi çözüyor?</li>
<li>Kullanıcı burada ne yapmak istiyor?</li>
<li>En kritik aksiyon ne?</li>
<li>Kullanıcı nerede hata yapabilir?</li>
<li>Bu akışı nasıl test edebilirim?</li>
<li>Bu tasarım kararını neye dayanarak verdim?</li>
</ul>
<p>Bu sorular portfolio tarafında da fark yaratır.</p>
<p>Çünkü case study içinde sadece final ekran değil, düşünme biçimi de görünür.</p>
<p>Bu konuya yakın olarak <a href="https://poryaz.com/junior-ui-ux-tasarimcilar-2026-nasil-one-cikar/">Junior UI/UX Tasarımcılar 2026’da Nasıl Öne Çıkar?</a> yazısına da bakabilirsin.</p>
<h2>Basit araştırma yöntemleri</h2>
<p>Kullanıcı araştırması deyince göz korkutmaya gerek yok.</p>
<p>Başlangıç için basit yöntemler yeterli olabilir.</p>
<h3>Kullanıcı görüşmesi</h3>
<p>Ürünü kullanan ya da kullanması beklenen kişiyle konuşursun.</p>
<p>Ne yapmaya çalışıyor?</p>
<p>Nerede zorlanıyor?</p>
<p>Bugün bunu nasıl çözüyor?</p>
<p>Bu sorular bazen tasarım brief’inden daha değerli cevaplar verir.</p>
<h3>Usability test</h3>
<p>Kullanıcıya küçük bir görev verirsin.</p>
<p>Mesela “Bu ekrandan yeni proje oluştur.”</p>
<p>Sonra kullanıcıyı izlersin.</p>
<p>Nerede duruyor?</p>
<p>Neyi anlamıyor?</p>
<p>Neye yanlış basıyor?</p>
<p>Bunlar arayüzün gerçek testidir.</p>
<h3>Analytics ve metrikler</h3>
<p>Kullanıcı hangi adımda bırakıyor?</p>
<p>Hangi butona basıyor?</p>
<p>Formu tamamlıyor mu?</p>
<p>Nerede hata alıyor?</p>
<p>Bunlar tasarım kararına veri ekler.</p>
<p>Bu konuda <a href="https://poryaz.com/product-designer-ux-metrics-neden-onemli/">Product Designer Olmak İsteyenler İçin UX Metrics Neden Önemli?</a> yazısı iyi bir devam olabilir.</p>
<h3>Support ve kullanıcı yorumları</h3>
<p>Bazen en iyi araştırma sinyali support mesajlarında olur.</p>
<p>Kullanıcı aynı şeyi tekrar tekrar soruyorsa, orada UX problemi olabilir.</p>
<p>App store yorumları, müşteri mesajları, satış görüşmeleri ve feedback formları da tasarımcı için güçlü kaynaklardır.</p>
<h2>AI bu riski artırabilir mi?</h2>
<p>Bence evet, artırabilir.</p>
<p>Çünkü AI ile ekran üretmek çok hızlandı.</p>
<p>Bir prompt yazıp hızlıca modern görünen bir ekran alabiliyoruz.</p>
<p>Bu iyi bir şey.</p>
<p>Ama aynı zamanda tehlikeli bir tarafı var.</p>
<p>Çünkü yanlış varsayımı çok hızlı şekilde güzel ekrana çevirebiliyoruz.</p>
<p>Yani problem yanlışsa, AI sadece yanlış fikri daha hızlı paketliyor olabilir.</p>
<p>Bu yüzden AI çağında kullanıcı araştırması daha az önemli olmadı.</p>
<p>Daha önemli oldu.</p>
<p>Çünkü tasarımcı artık şunu ayırmak zorunda:</p>
<p>Bu ekran güzel mi?</p>
<p>Ve daha önemlisi:</p>
<p><strong>Bu ekran doğru problemi mi çözüyor?</strong></p>
<p>AI ve tasarım hazırlığı konusunda <a href="https://poryaz.com/ai-design-needs-human-prep-not-just-prompts/">AI Design Needs Human Prep, Not Just Prompts</a> yazısında da benzer bir noktayı anlatmıştım.</p>
<h2>Product designer için araştırma ne işe yarar?</h2>
<p>Product designer için kullanıcı araştırması, ürün kararını daha net hale getirir.</p>
<p>Hangi özellik gerçekten gerekli?</p>
<p>Hangi akış gereksiz karmaşık?</p>
<p>Kullanıcı hangi değeri bekliyor?</p>
<p>Hangi ekran sadece ekip istediği için var?</p>
<p>Hangi problem gerçekten kullanıcı tarafında karşılık buluyor?</p>
<p>Bu sorular product design işinin merkezindedir.</p>
<p>İyi product designer sadece ekrana bakmaz.</p>
<p>Kullanıcı davranışına, iş hedefine, teknik sınıra ve ürün etkisine birlikte bakar.</p>
<p>Araştırma bu dengeyi kurmaya yardım eder.</p>
<h2>Portfolio’da araştırma nasıl gösterilir?</h2>
<p>Portfolio projesinde araştırma kısmı uzun olmak zorunda değil.</p>
<p>Ama hiç yoksa proje yüzeysel görünebilir.</p>
<p>Basit bir yapı yeterli olur:</p>
<ul>
<li>Kim için tasarladım?</li>
<li>Kullanıcı problemi neydi?</li>
<li>Bu problemi nasıl öğrendim?</li>
<li>Hangi içgörü tasarım kararını değiştirdi?</li>
<li>Final ekranda bu karar nasıl görünüyor?</li>
</ul>
<p>Bu beş madde bile case study’yi güçlendirir.</p>
<p>Çünkü sadece “bakın güzel ekran yaptım” demiyorsun.</p>
<p>“Bu ekranı şu kullanıcı ihtiyacına göre tasarladım” diyorsun.</p>
<p>Bu daha profesyonel görünür.</p>
<h2>Benim düşüncem</h2>
<p>Kullanıcı araştırması tasarımı yavaşlatan bir şey gibi görülmemeli.</p>
<p>Doğru yapıldığında tasarımı daha net hale getirir.</p>
<p>Hangi ekranın gerekli olduğunu gösterir.</p>
<p>Hangi akışın karmaşık olduğunu gösterir.</p>
<p>Hangi metnin anlaşılmadığını gösterir.</p>
<p>Hangi varsayımın yanlış olduğunu gösterir.</p>
<p>UI/UX tasarımda güzel ekran yapmak değerli.</p>
<p>Ama gerçek değer, kullanıcının işini kolaylaştıran ekranı tasarlamakta.</p>
<p>Bunun için de en azından temel seviyede kullanıcı araştırması bilmek gerekiyor.</p>
<p>AI hızlandı.</p>
<p>Araçlar hızlandı.</p>
<p>Ekran üretmek hızlandı.</p>
<p>Ama doğru problemi anlamadan hızlanmak sadece daha hızlı yanılmak olabilir.</p>
<p>Bu yüzden ben kullanıcı araştırmasını UI/UX tasarımın lüks tarafı değil, temel tarafı olarak görüyorum.</p>
<p>UI/UX ve product design tarafında daha fazla içerik için <a href="https://poryaz.com/category/ui-ux/">UI/UX</a>, <a href="https://poryaz.com/category/product-design/">Product Design</a>, <a href="https://poryaz.com/category/growth/">Growth</a> ve <a href="https://poryaz.com/category/ai/">AI</a> kategorilerine bakabilirsin.</p>
<h2>Kaynak Sinyalleri</h2>
<ul>
<li><a href="https://assets.interaction-design.org/literature/topics/ux-research" rel="nofollow">Interaction Design Foundation &#8211; UX Research</a></li>
<li><a href="https://www.userinterviews.com/blog/user-research-for-ux-designers" rel="nofollow">User Interviews &#8211; The UX Designer’s Guide to User Research</a></li>
<li><a href="https://www.usertesting.com/blog/what-ux-research" rel="nofollow">UserTesting &#8211; What is UX Research?</a></li>
<li><a href="https://www.nngroup.com/articles/ux-design-portfolios/" rel="nofollow">Nielsen Norman Group &#8211; UX Design Portfolios</a></li>
<li><a href="https://designlab.com/blog/ai-in-ux-product-design-trends-2026" rel="nofollow">Designlab &#8211; The State of AI in UX &#038; Product Design 2026</a></li>
</ul><p>The post <a href="https://poryaz.com/ui-ux-tasarimda-kullanici-arastirmasi-yapmadan-ekran-tasarlamak/">UI/UX Tasarımda Kullanıcı Araştırması Yapmadan Ekran Tasarlamak Neden Riskli?</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mobil UI Tasarımda Farklı Ekran Boyutları Göz Korkutmasın</title>
		<link>https://poryaz.com/mobil-ui-tasarimda-farkli-ekran-boyutlari/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Tue, 28 Jul 2026 11:13:07 +0000</pubDate>
				<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[Adaptive Design]]></category>
		<category><![CDATA[Android Studio]]></category>
		<category><![CDATA[Junior Designer]]></category>
		<category><![CDATA[Mobil Ekran Boyutları]]></category>
		<category><![CDATA[Mobil UI Tasarım]]></category>
		<category><![CDATA[Responsive Tasarım]]></category>
		<category><![CDATA[UI/UX Tasarım]]></category>
		<category><![CDATA[Xcode]]></category>
		<guid isPermaLink="false">https://poryaz.com/mobil-ui-tasarimda-farkli-ekran-boyutlari/</guid>

					<description><![CDATA[<p>Mobil UI tasarıma yeni başlayanlar için farklı ekran boyutları göz korkutmasın. Responsive mantık, safe area, breakpoint ve Xcode gibi preview araçlarıyla süreç daha yönetilebilir.</p>
<p>The post <a href="https://poryaz.com/mobil-ui-tasarimda-farkli-ekran-boyutlari/">Mobil UI Tasarımda Farklı Ekran Boyutları Göz Korkutmasın</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Mobil UI tasarıma yeni başlayan birçok kişi aynı yerde geriliyor.</p>
<p>iPhone küçük, iPhone büyük, Android başka, tablet başka.</p>
<p>Bir de işin içine safe area, notch, navigation bar, tab bar, keyboard, landscape, responsive ve adaptive gibi kavramlar girince konu daha zor görünmeye başlıyor.</p>
<p>Ama bence burada panik yapmaya gerek yok.</p>
<p>Mobil app UI tasarımında amaç her cihazı tek tek ezberlemek değildir.</p>
<p>Asıl amaç, arayüzün farklı ekranlarda nasıl davranacağını doğru düşünmektir.</p>
<p>Bu mantık oturduğunda ekran boyutları korkutucu olmaktan çıkar.</p>
<h2>Her cihaz için ayrı tasarım yapmak zorunda değilsin</h2>
<p>Yeni başlayanlarda en sık gördüğüm düşünce şu:</p>
<p>“Her telefon boyutu için ayrı ekran mı çizeceğim?”</p>
<p>Hayır.</p>
<p>Tabii bazı kritik ekranları farklı boyutlarda kontrol etmek gerekir.</p>
<p>Ama her cihaz için baştan ayrı tasarım yapmak doğru yöntem değil.</p>
<p>Mobil UI tasarımda temel yaklaşım şudur:</p>
<ul>
<li>İçerik nasıl büyür?</li>
<li>Alan daralınca ne olur?</li>
<li>Buton nerede kalır?</li>
<li>Liste uzayınca nasıl davranır?</li>
<li>Keyboard açılınca form bozulur mu?</li>
<li>Tablet ekranda aynı yapı çok boş kalır mı?</li>
</ul>
<p>Bunları düşünürsen tek tek cihaz kovalamak yerine sistemli ilerlersin.</p>
<h2>Responsive sadece web sitesi için değil</h2>
<p>Responsive denince çoğu kişinin aklına web tasarım geliyor.</p>
<p>Ama mobil app tarafında da benzer bir düşünme biçimi var.</p>
<p>Ekranın genişliği, yüksekliği, güvenli alanları ve kullanılan componentler tasarım kararını etkiler.</p>
<p>Bir kart yapısı küçük telefonda tek kolon olabilir.</p>
<p>Daha geniş bir ekranda iki kolon gibi çalışabilir.</p>
<p>Bir bottom sheet küçük ekranda daha dikkatli kullanılmalı.</p>
<p>Tablet tarafında ise aynı içerik split view ya da daha geniş layout ile daha rahat sunulabilir.</p>
<p>Yani responsive düşünmek sadece “ekran küçülünce küçült” demek değildir.</p>
<p>İçeriğin önceliğini ve davranışını yeniden düşünmektir.</p>
<h2>Adaptive design mantığını erken öğren</h2>
<p>Responsive ve adaptive kavramları bazen karışıyor.</p>
<p>Basit düşünelim.</p>
<p>Responsive tasarım, arayüzün alana göre esnemesidir.</p>
<p>Adaptive design ise farklı ekran bağlamlarına göre layout kararının değişmesidir.</p>
<p>Mesela telefonda alt menü kullanırken tablette yan menü kullanmak adaptive bir yaklaşımdır.</p>
<p>Mobilde tek kolon, tablette iki panel göstermek de buna örnek olabilir.</p>
<p>Google tarafında Material Design bu konuyu breakpoint ve window size class mantığıyla ele alıyor.</p>
<p>Apple tarafında da Human Interface Guidelines içinde layout, safe area ve platform davranışları önemli yer tutuyor.</p>
<p>Yeni başlayan bir tasarımcı için bu belgeleri ezberlemek gerekmiyor.</p>
<p>Ama mantığını bilmek çok iş görür.</p>
<h2>Xcode ve Android Studio burada neden önemli?</h2>
<p>Bir UI/UX tasarımcı doğrudan kod yazmak zorunda olmayabilir.</p>
<p>Ama mobil app tasarlıyorsa geliştirici araçlarının nasıl düşündüğünü biraz anlamalı.</p>
<p>Mesela Xcode içinde SwiftUI Preview ile farklı cihazlarda ekranın nasıl göründüğü kontrol edilebilir.</p>
<p>Android Studio ve Jetpack Compose tarafında da preview ve farklı ekran sınıflarıyla layout kontrolü yapılabilir.</p>
<p>Bu tasarımcı için şu anlama gelir:</p>
<p>Sen Figma’da sadece güzel bir ekran çizmezsin.</p>
<p>Geliştirici o ekranı farklı cihazlarda yaşatmak zorunda kalır.</p>
<p>Bu yüzden tasarım kararın kod tarafında nasıl davranacak, bunu biraz düşünmen gerekir.</p>
<p>Button fixed mi kalacak?</p>
<p>Liste scroll olacak mı?</p>
<p>Header yüksekliği sabit mi?</p>
<p>Image alanı oranla mı büyüyecek?</p>
<p>Form alanı keyboard altında kalacak mı?</p>
<p>Bunları tasarım aşamasında düşünmek geliştiriciyle iletişimi çok rahatlatır.</p>
<h2>Figma’da sadece tek frame çizip bırakma</h2>
<p>Figma’da mobil app UI tasarlarken tek bir popüler ekran boyutu seçip bütün işi orada bitirmek zayıf kalabilir.</p>
<p>Ben olsam en az üç kontrol yapardım:</p>
<ul>
<li>Küçük telefon ekranı</li>
<li>Orta / standart telefon ekranı</li>
<li>Büyük telefon veya tablet benzeri geniş ekran</li>
</ul>
<p>Bu üç kontrol sana çoğu problemi gösterir.</p>
<p>Metin taşıyor mu?</p>
<p>Buton aşağıda kayboluyor mu?</p>
<p>Card alanları fazla mı sıkışıyor?</p>
<p>Liste öğeleri okunuyor mu?</p>
<p>Boşluklar küçük ekranda fazla mı lüks kalıyor?</p>
<p>Büyük ekranda içerik çok mu dağınık duruyor?</p>
<p>Bunları erken fark etmek sonradan düzeltmekten daha kolaydır.</p>
<p>Güncel ekran ölçüleri için daha önce yazdığım <a href="https://poryaz.com/mobil-arayuz-tasarimi-ekran-boyutlari-nedir/">Mobil Arayüz Tasarımı Ekran Boyutları Nedir?</a> yazısına bakabilirsin.</p>
<h2>Safe area konusu küçük ama önemlidir</h2>
<p>Mobil arayüz tasarımında safe area çok önemli.</p>
<p>Çünkü ekranın her alanı rahat kullanılabilir alan değildir.</p>
<p>Üstte kamera alanı olabilir.</p>
<p>Altta home indicator olabilir.</p>
<p>Sistem gesture alanları olabilir.</p>
<p>Keyboard açıldığında içerik yukarı taşınmak zorunda kalabilir.</p>
<p>Yeni başlayanlar bazen butonu ekranın en altına fazla yaklaştırıyor.</p>
<p>Ya da header içeriğini üstteki sistem alanına çok yakın bırakıyor.</p>
<p>Bu küçük detaylar gerçek cihazda kötü hissettirir.</p>
<p>Figma’da güzel görünen bir ekran, cihazda rahatsız çalışabilir.</p>
<p>Bu yüzden mobil UI tasarımda safe area rehberlerini açık kullanmak iyi alışkanlık.</p>
<h2>Component mantığı ekran boyutlarını kolaylaştırır</h2>
<p>Farklı ekran boyutlarıyla çalışmayı kolaylaştıran şeylerden biri component mantığıdır.</p>
<p>Buton, card, input, tab bar, navigation, list item gibi parçalar sistemli kurulursa farklı ekranlarda davranış daha kontrollü olur.</p>
<p>Mesela bir kart componentinin minimum genişliği, iç boşluğu, görsel oranı ve metin davranışı belliyse tasarım daha rahat ölçeklenir.</p>
<p>Her şeyi elle yerleştirirsen küçük bir ekran değişikliğinde bütün yapı bozulur.</p>
<p>Bu yüzden mobil app UI tasarlarken design system düşüncesi lüks değil, iş kolaylaştıran bir temel.</p>
<p>Bu konu için <a href="https://poryaz.com/design-systems-for-beginners-ui-ux-designers/">Design Systems for Beginners</a> yazısı iyi bir başlangıç olabilir.</p>
<h2>Junior tasarımcılar nerede hata yapıyor?</h2>
<p>Yeni başlayanlarda gördüğüm birkaç tipik hata var.</p>
<p>Birincisi, sadece en güzel görünen cihaz boyutunda çalışmak.</p>
<p>İkincisi, uzun metinleri hiç test etmemek.</p>
<p>Üçüncüsü, keyboard açılınca ne olacağını düşünmemek.</p>
<p>Dördüncüsü, empty state ve error state gibi gerçek ürün durumlarını atlamak.</p>
<p>Beşincisi, geliştiriciye sadece final ekran görseli verip davranışı açıklamamak.</p>
<p>Oysa iyi mobil UI tasarımda ekranın davranışı da anlatılmalı.</p>
<p>Şu alan scroll olur.</p>
<p>Bu buton sticky kalır.</p>
<p>Bu görsel oranını korur.</p>
<p>Bu liste boşsa empty state görünür.</p>
<p>Bu hata durumunda input mesaj gösterir.</p>
<p>Bunları yazmak ve göstermek seni daha profesyonel gösterir.</p>
<h2>Responsive mobil UI için basit kontrol listesi</h2>
<p>Bir mobil app ekranını teslim etmeden önce şu liste işe yarar:</p>
<ul>
<li>Küçük ekranda içerik okunuyor mu?</li>
<li>Büyük ekranda layout fazla boş kalıyor mu?</li>
<li>Safe area dikkate alındı mı?</li>
<li>Keyboard açılınca form alanları görünür kalıyor mu?</li>
<li>Uzun metinler taşmadan çalışıyor mu?</li>
<li>Butonlar dokunulabilir boyutta mı?</li>
<li>Liste, kart ve görsel alanları esneyebiliyor mu?</li>
<li>Empty state ve error state tasarlandı mı?</li>
<li>Tablet veya geniş ekran davranışı düşünüldü mü?</li>
<li>Geliştiriciye davranış notları verildi mi?</li>
</ul>
<p>Bu listeyi alışkanlık haline getirmek, farklı ekran boyutları korkusunu bayağı azaltır.</p>
<h2>AI burada nasıl yardımcı olabilir?</h2>
<p>AI bu konuda da yardımcı olabilir.</p>
<p>Mesela bir ekran için farklı responsive senaryoları sorabilirsin.</p>
<p>Küçük ekranda hangi alanlar öncelikli olmalı diye fikir alabilirsin.</p>
<p>Form akışında keyboard davranışı için kontrol listesi çıkarabilirsin.</p>
<p>Geliştiriciye vereceğin handoff notlarını toparlatabilirsin.</p>
<p>Ama AI’a sadece “bu ekranı responsive yap” demek yeterli değil.</p>
<p>Önce sen ekranın mantığını bilmelisin.</p>
<p>Hangi alan sabit, hangi alan esnek, hangi alan scroll, hangi alan gizlenebilir?</p>
<p>Bu kararlar sende net değilse AI da karışık sonuç verir.</p>
<p>AI destekli UI/UX konusunda <a href="https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/">Yeni Başlayanlar İçin UI/UX Tasarımda AI Kullanma Mantığı</a> yazısı da bu düşünceye yakın bir yerden ilerliyor.</p>
<h2>Benim düşüncem</h2>
<p>Mobil UI tasarımda farklı ekran boyutları göz korkutmamalı.</p>
<p>Çünkü mesele cihaz ezberlemek değil.</p>
<p>Mesele layout mantığını anlamak.</p>
<p>Safe area’yı bilmek.</p>
<p>Componentleri sistemli kurmak.</p>
<p>Responsive ve adaptive davranışı düşünmek.</p>
<p>Ve tasarımın geliştirici tarafında nasıl hayata geçeceğini biraz anlamak.</p>
<p>Xcode, Android Studio, preview araçları ve platform rehberleri tasarımcı için yabancı dünyalar gibi görünmemeli.</p>
<p>Hepsini kod seviyesinde bilmek zorunda değilsin.</p>
<p>Ama bu araçların neden farklı ekranları kontrol ettiğini anlarsan daha doğru UI kararları verirsin.</p>
<p>Bence junior tasarımcı için güzel hedef şu:</p>
<p><strong>Tek bir güzel ekran değil, farklı ekranlarda bozulmadan çalışan bir arayüz düşünmek.</strong></p>
<p>Gerçek mobil UI tasarım burada başlıyor.</p>
<p>UI/UX ve product design tarafında daha fazla içerik için <a href="https://poryaz.com/category/ui-ux/">UI/UX</a>, <a href="https://poryaz.com/category/product-design/">Product Design</a> ve <a href="https://poryaz.com/category/technology/">Technology</a> kategorilerine bakabilirsin.</p>
<h2>Kaynak Sinyalleri</h2>
<ul>
<li><a href="https://developer.apple.com/design/human-interface-guidelines/layout" rel="nofollow">Apple Human Interface Guidelines &#8211; Layout</a></li>
<li><a href="https://developer.apple.com/design/human-interface-guidelines/designing-for-ios" rel="nofollow">Apple Human Interface Guidelines &#8211; Designing for iOS</a></li>
<li><a href="https://m3.material.io/foundations/layout/layout-overview" rel="nofollow">Material Design 3 &#8211; Layout</a></li>
<li><a href="https://m3.material.io/foundations/layout/breakpoints" rel="nofollow">Material Design 3 &#8211; Breakpoints</a></li>
<li><a href="https://developer.android.com/codelabs/adaptive-material-guidance" rel="nofollow">Android Developers &#8211; Adaptive Layout with Material Design</a></li>
</ul><p>The post <a href="https://poryaz.com/mobil-ui-tasarimda-farkli-ekran-boyutlari/">Mobil UI Tasarımda Farklı Ekran Boyutları Göz Korkutmasın</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Junior UI/UX Tasarımcılar 2026’da Nasıl Öne Çıkar?</title>
		<link>https://poryaz.com/junior-ui-ux-tasarimcilar-2026-nasil-one-cikar/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 06:21:47 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Growth]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[Design System]]></category>
		<category><![CDATA[Junior Designer]]></category>
		<category><![CDATA[Junior UI/UX]]></category>
		<category><![CDATA[Tasarım Kariyeri]]></category>
		<category><![CDATA[UI/UX Kariyer]]></category>
		<category><![CDATA[UX Portfolio]]></category>
		<category><![CDATA[Yapay Zeka]]></category>
		<guid isPermaLink="false">https://poryaz.com/junior-ui-ux-tasarimcilar-2026-nasil-one-cikar/</guid>

					<description><![CDATA[<p>Junior UI/UX tasarımcılar 2026’da sadece güzel ekranla değil; problem anlatımı, case study, karar kalitesi, sistem mantığı ve AI çıktısını eleştirebilme becerisiyle öne çıkacak.</p>
<p>The post <a href="https://poryaz.com/junior-ui-ux-tasarimcilar-2026-nasil-one-cikar/">Junior UI/UX Tasarımcılar 2026’da Nasıl Öne Çıkar?</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Junior UI/UX tasarımcı olmak 2026’da biraz daha zorlaştı.</p>
<p>Bunu kötü anlamda söylemiyorum.</p>
<p>Araçlar çoğaldı.</p>
<p>AI ile ekran üretmek kolaylaştı.</p>
<p>Figma bilen insan sayısı arttı.</p>
<p>Portfolio hazırlamak da eskisine göre daha erişilebilir hale geldi.</p>
<p>Bu yüzden artık junior tasarımcıyı öne çıkaran şey sadece “güzel ekran yapabiliyorum” cümlesi değil.</p>
<p>Bence asıl fark şurada başlıyor:</p>
<p><strong>Sen o ekranı neden yaptığını anlatabiliyor musun?</strong></p>
<h2>Güzel ekran artık tek başına yetmiyor</h2>
<p>Bugün birçok araç sana modern görünen ekranlar çıkarabiliyor.</p>
<p>Bir dashboard, landing page, mobil app ekranı veya onboarding akışı birkaç dakika içinde taslak olarak oluşabiliyor.</p>
<p>Bu güzel bir şey.</p>
<p>Ama aynı zamanda çıtayı da değiştiriyor.</p>
<p>Çünkü işe alım yapan kişi artık sadece görsele bakmıyor.</p>
<p>Şunu görmek istiyor:</p>
<ul>
<li>Problemi nasıl anladın?</li>
<li>Kullanıcı kim?</li>
<li>Bu akışı neden böyle kurdun?</li>
<li>Hangi alternatifleri eledin?</li>
<li>Hangi kararın ürüne etkisi var?</li>
<li>Bu ekran gerçek hayatta nasıl çalışır?</li>
</ul>
<p>Junior tasarımcı için en büyük fırsat burada.</p>
<p>Çünkü sadece ekran değil, düşünme biçimini de gösterebilirsin.</p>
<h2>Portfolio bir galeri olmamalı</h2>
<p>Yeni başlayanlarda en sık gördüğüm şey şu:</p>
<p>Portfolio sadece güzel ekranlardan oluşuyor.</p>
<p>Mockup var.</p>
<p>Telefon içine yerleştirilmiş ekran var.</p>
<p>Gradient var.</p>
<p>Ama hikaye yok.</p>
<p>Bu durumda portfolio Dribbble galerisi gibi duruyor.</p>
<p>Oysa junior bir tasarımcı için portfolio şu soruya cevap vermeli:</p>
<p><strong>Bu kişi bir problemi alıp mantıklı bir tasarım sürecine çevirebiliyor mu?</strong></p>
<p>Her projede uzun uzun yazmak zorunda değilsin.</p>
<p>Ama kısa da olsa süreç görünmeli.</p>
<p>Problem, hedef kullanıcı, akış, kararlar, final ekran ve öğrenilen şeyler net olmalı.</p>
<p>Bu konuyu daha önce İngilizce olarak <a href="https://poryaz.com/ui-ux-portfolio-mistakes-junior-designers-should-avoid/">UI/UX Portfolio Mistakes Junior Designers Should Avoid</a> yazısında da anlatmıştım.</p>
<h2>Case study kısa ama dolu olmalı</h2>
<p>Case study dediğimiz şey illa 40 ekranlık dev bir sunum olmak zorunda değil.</p>
<p>Bazen 5-6 iyi bölüm yeterli olur.</p>
<p>Ben junior portfolio için şu yapıyı daha doğru buluyorum:</p>
<ol>
<li>Problem neydi?</li>
<li>Kullanıcı kimdi?</li>
<li>İlk akış nasıl düşündün?</li>
<li>Hangi tasarım kararlarını aldın?</li>
<li>Final çözüm ne oldu?</li>
<li>Bu projeden ne öğrendin?</li>
</ol>
<p>Bu yapı basit ama güçlü.</p>
<p>Çünkü işe alım yapan kişi senin sadece ne çizdiğini değil, nasıl düşündüğünü de görür.</p>
<h2>AI kullan ama çıktıyı sorgula</h2>
<p>2026’da junior tasarımcının AI araçlarını bilmesi avantaj.</p>
<p>Ama AI kullanmak tek başına seni iyi tasarımcı yapmaz.</p>
<p>AI sana fikir verebilir.</p>
<p>Alternatif ekran çıkarabilir.</p>
<p>Metni toparlayabilir.</p>
<p>Akış için öneri sunabilir.</p>
<p>Ama çıkan sonucu eleştirmek hâlâ senin işin.</p>
<p>Bu ekran gerçekten kullanışlı mı?</p>
<p>Hierarchy doğru mu?</p>
<p>Buton metni anlaşılır mı?</p>
<p>Boş ve hata durumları düşünülmüş mü?</p>
<p>Mobilde bu yapı çalışır mı?</p>
<p>AI çıktısını olduğu gibi portfolio’ya koymak zayıf durur.</p>
<p>AI çıktısını alıp iyileştirmek, kararlarını göstermek ve neden değiştirdiğini anlatmak daha güçlü durur.</p>
<p>Benzer konuyu <a href="https://poryaz.com/ai-araclari-tasarimci-citayi-yukseltti/">AI Araçları Tasarımcı Çıtayı Yükseltti</a> yazısında da ele almıştım.</p>
<h2>Design system mantığı öğren</h2>
<p>Junior seviyede herkes senden büyük bir design system kurmanı beklemeyebilir.</p>
<p>Ama sistemli düşünmeni bekler.</p>
<p>Butonların tutarlı mı?</p>
<p>Spacing kararların aynı mantıkta mı?</p>
<p>Tipografi ölçeğin var mı?</p>
<p>Input, card, modal, tab gibi parçalar tekrar kullanılabilir mi?</p>
<p>Bir ekranda başka, diğer ekranda başka davranan componentler varsa bu zayıf görünür.</p>
<p>Design system bilmek burada devreye girer.</p>
<p>En azından temel component mantığını, state durumlarını ve spacing sistemini öğrenmek gerekiyor.</p>
<p>Bu konuda İngilizce bir başlangıç yazısı da var: <a href="https://poryaz.com/design-systems-for-beginners-ui-ux-designers/">Design Systems for Beginners</a>.</p>
<h2>Figma bilmek önemli ama yeterli değil</h2>
<p>Figma hâlâ önemli.</p>
<p>Auto layout, component, variant, prototyping, variables gibi konuları bilmek işini kolaylaştırır.</p>
<p>Ama Figma sadece araç.</p>
<p>Aracı iyi kullanmak seni hızlandırır.</p>
<p>Fakat tasarımcı yapan şey araç değil, karar kalitesidir.</p>
<p>Bir junior tasarımcı şunları da geliştirmeli:</p>
<ul>
<li>Kullanıcı akışı kurma</li>
<li>Bilgi hiyerarşisi oluşturma</li>
<li>Mobil ve desktop düşünme</li>
<li>Basit kullanıcı araştırması yapma</li>
<li>Metin ve mikro kopya yazma</li>
<li>Geri bildirim alma ve revize etme</li>
</ul>
<p>Bu konuya daha önce <a href="https://poryaz.com/ui-ux-tasarimci-olmak-icin-figma-bilmek-yeterli-mi/">UI/UX Tasarımcı Olmak İçin Figma Bilmek Yeterli mi?</a> yazısında değinmiştim.</p>
<h2>Gerçek ürün hissi ver</h2>
<p>Junior portfolio’da en güçlü farklardan biri gerçek ürün hissidir.</p>
<p>Sadece ana ekran göstermek yerine şu detayları da düşün:</p>
<ul>
<li>Empty state</li>
<li>Error state</li>
<li>Loading state</li>
<li>Başarılı işlem mesajı</li>
<li>Form validasyonu</li>
<li>Responsive davranış</li>
<li>Basit kullanıcı senaryosu</li>
</ul>
<p>Bunlar küçük gibi görünür.</p>
<p>Ama tasarımcının ürünü gerçekten düşündüğünü gösterir.</p>
<p>Çünkü gerçek ürün sadece güzel ana ekrandan oluşmaz.</p>
<h2>Bir alanda derinleşmek avantaj sağlar</h2>
<p>Junior tasarımcılar çoğu zaman her şeyi yapmak istiyor.</p>
<p>Mobil app, web site, SaaS dashboard, e-commerce, branding, illustration, social media&#8230;</p>
<p>Hepsini denemek başlangıçta normal.</p>
<p>Ama portfolio tarafında bir alanda daha güçlü görünmek avantaj sağlar.</p>
<p>Mesela SaaS dashboard tasarımında iyiysen, 2-3 projeni bu yönde güçlendirebilirsin.</p>
<p>Mobil app akışlarında iyiysen, onboarding, ödeme, profil, ayarlar gibi gerçek akışlar çalışabilirsin.</p>
<p>Bir alan seçmek seni sınırlamaz.</p>
<p>Tam tersine daha net görünmeni sağlar.</p>
<p>Bu konuda Türkçe olarak <a href="https://poryaz.com/ui-ux-kariyerinde-bir-alanda-uzmanlasmak/">UI/UX Kariyerinde Bir Alanda Uzmanlaşmak</a> yazısını da yazmıştım.</p>
<h2>Yeni başlayanlar için basit yol</h2>
<p>Ben 2026’da junior UI/UX tasarımcı olmak isteyen birine şöyle ilerlemesini öneririm:</p>
<ol>
<li>Figma temellerini öğren.</li>
<li>UX akış mantığını çalış.</li>
<li>Basit ama gerçekçi 2 proje seç.</li>
<li>Her proje için problem ve kullanıcı yaz.</li>
<li>Wireframe ile başla.</li>
<li>Component mantığını kur.</li>
<li>Final ekranları hazırla.</li>
<li>State ve responsive detayları ekle.</li>
<li>Case study olarak kısa ve net anlat.</li>
<li>AI kullandıysan nerede kullandığını ve nasıl iyileştirdiğini göster.</li>
</ol>
<p>Bu yol basit görünür ama çoğu portfolio’da eksik olan şey tam olarak bu düzen.</p>
<h2>Benim düşüncem</h2>
<p>Junior tasarımcılar için 2026 kötü bir yıl değil.</p>
<p>Ama daha seçici bir yıl.</p>
<p>Çünkü araç bilen çok kişi var.</p>
<p>Ekran üreten çok kişi var.</p>
<p>AI ile hızlı çıktı alan çok kişi var.</p>
<p>Öne çıkmak için daha net düşünmek gerekiyor.</p>
<p>Benim gözümde güçlü junior tasarımcı şudur:</p>
<p><strong>Az proje gösterir ama o projeyi neden yaptığını, nasıl düşündüğünü ve ne öğrendiğini net anlatır.</strong></p>
<p>Bu kişi her zaman sadece güzel ekran gösteren kişiden daha güçlü durur.</p>
<p>UI/UX ve product design tarafında daha fazla içerik için <a href="https://poryaz.com/category/ui-ux/">UI/UX</a>, <a href="https://poryaz.com/category/product-design/">Product Design</a>, <a href="https://poryaz.com/category/growth/">Growth</a> ve <a href="https://poryaz.com/category/ai/">AI</a> kategorilerine bakabilirsin.</p>
<h2>Kaynak Sinyalleri</h2>
<ul>
<li><a href="https://www.nngroup.com/articles/state-of-ux-2026/" rel="nofollow">Nielsen Norman Group &#8211; State of UX 2026</a></li>
<li><a href="https://www.businessinsider.com/figma-design-lead-expects-more-job-candidates-ai-2026-7" rel="nofollow">Business Insider &#8211; Figma design lead on design candidates in 2026</a></li>
<li><a href="https://ixdf.org/literature/article/the-10-most-inspirational-ux-design-portfolio-examples" rel="nofollow">Interaction Design Foundation &#8211; UX portfolio examples</a></li>
<li><a href="https://www.nngroup.com/articles/ux-design-portfolios/" rel="nofollow">Nielsen Norman Group &#8211; UX Design Portfolios</a></li>
<li><a href="https://mentorcruise.com/blog/entry-level-ux-designer-jobs-in-2026-what-actually-gets-you-hired/" rel="nofollow">MentorCruise &#8211; Entry-level UX designer jobs in 2026</a></li>
</ul><p>The post <a href="https://poryaz.com/junior-ui-ux-tasarimcilar-2026-nasil-one-cikar/">Junior UI/UX Tasarımcılar 2026’da Nasıl Öne Çıkar?</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UI/UX Portfolio Mistakes Junior Designers Should Avoid</title>
		<link>https://poryaz.com/ui-ux-portfolio-mistakes-junior-designers-should-avoid/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Wed, 01 Jul 2026 13:18:18 +0000</pubDate>
				<category><![CDATA[Growth]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[Case Study]]></category>
		<category><![CDATA[Design Career]]></category>
		<category><![CDATA[Junior Designer]]></category>
		<category><![CDATA[ui design]]></category>
		<category><![CDATA[UI/UX Portfolio]]></category>
		<category><![CDATA[ux design]]></category>
		<category><![CDATA[UX Portfolio]]></category>
		<guid isPermaLink="false">https://poryaz.com/ui-ux-portfolio-mistakes-junior-designers-should-avoid/</guid>

					<description><![CDATA[<p>A simple guide for junior designers about common UI/UX portfolio mistakes, from weak case studies to too many screens without clear thinking.</p>
<p>The post <a href="https://poryaz.com/ui-ux-portfolio-mistakes-junior-designers-should-avoid/">UI/UX Portfolio Mistakes Junior Designers Should Avoid</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>A UI/UX portfolio is not only a place to show nice screens.</p>
<p>It is the place where people try to understand how you think.</p>
<p>This is especially important for junior designers. You may not have many real projects yet. That is normal. But your portfolio can still show your process, your decisions, and your learning.</p>
<p>I see many junior portfolios with the same problem:</p>
<p>The visual work looks good, but the story is weak.</p>
<p>So in this post, I want to share the common UI/UX portfolio mistakes junior designers should avoid.</p>
<h2>1. Showing only final screens</h2>
<p>This is the most common mistake.</p>
<p>Many junior designers show only polished screens. The UI may look clean, but I cannot see the thinking behind it.</p>
<p>Why did you choose this layout?</p>
<p>What was the problem?</p>
<p>Who is the user?</p>
<p>What did you try before this final version?</p>
<p>If your portfolio only shows the final result, it looks more like a gallery. A UI/UX portfolio needs more than a gallery.</p>
<p>Show a little bit of your process. You do not need to show everything. But show enough to make your decision clear.</p>
<h2>2. Writing a case study with no real problem</h2>
<p>A case study should start with a problem.</p>
<p>Not with a big hero image.</p>
<p>Not with five app screens.</p>
<p>Start with the reason behind the project.</p>
<p>For example:</p>
<ul>
<li>Users had trouble finishing the checkout flow.</li>
<li>The onboarding was too long.</li>
<li>The mobile form had too many steps.</li>
<li>The dashboard was hard to scan.</li>
</ul>
<p>When the problem is clear, the design decisions become easier to understand.</p>
<p>If the problem is not clear, the reader only sees decoration.</p>
<h2>3. Making every project look the same</h2>
<p>This one is small but important.</p>
<p>Some portfolios have three or four projects, but all of them look like the same SaaS dashboard or the same mobile app.</p>
<p>I understand why this happens. Designers follow trends. They use similar cards, gradients, icons, and layouts.</p>
<p>But your portfolio should show range.</p>
<p>You can show different types of work:</p>
<ul>
<li>A mobile app flow</li>
<li>A web dashboard</li>
<li>A landing page</li>
<li>A redesign case study</li>
<li>A small design system</li>
</ul>
<p>You do not need ten projects. Three strong projects can be enough.</p>
<p>But each project should teach something different about you.</p>
<h2>4. Ignoring UX and only showing UI</h2>
<p>UI quality matters. Spacing, type, color, contrast, and component consistency are important.</p>
<p>But if you call it a UI/UX portfolio, you should also show some UX thinking.</p>
<p>This does not mean you need a huge research report.</p>
<p>For a junior designer, simple UX thinking is enough:</p>
<ul>
<li>Who is using this product?</li>
<li>What is the main user goal?</li>
<li>Where can the user get confused?</li>
<li>What happens if there is an error?</li>
<li>What is the main action on this screen?</li>
</ul>
<p>These questions make your work stronger.</p>
<p>They also show that you are not designing only for Dribbble. You are designing for use.</p>
<h2>5. Not explaining your role</h2>
<p>If a project was a team project, say what you did.</p>
<p>If it was a school project, say it.</p>
<p>If it was a concept project, say it.</p>
<p>This is not a bad thing. It is honest.</p>
<p>The mistake is making every project look like a real client project when it was not.</p>
<p>People do not expect junior designers to have ten big shipped products. But they expect clarity.</p>
<p>A simple role section helps:</p>
<ul>
<li>Role: UI/UX designer</li>
<li>Scope: user flow, wireframe, UI design, prototype</li>
<li>Tools: Figma, FigJam</li>
<li>Timeline: 2 weeks</li>
</ul>
<p>This makes the project easier to read.</p>
<h2>6. Too much text, but not enough meaning</h2>
<p>Some case studies are very long, but still say very little.</p>
<p>Long text is not always good.</p>
<p>The reader wants to understand your process quickly.</p>
<p>Use short sections. Use clear headings. Show the decision, then show the screen.</p>
<p>A better structure can be this:</p>
<ol>
<li>Project summary</li>
<li>Problem</li>
<li>User goal</li>
<li>Flow or wireframe</li>
<li>UI direction</li>
<li>Key decisions</li>
<li>Final screens</li>
<li>What I learned</li>
</ol>
<p>This is simple. But simple is good.</p>
<h2>7. No mobile or responsive thinking</h2>
<p>Many portfolios show only big desktop mockups.</p>
<p>But real products live in many screen sizes.</p>
<p>If the project is mobile, show mobile clearly. If it is web, show how the layout changes or at least explain your responsive thinking.</p>
<p>Screen size is not a small detail. It changes hierarchy, spacing, content, navigation, and interaction.</p>
<p>I wrote a separate guide about this here: <a href="https://poryaz.com/mobile-screen-sizes-ui-design-viewport-dimensions/">Mobile Screen Sizes for UI Design</a>.</p>
<p>If you design in Turkish market or want a Turkish reference, you can also check this older but updated guide: <a href="https://poryaz.com/mobil-arayuz-tasarimi-ekran-boyutlari-nedir/">Mobil Arayüz Tasarımı Ekran Boyutları Nedir?</a>.</p>
<h2>8. Weak visual consistency</h2>
<p>Portfolio design is also a design problem.</p>
<p>If your portfolio page has weak spacing, random typography, and different button styles, it hurts your work.</p>
<p>Before people read your case study, they already feel your design quality from the page itself.</p>
<p>You do not need a complicated website.</p>
<p>A clean layout is enough:</p>
<ul>
<li>Readable type</li>
<li>Good spacing</li>
<li>Clear project cards</li>
<li>Fast loading images</li>
<li>Simple navigation</li>
<li>Easy contact link</li>
</ul>
<p>Your portfolio should help the project, not fight with it.</p>
<h2>9. Hiding the messy part</h2>
<p>Junior designers sometimes try to make everything look perfect.</p>
<p>But design is not perfect from the first try.</p>
<p>It is useful to show a small part of the messy process:</p>
<ul>
<li>Early wireframes</li>
<li>Rejected ideas</li>
<li>A problem you noticed late</li>
<li>A decision you changed</li>
<li>What you would improve next</li>
</ul>
<p>This makes the case study more real.</p>
<p>It also shows that you can learn.</p>
<h2>10. Not having a clear next step</h2>
<p>Your portfolio should make the next step easy.</p>
<p>If someone likes your work, what should they do?</p>
<p>Contact you?</p>
<p>Open your LinkedIn?</p>
<p>Download your CV?</p>
<p>Send an email?</p>
<p>Do not hide this. Add a simple contact area. Make sure links work. Keep the writing short and direct.</p>
<h2>A simple checklist for junior portfolios</h2>
<p>Before publishing your portfolio, ask yourself:</p>
<ul>
<li>Can someone understand the project in 30 seconds?</li>
<li>Is the problem clear?</li>
<li>Did I explain my role?</li>
<li>Did I show at least a small part of the process?</li>
<li>Are my UI screens consistent?</li>
<li>Did I explain important decisions?</li>
<li>Is the page easy to read on mobile?</li>
<li>Is there a clear contact link?</li>
</ul>
<p>If the answer is yes, your portfolio is already stronger than many beginner portfolios.</p>
<h2>My takeaway</h2>
<p>A junior UI/UX portfolio does not need to look like a senior designer portfolio.</p>
<p>It needs to be clear, honest, and useful.</p>
<p>Show your best work, but also show your thinking.</p>
<p>Do not try to look bigger than you are. Try to look clear about what you can do and how you learn.</p>
<p>That is more valuable.</p>
<p>If you are just starting your design career, I also wrote a Turkish guide here: <a href="https://poryaz.com/yeni-mezunlar-icin-ui-ux-kariyer-rehberi/">Yeni Mezunlar İçin UI/UX Kariyer Rehberi</a>.</p>
<p>You can also follow more notes in my <a href="https://poryaz.com/category/ui-ux/">UI/UX</a>, <a href="https://poryaz.com/category/product-design/">Product Design</a>, and <a href="https://poryaz.com/category/growth/">Growth</a> categories.</p>
<h2>Source Signals</h2>
<ul>
<li><a href="https://www.nngroup.com/articles/ux-design-portfolios/" rel="nofollow">Nielsen Norman Group &#8211; 5 Steps to Creating a UX-Design Portfolio</a></li>
<li><a href="https://www.nngroup.com/videos/ux-design-portfolio-case-study/" rel="nofollow">Nielsen Norman Group &#8211; Creating a UX Design Portfolio Case Study</a></li>
<li><a href="https://www.interaction-design.org/literature/article/what-should-a-ux-design-portfolio-contain" rel="nofollow">Interaction Design Foundation &#8211; What Should a UX Design Portfolio Contain?</a></li>
<li><a href="https://www.interaction-design.org/literature/article/how-to-become-a-ux-designer" rel="nofollow">Interaction Design Foundation &#8211; How to Become a UX Designer?</a></li>
<li><a href="https://www.careerfoundry.com/en/blog/ux-design/ux-portfolio-mistakes/" rel="nofollow">CareerFoundry &#8211; UX Portfolio Mistakes</a></li>
</ul><p>The post <a href="https://poryaz.com/ui-ux-portfolio-mistakes-junior-designers-should-avoid/">UI/UX Portfolio Mistakes Junior Designers Should Avoid</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
