UI/UX Tasarımcısı - Genel Sorular

UI: Görsel tasarım, renkler, tipografi, layout, interaktif elementler - ürünün nasıl göründüğü. UX: Kullanıcının ürünü kullanırken hissettiği her şey - usability, accessibility, user journey, pain points. UI görsel, UX functional. İkisi birlikte çalışır: Good UI bad UX'i kurtaramaz, good UX bad UI ile zorlaşır.

Design thinking: 1) Empathize (user research, interviews), 2) Define (problem statement, user personas), 3) Ideate (brainstorming, sketching), 4) Prototype (wireframes, mockups), 5) Test (usability testing, iteration). Kullanıcı merkezli tasarım, iterative yaklaşım. Tools: Miro, Figma, Sketch.

Qualitative: User interviews (1-on-1), focus groups, contextual inquiry. Quantitative: Surveys, analytics (A/B test, heatmaps). Hybrid: Usability testing (moderated/unmoderated), diary studies, card sorting. Tools: UserTesting.com, Hotjar, Google Analytics. Research insights → design decisions.

Design system: Component library (buttons, inputs, modals), design tokens (colors, typography, spacing), documentation (usage guidelines), governance (versioning, updates). Benefits: Consistency, efficiency, scalability. Tools: Figma components, Storybook, Zeroheight. Maintenance: Regular reviews, deprecation process.

Responsive: Breakpoint'ler (mobile, tablet, desktop), fluid layouts, flexible images, CSS grid/flexbox. Mobile-first: Progressive enhancement, başlarım mobile'dan, desktop'a eklerim. Advantages: Performance, focus on core content. Desktop-first: Graceful degradation. Breakpoint selection: Content-based, not device-based.

WCAG 2.1 guidelines: Perceivable (alt text, captions), Operable (keyboard navigation), Understandable (clear language), Robust (assistive tech compatibility). Testing: Screen readers (NVDA, VoiceOver), keyboard testing, color contrast checkers. Tools: axe DevTools, WAVE. Inclusive design: Diverse users testing.

Primary: Figma (collaborative, prototyping, dev handoff). Secondary: Sketch (Mac ecosystem), Adobe XD. Research: Miro, Mural. Analytics: Hotjar, FullStory. Version control: Figma history, Abstract. Handoff: Zeplin, Figma dev mode. Project management: Jira, Linear.

Handoff deliverables: Design specs (dimensions, spacing), assets (icons, images), interaction documentation, responsive behavior. Tools: Figma dev mode, Zeplin. Communication: Slack channel, design review meetings. Documentation: Component behaviors, edge cases. Iteration: Post-launch feedback loop.

Testing: Hypothesis → Design variations → Statistical analysis → Decision. Metrics: Conversion rate, click-through rate, engagement. Balance: Data-driven vs user-centered design. Long-term vs short-term metrics. Qualitative feedback ile combine ederim. Aesthetic-usability effect'i de consider ederim.

Bu soruya adayın projelerini anlatması beklenir. Örnek: "E-ticaret sitesi checkout flow redesign. Conversion %15 artırdım. Process: User research (pain points: uzun form), prototyping (tek sayfada ödeme), A/B testing (20k user), iteration. Result: Drop-off %35 azaldı, customer satisfaction arttı."