Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Rahnema College - 3rd UI/UX

191 visualizaciones

Publicado el

A product team structure, communication, deliverables, ...

Publicado en: Diseño
  • Inicia sesión para ver los comentarios

Rahnema College - 3rd UI/UX

  1. 1. Product Team
  2. 2. ROLES1 STRUCTURE2 COMMUNICATION3 SOFT SKILLS4 DELIVERABLES5
  3. 3. ROLES 1
  4. 4. Business Needs Customers Needs Organization Vision Business Development Customer Support IT / Product Product Management Product Design Data Engineering Finance Marketing / Sales Operation
  5. 5. Product Manager UX Designer UI DesignerProduct Designer
  6. 6. Product Manager Product Designer UX Designer UI Designer Focus on Controlling whole process Focus on
 Designing solutions Focus on User interaction Focus on Implementing experiences ‫ﺑﺨﻮر‬ ‫ﻣﻨﻮ‬ ‫ﺑﯿﺎ‬ ‫ﺷﻮد‬ ‫ﺧﻮرده‬
  7. 7. User Research PrototypingUser-flow Usability Testing Information Architecture Wireframing Interaction Design Visual Design UI Design Market Research Scope Planing Organize Team Data Analysis Budgeting Roadmap Goal Setting Task Management Communication MVP Product Manager Product Designer UX Designer UI Designer
  8. 8. Product Manager Product Owner • Is the Job • Responsibilities will change depending on your context and the stage of your product • Focus on external process • Is a role you play in Scrum team • 2001 / Agile Manifesto • Responsibilities are fixed (Backlog, Customer, User Stories) • Focus on internal process Who am I? PM or PO?
  9. 9. ROLES1 STRUCTURE2 COMMUNICATION3 SOFT SKILLS4 DELIVERABLES5
  10. 10. STRUCTURE 2
  11. 11. Team Structure Centralized Integrated Distributed Squad Product Perspective
  12. 12. Research Design Code Test Waterfall Release Agile Feedback Design Code Research Test Release Designer QA Developer Iteration, Sprint…
  13. 13. Competitive Analysis User & Stockholders Interview Prototype UI Design UI Development Plan Design Process DesignResearch Test ReleaseCode Software Development Process Feedback How designers participate in agile process?
  14. 14. Centralized Team Head of Design Head of Product Head of Engineering Head of Data • More consistency among products • Need less human resources • Low participation in the product
  15. 15. Cross-functional • High participation in the product • They grow slowly Product Manager Integrated Team
  16. 16. Centralized Team Product Manager Head of Design Head of Product Head of Engineering Head of Data • More power and discretion • Common language (Design Guideline) • High dependence on product manager and chapter lead Distributed Team
  17. 17. Tribe Shopping Experience Fulfillment Marketing Products Squads Checkout Packing Subscription Program Search & Discovery Delivery Loyalty Program Digikala Example
  18. 18. ROLES1 STRUCTURE AND PROCESS2 COMMUNICATION3 SOFT SKILLS4 DELIVERABLES5
  19. 19. COMMUNICATION 3
  20. 20. Designer vs Developer Should UX designers understand the basic concepts of the technology? 1
  21. 21. What designers think developers do What developers think designers do
  22. 22. <div class='cycle'></div> .cycle{ width: 200px; height: 200px; background: #ED6864; border-radius: 100px; } HTML CSS For animation, Interaction and …. Javascript Visit: https://codepen.io Markup Language Styling Interaction
  23. 23. •CSS Preprocessor
 SASS, LESS •Javascript Framework
 jQuery •Front-end Framework
 Bootstrap, Foundation, Semantic UI Front-end Framework JS Javascript Framework CSS CSS Preprocessor HTML
  24. 24. How HTML tags are Nested and rendered in the browser Try to Understand
  25. 25. The basics of CSS like Margins & Padding Try to Understand
  26. 26. How Breakpoints work in responsive website layouts Try to Understand
  27. 27. How API works? Try to Understand Backend Application Programming Interface Android iOS PWA
  28. 28. • Share the lessons together • Deliver full assets • Get developers involved in the design process
  29. 29. Designer vs Product Manager How knows customers better? 2
  30. 30. ROLES1 STRUCTURE AND PROCESS2 COMMUNICATION3 SOFT SKILLS4 DELIVERABLES5
  31. 31. SOFT SKILLS 4
  32. 32. Growth Mindset 2006
  33. 33. Beginner Mind Feedback & 
 Adaptation Deliberate Practice Accept the challenge Try to catch it Check the progress 1 2 3
  34. 34. Freelancer Employee Redesign Concept Hiring Websites Social Networks Apply as a Trainee Freelance Platforms Small Startup Increase Quality Follow your career path Deliberate Practice
  35. 35. Empathy Seeing with the eyes of another, listening with the ears of another, and feeling with the heart of another
  36. 36. Be a good listener Meet people, don’t interview Get out of the building Empathy
  37. 37. Negotiation No matter how proficient you are, until you are a good negotiator, you can’t protect your output.
  38. 38. Know more about stack-holders to make a better communication Create your colleges persona 1Negotiation
  39. 39. Back it up with data Unless you have to accept the HiPPO Highest Paid Person’s Opinion 2Negotiation
  40. 40. There is no “me”, everything is “team” Your team is a “hidden weapon” 3Negotiation
  41. 41. Control your emotions Design is not yours 4Negotiation
  42. 42. Postpone it… But do it better 5Negotiation
  43. 43. ROLES1 STRUCTURE AND PROCESS2 COMMUNICATION3 SOFT SKILLS4 DELIVERABLES5
  44. 44. DELIVERABLE 5
  45. 45. Deliverable To Requisite Persona Business Qualitative Research Customer Journey Map Business Persona User-flow Tech Customer Journey Map UI Output Tech Wireframe + User-flow + Flowchart Style Guide Tech UI Kit + Brand Book Prototype (Hi-fidelity) Tech UI + Interaction Design Competitive Analysis Report Product - Usability Test Report Product - Design > Product > Business > Tech
  46. 46. Flow • Flowchart • User-flow • Task-flow • Wire-flow
  47. 47. Flow Flowchart
  48. 48. Flow User-flow Emphasize that different users may perform different tasks in different paths. • Buying flow • Discovery flow • Writing review flow
  49. 49. Flow Task-flow Emphasize that users travel through the system while performing a specific task. • Purchase flow • Cancellation flow • Writing review flow
  50. 50. Wire-flow
  51. 51. UI Output Designer PM, Developer, CEO,… Collaboration Tools: Design Tools:
  52. 52. Style Guide
  53. 53. Control Size Color State Variation
  54. 54. Prototype Partial High Fidelity Low Fidelity Complete SELL AN IDEA USER TESTING USER LOGICPROF OF CONCEPT
  55. 55. Usability test report
  56. 56. Competitive Analysis Report
  57. 57. Vahid Abolhassani Nejad

×