Download as PDF, PPTX
Uploaded byAmmad Nasir
Intro to Design (Lecture)
The document outlines a five-step design process that includes kickoff, research, design brief, ideation, and evaluation, emphasizing the importance of problem-solving in design. It highlights the role of user experience and emotional engagement throughout the design journey, suggesting techniques such as user personas and creative environments to enhance innovation. Additionally, it stresses the necessity of effective storytelling in presenting design solutions to inspire stakeholders.
More Related Content
Similar to Intro to Design (Lecture)
![Laminated_Springs[1]. Machine design practice](https://cdn.slidesharecdn.com/ss_thumbnails/laminatedsprings1-251116120255-2a3c06fb-thumbnail.jpg?width=640&height=640&fit=bounds)
Intro to Design (Lecture)
- 1.
- 2. Takeaways • How dodesigners think ? • What do designers do day-to-day ? • What makes a good design ? • What can you learn from a design process that’s relevant to you ?
- 3. • Introduction • Design,UI, UX • 5-Step Design Process • Recap • Questions Agenda
- 4. A little bitabout me • Design Lead • Managing a team of designers • CIBC / Simplii • 12 years experience
- 6.
- 7. The means bywhich a user (human) can interact with a machine or software
- 15. Humans are natural designersand we like to keep improving our designs
- 16.
- 17. A person’s emotionsor attitudes when using using an interface for a machine or software
- 19.
- 20.
- 21.
- 22. FR Documents +UI Kit = Design
- 23. FR Documents +UI Kit = Design
- 24. Design is nota bunch of arbitrary choices a creative person makes based on some requirements handed down to them
- 25. It is aseries of steps that help us uncover insights into a problem and explore various solutions
- 26. What you’ll findout there …
- 30. USEFUL LINK -http://www.technologystudent.com/despro_flsh/iterative1.html
- 31.
- 32. A simple 5-stepDesign Process 51 2 3 4
- 33. A simple 5-stepDesign Process 51 2 3 4Kickoff Start the project
- 34. A simple 5-stepDesign Process 51 2 3 4Kickoff Research Gather all the facts
- 35. A simple 5-stepDesign Process 51 2 3 4Kickoff Research Design Brief Study the problem
- 36. A simple 5-stepDesign Process 51 2 3 4Kickoff Research Design Brief Ideate Come up with lots of ideas
- 37. A simple 5-stepDesign Process 51 2 3 4 EvaluateKickoff Research Design Brief Ideate Pick the winning idea
- 38. A simple 5-stepDesign Process 51 2 3 4Kickoff Research Design Brief EvaluateIdeate New ideas Feedback
- 39. Design is aframework for problem-solving
- 40.
- 41.
- 42. Starting a newproject and identifying what we have to work with
- 43.
- 44. • Design Idea •Motivation for the project • Resources • Project Timelines Includes Kickoff
- 45. • Classroom assignment •Your original idea • Project at work Motivation Kickoff
- 46. • Time • Information •People • Tools • Money Resources Kickoff
- 47.
- 48. Exercise (Part 1: Design Idea) Think of a hobby, skill or interest that you have had lately but have not been successful at (e.g. learning a musical instrument, sports, beating a boss in a game) and write it down. This will be the basis of your design idea Kickoff
- 49.
- 50.
- 51. I am strugglingto get better at playing my musical synthesizer proficiently, and I blame the interface. I wish to redesign it.
- 52. Recap Kickoff Before starting anyproject, write out: • Design Idea • List of required resources • Important dates and milestones
- 53.
- 54. Study the scenarioand empathize with the users
- 55.
- 56. • Functionality ofthe product/software • Users and their behaviours • Existing solutions to the problem Research Research
- 57.
- 58.
- 59.
- 60. • Profiles oftypical users • Behaviours • Motivations • Frustrations User Persona Research
- 61.
- 62. Exercise (Part 2) Developa persona, using yourself, for the Design Idea that you identified in the previous exercise. Research
- 63.
- 64.
- 65. • Day-job outsidemusic • Works mostly from a computer or tablet • Uses music software and understands basic music production concepts • Not trained in music theory • Want to produce dance music • Want to create original sounds for tracks • Does not want to take it too seriously immediately • But, will take more interest if the experience is enjoyable and grows quickly • Curious • Tactile • Likes to be original • Likes to figure out things independently Profile Attitude Goals Personality Traits
- 66. Recap Research • Good researchis crucial for every project • Assumptions are risky • Work from accurate models of the system and user behaviours
- 67.
- 68. Investigate the problemand find out ways to solve it
- 69.
- 70. Elements of aDesign Brief Design Brief • What is the main problem ? • What do you think is the cause for it ? • How do you plan on exploring the solutions ?
- 71. Root-Cause Analysis: TheTitanic
- 73. Exercise (Part 3) DesignBrief For the design idea you identified in the previous step, and referencing the persona you developed, identify the main design problem and write a design brief that explains ways that you can solve the problem
- 74.
- 75. Example: Synthesizer Design Brief Problem Synthesizerinterfaces are not designed to provide an intuitive learning experience for absolute beginners
- 76. Example: Synthesizer Design Brief Brief Designthe concept of a new synthesizer interface. This should: • Invite experimentation • Make it easy to understand concepts • Be immediately easy to use
- 77. Recap Design Brief • Adesign brief helps provide a focused direction for generating ideas • A deep analysis of the problem helps us uncover root causes
- 78.
- 79. Come up withmany different solutions to your design problem
- 80.
- 81. Communicating ideas visually Ideate •Thumbnail Sketches • Paper Prototypes • High Fidelity Wireframes • Visual Mockups
- 87.
- 90. Creative Environments Ideate • Largeopen spaces • Lots of natural lighting • High ceilings promote creativity • Low ceilings promote focus
- 91.
- 92. Exercise (Part 4) Ideate Canyou come up with 10 distinct solutions to solve the problem from your brief ? You can draw thumbnail sketches (preferably) or write down descriptions
- 93.
- 94. Exercise (Part 4) Ideate Canyou come up with 5 more ?
- 95.
- 96. Recap Ideate • Generating lotsof ideas is essential to uncover interesting or innovative solutions • Environment influences creativity
- 97.
- 98. Analyze all theideas and evolve them
- 99.
- 100. Ways to evaluateIdeas Evaluate • Design Patterns & Principles • Design Critique • User Testing
- 101. Design Patterns &Principles Design patterns are a means of capturing useful design solutions and generalizing them to address similar problems Evaluate
- 102. Why Design PatternsExist • Reduce the design time on new projects • Improve the quality of the design ideas • Facilitate communication with developers Evaluate
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109. Using established designprinciples & patterns, as well as our experience, we evaluate the strengths and weaknesses of each design solution. Design Critique Evaluate
- 110.
- 111.
- 112. Usability/User Testing • Canget quantitative information by measuring how long it takes test users to perform tasks, etc. • Can get qualitative information by asking test users to think out loud about their process and feelings, etc. Evaluate
- 113. Types of Tests •Moderated/Facilitated Testing • A/B Preference Tests • Surveys … Evaluate
- 114.
- 115.
- 116.
- 117. What’s Next ? IdeateEvaluate
- 118. Recap • Critically analyzeall the ideas • Always refer back to the User Research, Problem and Brief • Design Patterns, Experience, Testing • Modify existing ideas or generate new ones Evaluate
- 119.
- 120. Tell a compellingstory about your final design
- 121.
- 122. Being able toexplain your work in an engaging and inspiring fashion is essential to the success of your design. If no one is inspired by your vision, all the great thought you put into your design will go to waste Storytelling Present
- 123. A story canbe • Webpage for a commercial product • Case study in design portfolio • An ad for a product Present
- 124. A Formula forDesign Storytelling • Why ? • How ? • What ? Present
- 125.
- 126. Case Study: SmartphoneRedesign
- 127.
- 128.
- 129.
- 130.
- 131.
- 132.
- 133.
- 141.
- 142. Recap Present • Storytelling isa useful technique to present new design ideas • It appeals to our emotion • It’s very effective
- 143.
- 144. User Interface Designisn’t just digital; also physical
- 145. It’s been aroundas long us
- 146. Design is aframework for problem-solving
- 147. 5-step Design Process 512 3 4 EvaluateKickoff Research Design Brief Ideate Pick the winning idea Come up with lots of ideas Study the problem Gather all the facts Start the project
- 148. Engages Several Modesof Thinking • Creative • Analytical • Optimistic • Emotional • Organizational • Fact Storage
- 149.