A Mature Design Team - Rahnama College 2nd UI/UX
•
7 recomendaciones•501 vistas
1 - DESIGN TEAM STRUCTURE 2 - DESIGN TEAM PROCESS 3 - DESIGN TEAM COMMUNICATION 4 - DESIGN TEAM SOFT SKILLS 5 - DESIGN TEAM DELIVERABLE
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a A Mature Design Team - Rahnama College 2nd UI/UX
Similar a A Mature Design Team - Rahnama College 2nd UI/UX (20)
Último
Último (20)
A Mature Design Team - Rahnama College 2nd UI/UX
- 1. A Mature Design Team
- 4. Business Needs Customers Needs COMPANY VISION PRODUCTS MARKETING SALES BD CSDESIGN TECH DESIGN PRODUCT PRODUCT PRODUCT
- 5. Design Team Structure Centralized Integrated Distributed
- 6. Centralized Team Head of design
- 7. Centralized Team Product 1 Product 2 Product 3 Head of design
- 8. Cross-functional Product 3 Product 1 Product 2 Product 4 Integrated Team Product Manager
- 9. Designer (UI or UX) Developer Developer Product 1 Iteration, Sprint… Integrated Team Product Manager
- 10. Distributed Team Product 3 Product 1 Product 2 Product 4 Design Team Product Manager Head of design
- 11. Product 3Product 2Product 1 Technical Product Designer Distributed Team Product Manager Product Manager Product Manager Head of Design
- 16. What 1. Why is it needed? 2. For whom am I creating it? 3. Is there already a similar solution out there? 4. How are other people solving it?
- 17. How Get a list of things you need to do Who is responsible for what?
- 18. Do You know exactly what you want to achieve and how you will do it, so… Just Do It
- 19. • User Research • User & Stockholders Interview • Competitive Analysis • Wire-framing • Prototyping • Usability Testing • … Repeat this process several times to find the most frequently tasks Your Process is Ready Now!
- 20. Design Team and Agile Framework Research Design Code Test Waterfall Agile Release Feedback Design Code Research Test Release
- 21. How Does UX Help to Be More Agile Finding Real Pain Points Building Prototypes Better Communication
- 22. Scrum and Design Team Product Backlog Sprint Backlog Sprint Planning Sprint Retrospective Scrum Team Daily Standup
- 23. Overview Agile Iteration In Scrum we can call it Sprint Competitive Analysis User & Stockholders Interview Prototype UI Design UI Development Plan Design Process What - How - Do DesignResearch Test ReleaseCode Software Development Process Feedback
- 27. <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
- 28. CSS Preprocessor: SASS, LESS Javascript Framework jQuery Front-end Framework Bootstrap, Foundation, Semantic UI Front-end Framework JS Javascript Framework CSS CSS Preprocessor HTML
- 29. • How HTML tags are Nested and rendered in the browser • The basics of CSS like Margins & Padding • Which elements can be created using Pure CSS vs. which elements require Images • How Breakpoints work in responsive website layouts Try to Understand
- 30. 1. Share the lessons together 2. Deliver full assets 3. Design according to the style guide Developer VS UI Designer
- 31. Product Manager UX Professional VS
- 33. DESIGN TEAM SOFT SKILLS 4
- 34. Growth Mindset
- 35. Beginner Mind Feedback and Adaptation Deliberate Practice
- 36. Deliberate Practice 1. Determine the main goal 2. Break the overall learning process into smaller parts 3. Identify your weaknesses in each part 4. Try different strategies for each part 5. Connect your learning to the overall process
- 37. Freelancer Employee Redesign Concept Hiring Websites Social Networks Apply as a Trainee Freelance Platforms Small Startup Increase Quality Follow your career path Deliberate Practice
- 38. Empathy Seeing with the eyes of another, listening with the ears of another, and feeling with the heart of another
- 39. Be a good listener Meet people, don’t interview Design in placeGo to the place Empathy
- 40. Negotiation No matter how proficient you are, until you are a good negotiator, you can’t protect your output.
- 41. Know more about stockholders to make a better communication Create your colleges persona 1Negotiation
- 42. Back it up with data Unless you have to accept the HiPPO Highest Paid Person’s Opinion 2Negotiation
- 43. There is no “me”, everything is “team” Your team is a “hidden weapon” 3Negotiation
- 44. Control your emotions Design is not yours 4Negotiation
- 45. Postpone it… But do it better 5Negotiation
- 46. Providing middle solutions You can’t get everything but try to get at least. 6Negotiation
- 48. • Quiet in team discussions • Avoids any kind of conflict • Unable to express design ideas • Stay at background Passive
- 49. • Dominates team discussions. • Quick to criticize. • Doesn’t listen to team members. • Quickly gets frustrated. Aggressive
- 50. • Complains about people behind their backs • Changes opinions quickly • Acting cooperatively but then doing things to disrupt everyone else Passive- Aggressive
- 51. • Good listener. • Careful with how they express their opinions • Makes good eye contact and keeps voice level • Does not allow others to walk over them, and equally protects other people’s rights. Assertive
- 54. Business Stakeholders ProductDevelopers Prototype • Competitive Analysis Report • User Journey Map • Usability Test Report Wireframe UI Output Flowchart Style Guide
- 55. Wireframe
- 56. Prototype Partial High Fidelity Low Fidelity Complete SELL AN IDEA USER TESTING USER LOGICPROF OF CONCEPT
- 57. Prototype • Learning curve • Collaboration • Cloud integration • Level of Fidelity • Workflow integration
- 58. Flow • Flowchart • Wire-flow • User-flow • Task-flow
- 59. Flow Decision Process StepStart / End Process flowFlowchart
- 60. Flow Flowchart
- 61. Wire-flow
- 62. Flow Task-flow Emphasize that users travel through the system while performing a specific task.
- 63. Flow User-flow Emphasize that different users may perform different tasks in different paths.
- 66. Style Guide