what is design? why does it matter?
DESCRIPTION
What is Design? Why does it matter?. David Vronay Research Manager Windows UI Strategy Microsoft, Inc. Dave Vronay. Current Role Research Manager, Windows UI Strategy (MSX) Previous Roles Research Manager, Microsoft Research Asia Center for Interaction Design - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/1.jpg)
What is Design?Why does it matter?
David VronayResearch ManagerWindows UI StrategyMicrosoft, Inc.
![Page 2: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/2.jpg)
© 2005 Microsoft, Inc.
Dave Vronay
• Current Role– Research Manager, Windows UI Strategy (MSX)
• Previous Roles– Research Manager, Microsoft Research Asia Center fo
r Interaction Design– Researcher, Social Computing Group, Microsoft Rese
arch– VP Technology, ImaginEngine (children’s software)– Researcher, Human Interface Group, Apple Computer,
Inc.
• Educational Background– Philosophy– Cinema Production– Game Programming (self-taught)
![Page 3: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/3.jpg)
Class Process and Agenda
![Page 4: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/4.jpg)
© 2005 Microsoft, Inc.
Class Structure
• Five day seminar• No Previous Design Experience
Necessary• No programming required– But the lectures will assume a
knowledge of programming concepts
• Participation both inside and outside of class– You will only learn this stuff by trying it
yourself
![Page 5: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/5.jpg)
© 2005 Microsoft, Inc.
Assignments
• Every Seminar ends with an assignment
• Each day’s lecture builds on the assignments of the previous day
• Assignments can be done individually or in groups– I recommend diverse groups
![Page 6: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/6.jpg)
© 2005 Microsoft, Inc.
Getting the most out of the seminar
• Do the assignments• Use the TAs• Take advantage of your instructor– Ask questions!!– I am around outside of class– [email protected]
• Embrace the concepts– Don’t just focus on the work– Make it relevant to what you do every da
y
![Page 7: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/7.jpg)
What is Design?
![Page 8: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/8.jpg)
© 2005 Microsoft, Inc.
MSX and Design at Microsoft
• MSX = Microsoft User Experience Team
• In reality, MSX focuses on Windows, not all Microsoft products– Shell, IE, Media Player– Not MSN, Office, Money, Halo, etc.
• Set & enforce style guidelines• Define the computing experience
for the rest of the world
![Page 9: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/9.jpg)
© 2005 Microsoft, Inc.
What does MSX do?
• Interaction Design of Windows!
• What is interaction design?
• Making something look good
![Page 10: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/10.jpg)
© 2005 Microsoft, Inc.
What is Interaction Design?
Device Capabilities
& DeviceLimitations
User Needsand
User Abilities
USER INTERFACE
![Page 11: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/11.jpg)
© 2005 Microsoft, Inc.
What designers do
• Understand the user– Needs, capabilities, desires
• Understand the problems– Frustrations, confusions, inabilities
• Propose solutions– enable technology to meet the user’s needs without
exceeding the user’s capabilities
• Test Everything– Design decisions are not opinions, but are
strenuously tested in formal usability studies
• Iterate as necessary– Design is a process of moving ever closer to (but
never reaching) the mythical ideal solution
![Page 12: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/12.jpg)
© 2005 Microsoft, Inc.
Common Design Myths
• MYTH: Designers are artists– Truth: most designers are not particularly good artists, and most
artists are not good designers• MYTH: Designers are really creative
– Truth : Design is much more about being methodical than creative. Designers want to test and measure every possible approach and variable
• MYTH: Designers come in at the end to polish the final work– Truth : Design should start as early as possible. The longer you
wait, the less benefit you can get from design. Ideally, design should start before any other work.
• MYTH: Designers are aloof and in their own world– Truth: Designers do not do any technology! Therefore, it is essential
that we collaborate with other groups (like yours).• MYTH: Design is a luxury
– Truth: Actually, design can be especially valuable in cost-conscious projects because it can stop you from going down dead-ends
• In general, design is just a method for solving problems!
![Page 13: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/13.jpg)
© 2005 Microsoft, Inc.
Roles in Design
• Interaction Designers– Design the user model and overall flow
• Visual Designers– Design the look and feel
• Industrial Designers– Design the hardware
• Usability Experts– Psychologists, sociologists, anthropologists
• Prototypers– Fast programmers who help realize designs
• Production Team– Artists, Animators, Musicians– Production Managers– Internal Tools
![Page 14: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/14.jpg)
Why does design matter?
![Page 15: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/15.jpg)
© 2005 Microsoft, Inc.
A History of the World
• Stone Age
• Bronze Age
• …
• Agricultural Age
• Industrial Age
• Information Age
• And now, the Conceptual Age
![Page 16: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/16.jpg)
© 2005 Microsoft, Inc.
Welcome to the Conceptual Age
• Programming has become a commodity– Today China & India– Tomorrow, Vietnam– Soon, gone all-together
• Technology is not enough– How the technology fits into the human l
ifestyle is what determines success
• Example: iPod, cell phone, etc.
![Page 17: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/17.jpg)
© 2005 Microsoft, Inc.
What skills are needed?
• Everything that was needed before, plus…
• Deep Understanding of Technology
• Sense of Aesthetics
• Concern for the human condition
• Love of perfection
![Page 18: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/18.jpg)
Design in the Software Development Process
![Page 19: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/19.jpg)
© 2005 Microsoft, Inc.
The Old Way
Code Ship!
![Page 20: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/20.jpg)
© 2005 Microsoft, Inc.
The Old Microsoft Way
Write Spec
Coding Testing Ship!
![Page 21: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/21.jpg)
© 2005 Microsoft, Inc.
The Current Model
Design and Write Spec
Coding Testing Ship!Usability
Serious problem discovered!
![Page 22: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/22.jpg)
© 2005 Microsoft, Inc.
A Design-Centric Model
Coding Testing Ship!
Write Spec
DefineProblems& Goals
Design Solutions
RapidPrototype
UserTest
Less than perfect
Close to perfect
![Page 23: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/23.jpg)
© 2005 Microsoft, Inc.
In summary…
• Design produces a better product– Iterate and test many versions instead of
just one
• Design saves money– Rewrites and changes are discovered
during prototyping, while they are still cheap to fix
![Page 24: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/24.jpg)
Now it is your turn!
![Page 25: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/25.jpg)
© 2005 Microsoft, Inc.
Current calculator is unchanged from Windows 1.0
![Page 26: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/26.jpg)
© 2005 Microsoft, Inc.
Time for a redesign
![Page 27: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/27.jpg)
© 2005 Microsoft, Inc.
Let’s design Calculator XP!
?
![Page 28: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/28.jpg)
© 2005 Microsoft, Inc.
Assignment 1: Calculator XP
• Redesign the calculator to make it better than the one currently shipping in XP
• Produce a simple walkthrough that explains your design– PowerPoint, Acrobat, HTML, etc.– No more than three pages
• Do not write code
![Page 29: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/29.jpg)
© 2005 Microsoft, Inc.
Understanding the space
• Problems with current design
• Limitations with current product
• Capabilities of the computer
• Features we could have
• Uses and users
![Page 30: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/30.jpg)
© 2005 Microsoft, Inc.
![Page 31: What is Design? Why does it matter?](https://reader035.vdocument.in/reader035/viewer/2022062809/56815907550346895dc63bcd/html5/thumbnails/31.jpg)
© 2005 Microsoft, Inc.