Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Product Design and UX / UI Design Process in Digital Product Development

440 Aufrufe

Veröffentlicht am

Presentation about product design and its role in digital product development, UI / UX design process and methodologies, examples of their applications.

Veröffentlicht in: Design

Product Design and UX / UI Design Process in Digital Product Development

  1. 1. Product Design and UX / UI Design Process in Digital Product Development 2017
  2. 2. Volodymyr Melnyk Design Lead
 UX / UI Designer
  3. 3. WORK EXPERIENCE 3 Front End Developer QA Automation
 Engineer iOS Developer Designer UX / UI
  4. 4. DIGITAL PRODUCT DESIGN
  5. 5. DIGITAL PRODUCT DESIGN 5 Moving Pixels Problem Solving Role of a Designer
  6. 6. DESIGN THINKING 6 Viability Business Desirability User Feasibility Technology by IDEO
  7. 7. UX AND UI 7 User Experience User Interface How product works and feels All aspects of the end-user interaction How product surfaces look and function Visual design, aesthetics and brand
  8. 8. PYRAMID OF PRODUCT NEEDS 8 Functionality Reliability Usability Delight
  9. 9. DESIGN PROCESS
  10. 10. DESIGN PROCESS 10 • Strategy • Research • Conceptual Design • Visual Design • Prototyping • Delivery • Validation
  11. 11. STRATEGY 11 • Kickoff • Project Brief • Roadmap product vision, project plan, requirements, deliverables, identifying success factors and metrics
  12. 12. RESEARCH 12 • Analytics
 
 SWOT, market segmentation, competitive analysis, heuristic evaluation, etc.
 • User Research
  13. 13. USER RESEARCH 13 Storyboard Personas and User Stories Jobs To Be Done Task Flows and Task Matrix User Flows Customer Journey and Experience Maps
  14. 14. CONCEPTUAL DESIGN 14 • Sketches • Wireframes • Information Architecture • Interaction Flows
  15. 15. SKETCHES
  16. 16. WIREFRAMES Low Fidelity High Fidelity
  17. 17. INFORMATION ARCHITECTURE
  18. 18. INTERACTION FLOWS
  19. 19. VISUAL DESIGN 19 Mood Boards Mockups Design Assets & Graphics Animation & Motion
  20. 20. PROTOTYPING 20 LOW FIDELITY HIGH FIDELITY
  21. 21. INTERACTIVE PROTOTYPES
  22. 22. DELIVERY 22 • Design Handoff • Design Systems & Style Guides • Design Specifications
 
 (Product Requirements)
  23. 23. DESIGN HANDOFF 23 UI Designers Front End Developers OR Sympli InVision Inspect
  24. 24. DESIGN SYSTEMS Unified Framework for Product Design AND Development
  25. 25. STYLE GUIDE
  26. 26. DESIGN SPECIFICATIONS
  27. 27. DESIGN SPECIFICATIONS
  28. 28. VALIDATION 28 QUALITY ASSURANCE USABILITY TESTING
  29. 29. USABILITY TESTING 29 • Moderated in-person • Moderated remote • Unmoderated remote • Quantitative • Qualitative
  30. 30. 30 ITERATE repeat the process based on insights, research and validation results, design outcomes from previous phases
  31. 31. THANK YOU! Volodymyr Melnyk /in/vamelnyk /v.a.melnyk

×