DMS 104 notes from 2nd half of class PDF

Preview

Summary

Review of all the lectures and slides to help prepare for all exams and projects....

Description

DMS 104 notes from 2nd half of class:

Framework: What are the three purposes of the Framework? 1. Provide a concrete and compelling vision of what the product or service is, how it works, and how it looks 2. Do so as quickly as possible so stakeholders can make informed decisions with minimal Investment 3. Ensure that the design you envision now will accommodate all known plans for the future, even if it’s modified in the short term We have everything collected but not ready to be done yet. Blueprints & brainstorming. Describe some key pieces of the Sketching process 1. Visual brainstorming 2. Sketching and Failing 3. Quick 4. Inexpensive drawings of the product. 5. This process is supposed to be trial and error. 6. This process should invite collaboration. 7. Whiteboards are great for this because they encourage change 8. Our design should allow for the long term. Storyboards: - What is the purpose and how do we decide what goes into them? - How would someone respond and how the product would eliminate the issue. It’s a visual representation of the context scenarios. What are the 5 components/harms ethical design must avoid: 1. Physical harm (different from “it shouldn't be able to cause harm” 2. Psychological harm (not too hard to use 3. Social harm (two ways to think about it: it doesn't perpetuate inequality. It won't embarrass someone or make them look bad socially. Like having a defect)

4. Economic harm (costs too much for your users. Is the price fair when they buy it and does it set them up for financial loss later on? Some defect in the product? Come in the expense of something else? Will they lose money over time?) 5. Environmental harm What do we mean by “elegant” design? - Good Design is Elegant - An elegant design is usually the simplest complete solution. It accomplishes all that it must, but there's nothing else you can take away: You've used the smallest number of screens, widgets, and hardware buttons possible to accomplish the task. However, going too far like the original iPod. 100 functions and all of them go through 2 buttons. That isn’t the most efficient bc then you have to use 2 buttons to do 100 tasks. We need to strike a balance. Simplicity shouldn’t come at the cost of functionality. What are the 4 types of work that good design should minimize? Minimize Unnecessary Work 1. Cognitive Work: Thinking too hard about how it functions. A dial with a logarithmic scale. 2. Visual Work: You should know what to do from looking at it. A page with very small links to get to another page. 3. Memory Work: How much info required to use product needs to be stored in our brains. Unlabeled buttons that you have to remember the functions of 4. Physical Work: The product should not be more physically demanding more than it must be. A phone is created using the heaviest materials available. What are the 4 components of CRAP Design and what do they represent? Contrast: the difference between certain things Repetition: consistency aka pattern to continue. Aka the 7 different screens all look the same. Like the main menu button will always be in the same place. Alignment: the title aligns with the bullets etc. the lines and design help with cognitive ordering. One isn’t a sub-section of the other, all is instead literally in line with each other Proximity: if they connect, they should be closer together. It’s subjective. Things that are conceptually similar, should be closer visually in proximity. For example, left and right arrow keys were on the opposite of the keyboard. Purpose of the form & behavior specification document:

I need to send it out to engineers. We put all our work together so our step in the process ends and we send it to others. Its some completely that someone not part of our design team understands and knows what to do. What visual and physical properties should it include? Visual: interface, fonts shapes, s watches of key colors with hex or RGB values, measurements, Key Icons Used, Typefaces, and Styles, Paragraph descriptions and justifications for all of the above. This is EXACTLY what it will look like, no more sketches. Physical: materials and components our product is made out of. USB port? Wireless card? Touch Screen? How and what should they accomplish? Why have we included the components we have included? Why doesn’t it have ____? Explanations of physical components....