A Mature Design Team - Rahnama College 2nd UI/UX
â˘
7 gefällt mirâ˘501 views
1 - DESIGN TEAM STRUCTURE 2 - DESIGN TEAM PROCESS 3 - DESIGN TEAM COMMUNICATION 4 - DESIGN TEAM SOFT SKILLS 5 - DESIGN TEAM DELIVERABLE
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ăhnlich wie A Mature Design Team - Rahnama College 2nd UI/UX
Ăhnlich wie A Mature Design Team - Rahnama College 2nd UI/UX (20)
KĂźrzlich hochgeladen
KĂźrzlich hochgeladen (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 ďŹnd 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 proďŹcient 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 conďŹict ⢠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 ⢠WorkďŹow integration
- 58. Flow ⢠Flowchart ⢠Wire-ďŹow ⢠User-ďŹow ⢠Task-ďŹow
- 59. Flow Decision Process StepStart / End Process ďŹowFlowchart
- 60. Flow Flowchart
- 61. Wire-ďŹow
- 62. Flow Task-ďŹow Emphasize that users travel through the system while performing a speciďŹc task.
- 63. Flow User-ďŹow Emphasize that different users may perform different tasks in different paths.
- 66. Style Guide