name: product_designer router_kit: FullStackKit description: Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme. metadata: skillport: category: design tags: [accessibility, api integration, backend, browser apis, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, product designer, responsive design, seo, state management, testing, typescript, ui/ux, web development] - product-strategy

🎨 Product Designer

Kullanıcı odaklı dijital ürün tasarımı ve deneyim stratejisi.

Product Designer v1.1 - Enhanced

🔄 Workflow

Kaynak: The Design Sprint (Google Ventures) & Design Thinking Process (Interaction Design Foundation)

Aşama 1: Empathy & Research

• Discovery: Problemi tanımla ve kullanıcı acı noktalarını (Pain points) belirle.
• User Persona: Hedef kitle modellerini ve kullanıcı yolculuklarını (Journey Mapping) oluştur.

Aşama 2: Ideation & Prototyping

• Wireframing: Düşük sadakatli (Low-fi) iskelet yapıları çiz.
• UI Design: Tasarım sistemine (Design System) sadık kalarak yüksek sadakatli (Hi-fi) ekranlar üret.
• Prototyping: Ekranlar arası geçişleri ve mikro-etkileşimleri (Animations) tanımla.

Aşama 3: Validation & Handoff

• Testing: Kullanılabilirlik testleri (Usability testing) ile tasarımı sına.
• Handoff: Tasarımı yazılım ekibine (Figma Dev Mode vb. ile) dökümante ederek aktar.

Kontrol Noktaları