Http://blogs. atlassian http://blogs.atlassian.com/2011/10/behind-the-scenes-of-the-atlassian-logo-redesign/

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Designing in the Wild Bill Buxton Microsoft Research
Why Should I Sketch? Chapter 1.2 in Sketching User Experiences: The Workbook.
Design Process Overview
What is a sketch? Chapter 1.2 addendum Sketching User Experiences: The Workbook.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Design Process Overview. What is Design? The word “design” is often used as a generic term that refers to anything that was made by a conscious human.
The Sketchbook Chapter 1.4 in Sketching User Experiences: The Workbook.
Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.
University of Washington HCDE 518 & INDE 545 Sketching HCDE 518 & INDE 545 Winter 2012 With credit to Jake Wobbrock, Dave Hendry, Andy Ko, Jennifer Turns,
® Forging new generations of engineers. Design Process Review.
Sketching the User Experience1
What is a sketch? 1 Concepts (and selected visuals) from this slide deck are based on: -Buxton, B. (2007) Sketching User Experiences: Getting the Design.
Design, prototyping and construction(Chapter 11).
The Engineering Design Process
Design Process Overview. A design process is a systematic problem-solving strategy, with criteria and constraints, used to develop many possible solutions.
Prof. James A. Landay Computer Science Department Stanford University Spring 2016 CS377E: DESIGNING SOLUTIONS TO GLOBAL GRAND CHALLENGES Design Exploration.
University of Washington HCDE 418 Sketching 1 What is Sketching? HCDE 418.
Digital Media & Interaction Design LECTURE 4+5. Lecture 4+5 Draw requirement + Prototyping.
October 4, 2012.
A Design Process Introduction to Engineering Design
atlassian
A Design Process Introduction to Engineering Design
What is Design? The word “design” is often used as a generic term that refers to anything that was made by a conscious human effort. Design is also a process.
Vex Robotics Design System
A Design Process Introduction © 2011 Project Lead The Way, Inc.
A Design Process Introduction to Engineering Design
Ideation & Sketching HCDE 518 Winter 2011
NSERC Undergraduate Summer Research Award 2014
Unit - III Prototyping.
Design Process Overview
Design Process Overview
Design, prototyping and construction
A Design Process Principles Of Engineering
A Design Process.
A Design Process.
The Design Process What Is Design? What Is a Design Process?
A Design Process.
Chapter 11 Design, prototyping and construction 1.
A Design Process Introduction to Engineering Design
A Design Process BW: What are the steps of the Design Process????? No Google! Do you have a lock????? What’s the combo?
Design Process Overview
Harmonizing with STEAM Standards Harmonizing with STEAM Standards
The Paper Table QUESTION:
A Design Process Introduction to Engineering Design
A Design Process Introduction © 2011 Project Lead The Way, Inc.
What is a Design Process?
Design for Specialization
A Design Process.
A Design Process.
A Design Process Introduction to Engineering Design
Design Process Overview
Dr. Mwangi Engineering and Technology
Design Process Overview
A Design Process Introduction © 2011 Project Lead The Way, Inc.
A Design Process Introduction © 2011 Project Lead The Way, Inc.
Creative Design Solutions: Design Thinking
A Design Process Introduction © 2011 Project Lead The Way, Inc.
Design Process Overview
A Design Process Introduction © 2011 Project Lead The Way, Inc.
A Design Process Introduction © 2011 Project Lead The Way, Inc.
A Design Process Introduction © 2011 Project Lead The Way, Inc.
Engineering Design Process
Design Process Overview
A Design Process.
A Design Process.
Creative Design Solutions: Design Thinking
1.02 Creative Design Solutions: Design Thinking
A Design Process Introduction © 2011 Project Lead The Way, Inc.
Design, prototyping and construction
Presentation transcript:

http://blogs. atlassian http://blogs.atlassian.com/2011/10/behind-the-scenes-of-the-atlassian-logo-redesign/

http://blogs. atlassian http://blogs.atlassian.com/2011/10/behind-the-scenes-of-the-atlassian-logo-redesign/

Why Should I Sketch? Chapter 1.2 in Sketching User Experiences: The Workbook

Sketching - Overview Why should we sketch? Getting the design right vs. getting the right design What is sketching? Properties of sketches What is and what isn’t a sketch Sketching vs. prototyping

Sketching is about Design Fundamental idea: Sketching is about design. It is a fundamental tool that helps designers express, develop and communicate design ideas It is a critical part of a process that begins with idea generation, to idea design, to design choices, to engineering Sketching is not about drawing It is about design. Sketching is a tool to help you: express develop, and communicate design ideas Sketching is part of a process: idea generation, design elaboration design choices, engineering Sketching is about Design

Why Sketch? Create Record Reflect, share, critique, decide early ideation think openly about ideas think through ideas force you to visualize how things come together brainstorming: generate abundant ideas without worrying about quality invent and explore concepts Record ideas you develop ideas that you come across archive ideas for later reflection Reflect, share, critique, decide communicate ideas to others invite responses, criticisms, and alternatives; choose ideas worth pursuing

Getting the design right Generate an idea Iterate on the idea

Problem Is it the best idea? Issue: we often fixate on the first idea. Local maximum: hill climbing issue

Getting the right design generate many ideas and variations reflect on all ideas choose the ones that look most promisting develop them in parallel add new ideas as they come up then iterate your final choice

Exploring alternatives Getting the Right Design1 With alternatives, you can compare multiple solutions at any point in time, and choose one or more branches to follow … a designer that pitched three ideas would probably be fired. I'd say 5 is an entry point for an early formal review (distilled from 100's) … if you are pushing one you will be found out, and also fired … it is about open mindedness, humility, discovery, and learning. If you aren't authentically dedicated to that approach you are just doing it wrong! Alistair Hamilton VP Design Symbol Technologies 1Bill Buxton coined the expression ‘Getting the Design Right vs. Getting the Right Design’

Sketching A process that enables you to think through ideas and variations, and convey design ideas to others early in the design phase. http://www.nicolaimarquardt.com/blog/wp-content/uploads/2009/07/dsc0644large.jpg

Why sketching? Early ideation that allows risk-taking and explorations of variations Allows you to think through ideas Active form of brainstorming

Why sketching? Forces you to visualize how things come together Communicates ideas to others (and oneself) to inspire new designs

Sketching as a dialog Mind Sketch (new knowledge) (representation) Buxton, pp. 114

Elaboration and Reduction Elaborate - generate solutions. These are the opportunities Reduce - decide on the ones worth pursuing Repeat - elaborate and reduce again on those solutions elaborate reduce repeat Source: Laseau,P. (1980) Graphic Thinking for Architects & Designers. John Wiley and Sons

Elaboration and Reduction Design is choice. There are two places where there is room for creativity creativity you bring to enumerating meaningfully distinct options from which to choose creativity you bring to defining the criteria, or heuristics, according to which you make your choices. Source: Laseau,P. (1980) Graphic Thinking for Architects & Designers. John Wiley and Sons

Buxton’s Properties of Sketches Quick Timely Inexpensive Disposable Plentiful Clear vocabulary Distinct gesture Minimal detail Appropriate degree of refinement Suggest and explore vs. confirm Ambiguity

Quick A sketch is quick to make, or at least gives that impression

Timely A sketch can be provided when needed

Inexpensive Cost must not inhibit the ability to explore a concept, especially early in design

Disposable If you can’t afford to throw it away, it’s not a sketch Investment is in the process, not the physical sketch However, sketches are not “worthless”

Plentiful They don’t exist in isolation Meaning & relevance is in the context of a collection or series

Clear vocabulary The way it’s rendered (e.g., style, form, signals) makes it distinctive that it is a sketch Could be the way that a line extends through endpoints

Distinct Gesture Fluidity of sketches gives them a sense of openness and freedom Opposite of engineering drawing, which is tight and precise vs.

Minimal Detail Include only what is required to render the intended purpose or concept

Appropriate Degree of Refinement Make the sketch be as refined as the idea If you have a solid idea, make the sketch look more defined If you have a hazy idea, the sketch will look much rougher and less defined

Suggest and explore rather than confirm Sketch should act as a catalyst to the desired and appropriate behaviors, conversations, and interactions

Ambiguity Intentionally ambiguous Value comes from being able to be interpreted in different ways, even by the person who created them

Forms of Sketching? Can be pencil/pen drawing on paper (my preference) Something scraped together in Photoshop Quick-and-dirty prototyping Magazine cut-outs Modifications to existing objects

Is this a sketch? Why or why not? http://www.coroflot.com/cbastain/sketching

Is this a sketch? Why or why not?

Is this a sketch? Why or why not?

Is this a sketch? Why or why not?

Is this a sketch? Why or why not?