Tasarım ve Ürün (UX/UI) rehberleri
Tasarım ve Ürün (UX/UI) alanındaki beceri, meslek, karşılaştırma ve kavram rehberleri tek sayfada.
Beceri rehberleri
33 beceri rehberi- Arayüz Animasyonu ve Motion Tasarımı
Arayüzlerde animasyon ve hareket tasarımının ilkeleri: zamanlama, yumuşatma, geçişler, geri bildirim, prototipleme ve erişilebilirlik.
- Arayüz metni yazma
Buton, hata mesajı ve boş durum metinleri nasıl yazılır? UX yazarlığında ses tonu, tutarlılık, öncesi sonrası örnekler ve test yöntemi anlatılıyor.
- Bilgi mimarisi oluşturma
Bilgi mimarisi oluşturmanın adımlarını öğrenin: içerik envanteri, gruplama, etiketleme, site haritası, kart sıralama ve test yöntemleri.
- Ekip İçin Tasarım Prensipleri Yazmak
Ürün ve tasarım ekibiniz için tasarım prensiplerini nasıl yazacağınızı öğrenin: ham malzeme toplama, yazım atölyesi, test ve günlük kararlarda kullanım.
- Ekranda okunan yazıyı tasarlamak
Arayüzde yazı tipi nasıl seçilir, tip ölçeği nasıl kurulur, satır uzunluğu ve kontrast nasıl ayarlanır: okunabilir ekranlar için adım adım yöntem.
- Ekranın ters gittiği anı tasarlamak
Boş durum, hata durumu ve kenar senaryolarının tasarımı: durum envanteri, hata mesajı yazımı, kurtarma yolları ve standartlaştırma yöntemi.
- Enterprise UX
Kurumsal yazılımda UX: rol ve yetki bazlı akışlar, veri yoğun ekranlar, karmaşık formlar, ölçüm ve benimsetme adımlarını örneklerle öğrenin.
- Etnografik araştırma ve saha gözlemiyle kullanıcıyı anlamak
Etnografik araştırmayı planlamadan sahada gözlem yapmaya, saha notu tutmaktan içgörü üretmeye kadar adım adım öğrenin; sık hataları görün.
- Figma değişkenleri (Variables) adım adım nasıl kurulur ve kullanılır
Figma Variables ile renk, boşluk ve metin değişkenlerini koleksiyon ve modlarla kurmayı, tasarıma bağlamayı ve prototipte durum yönetmeyi adım adım öğrenin.
- Figma Dev Mode Kullanımı
Figma Dev Mode ile geliştiriciye ölçü, stil, varlık ve kod aktarımını; Ready for dev durumunu ve değişiklik karşılaştırmayı örnekle öğrenin.
- Figma'da dosyalar nasıl düzenlenir
Figma'da çalışma alanı, dosya yapısı, katman adlandırma ve ortak kütüphane nasıl düzenlenir; ekip çalışmasını kolaylaştıran pratik kurallar.
- Figma'da Tıklanabilir Prototip Hazırlama
Figma'da prototip hedefi belirlemeyi, bileşen ve varyant kurmayı, geçişleri bağlamayı ve variables ile durum yönetmeyi adım adım öğrenin.
- Filtreleme ve sıralama arayüzü tasarlamak
Filtre türleri hangi veri için seçilir, anlık mı uygula düğmeli mi filtreleme, sıralama etiketleri, boş sonuç ekranı ve mobil uyarlama. Pratik tasarım rehberi.
- Karanlık desenleri (dark patterns) bulmak ve etik tasarımla değiştirmek
Dark pattern türlerini tanıyın, kayıt, ödeme ve iptal akışlarını kontrol listesiyle denetleyin ve aldatıcı tasarımın yerine etik alternatifler kurun.
- Lean UX ile ürün tasarımı
Lean UX ile hipotez yazma, hızlı deney yapma ve sonuç odaklı ekip çalışması nasıl yürütülür? Paydaş iletişimi ve sık hatalarla birlikte rehber.
- Legacy arayüz nasıl yenilenir
Legacy arayüzü kesintisiz yenilemek için envanter, dilimleme, birlikte yaşama, kullanıcı direnci ve ölçüm adımları. Sık hatalarla birlikte.
- Mobil uygulama arayüzü nasıl tasarlanır
Mobil uygulama arayüzü nasıl tasarlanır? Platform kuralları, gezinme, bileşenler, erişilebilirlik ve geliştiriciye teslim adımlarını örneklerle öğrenin.
- Mobilde tablo ve karmaşık bileşenleri uyarlama desenleri
Tabloların dar ekrana uyarlanması: yatay kaydırma, sabit sütun, kart dönüşümü ve öncelikli sütunlar. Hangi desen ne zaman seçilir, nasıl test edilir.
- Müşteri kaybını analiz etmek ve önceden görmek
Müşteri kaybını tanımlamaktan kohort ve segment analizine, erken uyarı göstergelerinden müdahale testine churn analizinin adım adım yöntemi.
- Sade Dil Yazımı
Sade dil ile yazma: okuru tanıma, bilgi sırası, cümle sadeleştirme, alternatif metin ve kurumsal denetim adımlarını örneklerle öğrenin.
- Servis tasarımı
Servis tasarımının adımlarını, service blueprint katmanlarını, saha keşfini ve sık yapılan hataları örnek bir hizmet akışıyla öğrenin.
- Sistem Kullanılabilirlik Ölçeği (SUS) ile ürün ölçümü
SUS, SEQ ve UMUX-Lite ile kullanılabilirlik ölçümü: ne zaman hangi ölçek, anket nasıl uygulanır, puan nasıl hesaplanır ve yorumlanır.
- Tasarım ekibine Design Ops fonksiyonu kazandırmak
Tasarım operasyonları fonksiyonunu kurma yolu: mevcut durum teşhisi, araç zinciri, ritim ve ritüeller, tasarım sistemi operasyonu, ölçüm ve olgunluk.
- Tasarım Eleştirisi Oturumu Yürütmek
Tasarım eleştirisi oturumunu hazırlıktan karara kadar nasıl yürüteceğinizi öğrenin: akış, geri bildirim dili, fasilitatör rolü ve sık yapılan hatalar.
- Tasarım liderliği
Tasarım liderliğinin kapsamı, kalite çıtasının belirlenmesi, tasarım eleştirisi ritimleri, geri bildirim ve ekip gelişim planı adım adım anlatılıyor.
- Teknik Borç Yönetimi
Teknik borcun yönetimi: envanter çıkarma, etki ölçümü, önceliklendirme, kapasite ayırma, yöneticiyle müzakere ve izleme. Uygulanabilir yöntem ve sık hatalar.
- Usability testi uygulama rehberi
Kullanılabilirlik testi için plan hazırlama, görev yazma, katılımcı seçimi, moderasyon, bulguları raporlama ve sık hatalar adım adım anlatılıyor.
- UX Denetimi (UX Audit) Nasıl Yapılır
UX denetimi nasıl yapılır: kapsam, ölçüt seti, ekran denetimi, veriyle destekleme ve deneyim borcu envanteriyle önceliklendirme.
- Uzaktan çalıştay
Miro ve FigJam ile uzaktan çalıştay yürütmeyi pano tasarımı, katılım teknikleri, zaman kutusu ve çıktı toparlama adımlarıyla örnek akış üzerinden öğrenin.
- Ürün arayüzünde renk sistemi kurmak
Arayüz için renk paleti kurmanın yolu: ana ve nötr renkler, durum renkleri, kontrast kontrolü, koyu tema ve renk körlüğüne dayanıklı tasarım.
- Ürün İçin İkon Seti ve Görsel Dil Oluşturma
Arayüz için tutarlı bir ikon seti ve görsel dil oluşturmanın adımları: mevcut ikon denetimi, çizim kuralları, metafor seçimi, test ve teslim.
- Veri Yoğun Arayüz Nasıl Tasarlanır
Tablo, filtre, arama ve toplu işlem ağırlıklı ekranların nasıl tasarlanacağını; hizalama, yoğunluk, varsayılanlar ve sık hataları örneklerle öğrenin.
- Yayın öncesi tasarım kontrolü
Yayın öncesi Design QA adımları: kontrol listesi hazırlama, gerçek ekranlarda denetim, bulguları raporlama ve düzeltme döngüsünü yönetme.
Meslek rehberleri
2 meslek rehberi- API Ürün Yöneticisi
API ürün yöneticisi API'yi geliştiricilere yönelik bir ürün olarak yönetir: yol haritası, belgeler, sürümleme ve DX. Görevleri ve nasıl olunacağı.
- Tasarım yöneticisi ne yapar, tasarımcı bu role nasıl geçer
Tasarım yöneticisi ekibin kalite çıtasını, geri bildirim düzenini ve gelişimini yönetir. Rolün görevleri, gerekli beceriler ve tasarımcıdan yöneticiliğe geçiş.
Karşılaştırmalar
4 karşılaştırma- Etkileşim Tasarımı mı, UX Tasarımı mı
UX tasarımı deneyimin bütününü, etkileşim tasarımı ekrandaki davranışı şekillendirir. Kapsam, çıktılar ve hangisinin ne zaman öne çıktığını görün.
- FigJam ile Miro karşılaştırması
FigJam Figma ekosistemine yakın ve hafif bir beyaz tahta, Miro geniş biçimli bir görsel çalışma alanıdır. Ekip yapısı, iş akışı ve entegrasyon farklarını görün.
- Figma ve Framer Karşılaştırması
Figma ürün ve arayüz tasarımının ortak tuvali, Framer ise tasarımı doğrudan yayındaki web sitesine dönüştüren araçtır. Hangisinin işinize uyduğunu görün.
- Prototip ve Wireframe
Wireframe ile prototipi amaç, doğruluk düzeyi, etkileşim ve test kullanımı açısından karşılaştırın; hangi aşamada hangisini hazırlayacağınızı öğrenin.
Kavramlar sözlüğü
16 kavram- Fitts ve Hick Yasası
Fitts yasası hedefe ulaşma süresini, Hick yasası seçenek sayısının karar süresine etkisini anlatır. Arayüz tasarımında nasıl uygulandığı ve örnekler.
- Görsel hiyerarşi
Görsel hiyerarşi, tasarımda gözün hangi öğeyi hangi sırayla okuyacağını belirleme düzenidir. Boyut, kontrast, renk, boşluk ve konumla nasıl kurulur.
- Hook Modeli
Hook modeli, ürünlerin kullanıcıda alışkanlık oluşturma sürecini tetikleyici, eylem, değişken ödül ve yatırım aşamalarıyla anlatır. Tanım, örnek ve etik.
- Huni analizi
Huni analizi, kullanıcıların bir hedefe giden adımları ne oranda tamamladığını ve nerede bıraktığını gösterir. Kurulumu, okunuşu ve örneği.
- Izgara sistemi
Izgara sistemi (grid system) nedir, sütun, oluk ve kenar boşluğu nasıl çalışır? Web ve arayüz tasarımında düzen kurmanın temel mantığı ve örneği.
- Kano modeli
Kano modeli, ürün özelliklerini müşteri memnuniyetine etkisine göre temel, performans ve heyecan verici olarak sınıflar. Anket, analiz ve örnek.
- Kapsayıcı tasarım
Kapsayıcı tasarım nedir, ürünleri farklı yetenek ve bağlamlara sahip insanlar için nasıl tasarlar? Temel ilkeler, örnekler ve erişilebilirlikten farkı.
- Kart sıralama
Kart sıralama (card sorting) nedir, kullanıcılar içeriği nasıl gruplar? Açık, kapalı ve hibrit türler, uygulama adımları, analiz ve ağaç testiyle ilişkisi.
- Kohort analizi
Kohort analizi, kullanıcıları ortak bir özelliğe göre gruplayıp zaman içindeki davranışlarını karşılaştırır. Nasıl yapılır, nasıl okunur, örnek.
- Mikro Etkileşim (Microinteraction) Nedir
Mikro etkileşim, arayüzde tek bir amaca hizmet eden küçük anlık tepkidir. Anatomisini, örneklerini ve iyi tasarlamanın ölçütlerini inceleyin.
- RICE puanlama
RICE puanlama, fikirleri erişim, etki, güven ve efor üzerinden sıralayan önceliklendirme yöntemidir. Formül, örnek ve WSJF ile farkı burada.
- Service blueprint
Service blueprint, bir hizmetin müşteri adımlarını ön ve arka sahne süreçleriyle birlikte tek şemada gösterir. Katmanları ve kullanımı örnekle okuyun.
- Sezgisel Değerlendirme
Sezgisel değerlendirmenin ne olduğunu, Nielsen ilkeleriyle nasıl yapıldığını, şiddet derecelendirmesini ve kullanılabilirlik testinden farkını öğrenin.
- Tasarım devri
Tasarım devri, bir arayüz tasarımının geliştirici ekibin kodlayabileceği netlikte aktarılmasıdır. İçeriğini, ortak çalışma biçimini ve sık hataları örnekle öğrenin.
- Tipografi
Tipografi, yazının okunaklı ve etkili sunulması sanatıdır. Yazı tipi seçimi, hiyerarşi, satır aralığı ve okunabilirlik kavramlarını örneklerle öğrenin.
- Ürün-pazar uyumu (product-market fit)
Ürün-pazar uyumu, ürünün güçlü bir pazar talebini karşıladığı durumdur. Tanımı, ölçüm sinyalleri, örnek ve sık yapılan hatalar bu yazıda.