Design Thinking Workshop

Transcript

2. Profile I am Mfonobong Umondia => Bella I Design for Web and Mobile Figma Ambassador, Uyo @bella_mfonobong
3. Design Thinking Approach Get started with Design Thinking http://bit.ly/designthinkingworkshopdevfest19
4. What is Design Thinking? Design Thinking is a solution-based approach to finding what would-be users really need in development of Applications
5. Why Design Thinking?
6. It allows design teams to tackle ill-defined or unknown problems (wicked problems) because it reframes these types of problems in human-centric ways, allowing the designer to focus on what’s most important for users/customers. It helps us in the process of questioning: questioning the problem, questioning the assumptions, and questioning the implications.
7. Five Stages in Design Thinking
8. Know the people you're designing for, so you understand their needs better. Gain an empathic understanding of the problem you’re trying to solve, typically through some form of user research. Empathy allows you to set aside your own assumptions about the world in order to gain insight into users and their needs. EMPATHIZE 1
9. The big problem you want to solve for your business or end-user. Put together the information you have created and gathered during the Empathize stage. Analyze your observations and synthesize them in order to define the core problems you and your team have identified so far (Write down problem statements) - Human Centered, Broad enough for creative freedom, narrow enough to make it manageable. DEFINE 2
10. This stage will help the designers in your team gather great ideas to establish features, functions, and any other elements that will allow them to solve the problems or, at the very least, allow users to resolve issues themselves with the minimum of difficulty.
11. Come up with different solutions that might be useful to people. Explore Ideation techniques that stimulate free thinking and to expand the problem space. E.g, Brainstorm, Brainwrite, Sketch etc. Get as many ideas or problem solutions as possible at the beginning of the Ideation phase. Pick some other Ideation techniques by the end of the Ideation phase to help you investigate and test your ideas so you can find the best way to either solve a problem or provide the elements required to circumvent it. IDEATE 3
12. Turn ideas into realistic mockups that you can test. Prototypes may be shared and tested within the team itself, in other departments, or on a small group of people outside the design team. The aim is to identify the best possible solution for each of the problems identified during the first three stages. The solutions are implemented within the prototypes, and, one by one, they are investigated and either accepted, improved and re-examined, or rejected on the basis of the users’ experiences. PROTOTYPE 4
13. Share your prototype and gain invaluable feedback from users. Designers or evaluators will rigorously test the complete product using the best solutions identified during the prototyping phase. The results generated during the testing phase are often used to redefine one or more problems and inform the understanding of the users, the conditions of use, how people think, behave, and feel, and to empathise. TEST 5
14. Stage 1: Empathise Aim to use 10% of your time Stage 2: Define Aim to use 10% of your time Stage 3: Ideate Aim to use 10% of your time Stage 4: Prototype Aim to use 50% of your time Stage 5: Test Aim to use 20% of your time Stage 6: Present! It’s now time to share your project! Workshop Agenda
15. Build the profile of your end-user and try to see the world through their eyes. What is their daily routine? Where do they live? What are their goals? Empathise with people
16. Enter something the user likes here Likes Enter something the user likes here Enter something the user likes here Enter a goal of the user here Goals Enter a goal of the user here Enter a goal of the user here Enter something the user likes here Enter a goal of the user here Morning Afternoon Evening 7am - Activity 8am - Activity 9am - Activity 10am - Activity 11am - Activity 12pm - Activity 1pm - Activity 2pm - Activity 3pm - Activity 4pm - Activity 5pm - Activity 6pm - Activity 7pm - Activity 8pm - Activity 9pm - Activity 10pm - Activity 11pm - Activity 12am - Activity Empathise: A day in the life of our user Empathise: User Profile
17. Define Your challenge What problem are we trying to solve for the end-user? Why is this important to them? Enter reason Enter problem
18. Good design solves problems. What will you solve for your user? It's all about the end-user: Remember this is more about the people you're trying to help than technology Keep it focused: Make sure the problem you are trying to tackle isn't too broad or vague Check it against the Empathise stage: Refer back to the user profile to make sure you're on the right track
19. Ideate Our ideas Name ideas Tagline ideas • Tagline 1 • Tagline 2 • Tagline 3 • Name 1 • Name 2
20. Figma Prototype: Tools for Prototyping InVision Adobe XD Sketch Framer Marvel Balsamiq Mockups Webflow
21. Test Reactions Enter positive feedback here Enter positive feedback here Positives Enter positive feedback here Enter negative feedback here Enter negative feedback here Negatives Enter negative feedback here
22. Q&A Can’t think of questions now? Ask me on Twitter @bella_mfonobong
23. Mfonobong Umondia @bella_mfonobong Thank you!
24. • https://www.ideou.com/pages/design-thinking • https://www.interaction-design.org/literature/article/5-stages-in-the-de sign-thinking-process • https://www.youtube.com/watch?v=a7sEoEvT8l8 • https://www.interaction-design.org/literature/article/learn-how-to-use-t he-best-ideation-methods-scamper Materials and Resources
25. • https://medium.theuxblog.com/11-best-prototyping-tools-for-ui-ux-designers -how-to-choose-the-right-one-c5dc69720c47 • https://marvelapp.com • https://hpi-academy.de/en/design-thinking/what-is-design-thinking.html • https://uxdesign.cc/user-experience-is-design-thinking-2428a0a360c2 Materials and Resources