What is Design? Why does it matter? David Vronay Research Manager Windows UI Strategy Microsoft, Inc.

Slides:



Advertisements
Similar presentations
What Is An Operating System?. Before Operating Systems u What do you do with just computer hardware? –If someone gives you a computer with no software.
Advertisements

Systems Development Environment
Overview of the Interaction Design Process. Objectives By the end of today’s class you will be able to… –Describe the major steps in the interaction design.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 16 HCI PROCESS.
Experiential Learning Cycle
Getting ripped off by SAP consultants? Not getting the desired effect from COTS? Read on to discover why COTS systems or expensive management consultants.
Game Deconstruction 101 How to stop developers reinventing the wheel.
Game Design Serious Games Miikka Junnila.
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Tietojärjestelmien peruskurssi Software engineering Malin Brännback.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
Design Activities in Usability Engineering laura leventhal and julie barnes.
What is Interaction Design?
Project Work Playtesting + Postmortem. Plan for today Lecture + discussion Groups status report New Features /Changes in game engine LUNCH BREAK Group.
Chapter 6 The Process of Interaction Design Presented by: Kinnis Gosha, Michael McGill, Jamey White, and Chiao Huang.
Usability Inspection n Usability inspection is a generic name for a set of methods based on having evaluators inspect or examine usability-related issues.
Kodu Trials Celebration 11 December 2009 Evaluation of the Trials Ian Phillips, I & J Management Services.
Administrivia Turn in ranking sheets, we’ll have group assignments to you as soon as possible Homeworks Programming Assignment 1 due next Tuesday Group.
Objectives By the end of today’s class you will be able to… –Describe the major steps in the interaction design process –Explain the importance of iterative.
Ch 10 Prototyping page 1 CS 368 Prototyping an initial version of a software system used to demonstrate concepts, compare design alternatives and to explore.
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
Interface Guidelines & Principles Focus on Users & Tasks Not Technology.
CS 3724: Introduction to Human Computer Interaction Chris North Jason Lee Szu-Chia Lu.
PROGRAMMING LEARNING: DIFFICULTIES AND SUPPORT TOOLS António José Mendes – University of Coimbra.
Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.
Sofia Carlander Kinoshita Laboratory 2004/2005
Human Computer Interaction & Usability Prototyping Design & Prototyping HCI Prototyping.
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
1 Phases in Software Development Lecture Software Development Lifecycle Let us review the main steps –Problem Definition –Feasibility Study –Analysis.
Concepts of Engineering and Technology Copyright © Texas Education Agency, All rights reserved.
Making a digital portfolio ARCH672 Masters Urban Design Studio November 15, 2004.
Programming with Alice Computing Institute for K-12 Teachers Summer 2011 Workshop.
HCI Prototyping Chapter 6 Prototyping. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “prototyping” –Explain the.
Storyboarding 1. Purpose of Storyboarding  To gain an early reaction from users on the concepts proposed for the application.  They are an effective.
Interaction Design Process COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 5 Chapter 3 (Heim)
Reverse the Polarity! Mike Kuniavsky. This Morning  Usability today  Reverse the polarity!
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
CSCD 330 Network Programming Fall/Winter/Spring 2014 Lecture 1 - Course Details.
Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.
1 ISE 412 Usability Testing Purpose of usability testing:  evaluate users’ experience with the interface  identify specific problems in the interface.
Pharmaceutical / Healthcare Supra Manohar, EVP Business Development, Emantras, Inc. Best Practices for Marketing and Training DIGITAL EDUCATION.
Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.
Chapter 6 Prototyping, RAD, and Extreme Programming Systems Analysis and Design Kendall & Kendall Sixth Edition.
Creating a Game Brent M. Dingle, Ph.D Game Design and Development Program Mathematics, Statistics and Computer Science University of Wisconsin -
ICS 463, Intro to Human Computer Interaction Design: 5. Design Processes Dan Suthers.
Fundamentals of Game Design by Ernest Adams and Andrew Rollings Chapter 1: Games and Video Games.
Usability & Prototyping Uday M. Shankar Yahoo! Bangalore India.
Envisioning the Vacuum David Vronay Research Manager Windows UI Strategy Microsoft, Inc.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Introduction to Evaluation without Users. Where are you at with readings? Should have read –TCUID, Chapter 4 For Next Week –Two Papers on Heuristics from.
Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.
Liz September A story about software that matters.
44222: Information Systems Development
CS 3724: Introduction to Human Computer Interaction Chris North Regis Kopper.
Copyright 2015, Robert W. Hasker. Classic Model Gathering Requirements Specification Scenarios Sequences Design Architecture Class, state models Implementation.
Northwest Arkansas.Net User Group Jay Smith Tyson Foods, Inc. Unit Testing nUnit, nUnitAsp, nUnitForms.
Be the New Renaissance Artist: Davinci = Art+Design+Engineering.
DSMA 0393/1414 Comments of Students. Co-requisite Model Student Comments Students were given this request on their final examination: Write a statement.
Welcome! My name is Dr. Sab Babu A bit about myself
Overview of E-Learning Authoring Software
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
INF385G: Topic Discussion Huang, S. C.
Prototyping.
Chapter 10 Development of Multimedia Project
User Interface Prototyping & Interaction Design
IS SIMPLIFYING COMPLICATED? Visit my website :
Usability Techniques Lecture 13.
CS305, HW1, Spring 2008 Evaluation Assignment
Expanded Art Media Performamatics (eAMP)
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

What is Design? Why does it matter? David Vronay Research Manager Windows UI Strategy Microsoft, Inc.

© 2005 Microsoft, Inc. Dave Vronay Current Role –Research Manager, Windows UI Strategy (MSX) Previous Roles –Research Manager, Microsoft Research Asia Center for Interaction Design –Researcher, Social Computing Group, Microsoft Research –VP Technology, ImaginEngine (children’s software) –Researcher, Human Interface Group, Apple Computer, Inc. Educational Background –Philosophy –Cinema Production –Game Programming (self-taught)

Class Process and Agenda

© 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

© 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

© 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 Embrace the concepts –Don’t just focus on the work –Make it relevant to what you do every day

What is Design?

© 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

© 2005 Microsoft, Inc. What does MSX do? Interaction Design of Windows! What is interaction design? Making something look good

© 2005 Microsoft, Inc. What is Interaction Design? Device Capabilities & Device Limitations User Needs and User Abilities USER INTERFACE

© 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

© 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!

© 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

Why does design matter?

© 2005 Microsoft, Inc. A History of the World Stone Age Bronze Age … Agricultural Age Industrial Age Information Age And now, the Conceptual Age

© 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 lifestyle is what determines success Example: iPod, cell phone, etc.

© 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

Design in the Software Development Process

© 2005 Microsoft, Inc. The Old Way CodeShip!

© 2005 Microsoft, Inc. The Old Microsoft Way Write Spec CodingTestingShip!

© 2005 Microsoft, Inc. The Current Model Design and Write Spec CodingTestingShip!Usability Serious problem discovered!

© 2005 Microsoft, Inc. A Design-Centric Model CodingTestingShip! Write Spec Define Problems & Goals Design Solutions Rapid Prototype User Test Less than perfect Close to perfect

© 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

Now it is your turn!

© 2005 Microsoft, Inc. Current calculator is unchanged from Windows 1.0

© 2005 Microsoft, Inc. Time for a redesign

© 2005 Microsoft, Inc. Let’s design Calculator XP! ?

© 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

© 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

© 2005 Microsoft, Inc.