SlideShare a Scribd company logo
Design Essentials for Executives
“Behind The Magic”


                                       Tweeting our session?
                                Use the hashtag: #effectiveui




                         Anthony Franco: President, Founder
                         Michael Salamon: Lead Experience Architect
Design essentials For Executives
Why Care About Design
Design essentials For Executives
Imagine you are
  Dr. Min Kao
  CEO of Garmin
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
$97.99
Design essentials For Executives
What is Design?
obligatory Steve Jobs quote
“In most people’s vocabularies, design means veneer. It’s interior
decorating. It’s the fabric of the curtains and the sofa. But to me,
nothing could be further from the meaning of design. Design is the
fundamental soul of a man-made creation that ends up expressing
itself in successive outer layers of the product or service.”

Steve Jobs in an Interview with Fortune Magazine, 2000
Design essentials For Executives
Graphic   Interaction
    Design
Design
     Design
      Research
Graphic Design
Making intent visible and emotional.
Design essentials For Executives
“Effective use of the
Language of Form”
       Paul Rand
Dictionary:
Images from “Paul Rand Retrospective” by Imaginary Forces.
Text




Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Text




Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
More than the
sum of its parts...
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Interaction Design
Exposing intent through actions and feedback.
Interaction design is the art
 of making things intuitive
Don Norman’s Design Dictionary
Visibility
Affordances
Feedback
Mapping
Constraint
Consistency
Visibility
Design essentials For Executives
Design essentials For Executives
Design essentials For Executives
Affordance
Design essentials For Executives
Design essentials For Executives
Feedback
http://www.flickr.com/photos/meganbarton/3023756556/
Design essentials For Executives
Mapping
http://www.flickr.com/photos/docsearls/181012863/
Design essentials For Executives
Constraints
Design essentials For Executives
Consistency
Design essentials For Executives
Takeaways
Interactive elements should be visible, recognizable, reactive
(feedback), safe and consistent.
Design Research
Defining, validating and auditing an application’s intent.
Without design research,
customers will think your
     product sucks
But what about Steve?
Without design research,
customers will think your
     product sucks
Without customer empathy,
 customers will think your
      product sucks
Design research gives
 designers empathy
Design essentials For Executives
Pro-Tips
Extras for the Execs.
Never use
Comic Sans
Don’t Put Social Everywhere.
Don’t ask for Comps in your RFP.
Never use
Yellow on
  White
Don’t always copy Apple
AVOID USING ALL
   CAPS WITH
    SCRIPTS
Don’t put
 Drop Shadows
on EVERYTHING
Don’t Use Flames
Never let I.T. make design decisions
Don’t think re-skinning’s gonna help
Don’t say “Make it




Image from: http://stephanielittlejohns.files.wordpress.com/2011/03/pop.jpg
Don’t say “Make the logo bigger”
Don’t say “Make it Clean”
And above all else...
Never, ever quote




   Jakob Nielsen
But you don’t have to
                                         take our word for it.
Jakob Nielsen                                                     Indi Young
   Ten Usability Heuristics: http://www.useit.com/papers/         Mental Modeling
heuristic/heuristic_list.html                                     Re-imagining the Design of Everyday Things (SlideShare)
   Heuristic Evaluation: http://www.useit.com/papers/heuristic/
heuristic_evaluation.html                                         Stephen Few
                                                                  Information Dashboard Design - The Effective Visual
Bill Buxton                                                       Communication of Data
    Sketching User Experience Design
                                                                  Rudolf Arnheim:
Donald Norman                                                     To the Rescue of Art - Twenty-six Essays
The Design of Everyday Things
                                                                  Lindsay Moore and Austin Brown
William Lidwell, Kritina Holden, Jill Butler                      Human Centered Design and the Intersection of Physical and
Universal Principles of Design                                    Digital Worlds:
                                                                  http://www.slideshare.net/EveFife/humancentered-design-and-
Robin Williams                                                    the-intersection-of-the-physical-and-digital-worlds?
The Non-Designer’s Design Book                                    from=ss_embed

                                                                  Original Paul Rand video:
                                                                  http://imaginaryforces.com/featured/3/415
Thanks!
#effectiveui




               @anthonyfranco
               @michael_salamon
               @effectiveui       © EffectiveUI 2011

More Related Content

PDF
Design Thinking and Lean UX
PDF
Critical Thinking forUX Designers (Workshop)
PDF
User Centered Design & User Experience
PDF
進擊的UX @ 中山大學
PDF
Agile design thinking and you... ux australia2011
KEY
VeloCity Campus Design Thinking Workshop
PDF
Leadership
PDF
UX and Design Thinking for Startups
Design Thinking and Lean UX
Critical Thinking forUX Designers (Workshop)
User Centered Design & User Experience
進擊的UX @ 中山大學
Agile design thinking and you... ux australia2011
VeloCity Campus Design Thinking Workshop
Leadership
UX and Design Thinking for Startups

What's hot (19)

PDF
What is UX Design?
PDF
Creating Creative Superteams
PDF
Visual design principles & practices for web and mobile apps
PPTX
Next36 design thinking_intro_4x3_v2
PDF
Z-Shaped Thinkers
PPT
Introduction to User Experience
PDF
From Paths to Sandboxes
PDF
What Is Design?
PDF
LX Design: Mapping The Journey
PDF
Design Thinking for the Modern Startup
PDF
E20 LX Design: Learner Journey Mapping (Academic Tribe and RMIT University)
PDF
Know Thy User: The Role of Research in Great Interactive Design
PDF
MANG6264 Design Thinking PPT.pptx
PDF
#anzmlearn Learner Experience Design: Employing empathy to deliver experience
PDF
Learner Experience Design: A New Hope? #lxdesign #icdeunisa
PDF
Design tenets: One Step closer to a pixel perfect experience
PDF
Eye Candy IS A Critical Business Requirement
PDF
Getting into User Experience Design
PPTX
Designing Structure: Interaction Design
What is UX Design?
Creating Creative Superteams
Visual design principles & practices for web and mobile apps
Next36 design thinking_intro_4x3_v2
Z-Shaped Thinkers
Introduction to User Experience
From Paths to Sandboxes
What Is Design?
LX Design: Mapping The Journey
Design Thinking for the Modern Startup
E20 LX Design: Learner Journey Mapping (Academic Tribe and RMIT University)
Know Thy User: The Role of Research in Great Interactive Design
MANG6264 Design Thinking PPT.pptx
#anzmlearn Learner Experience Design: Employing empathy to deliver experience
Learner Experience Design: A New Hope? #lxdesign #icdeunisa
Design tenets: One Step closer to a pixel perfect experience
Eye Candy IS A Critical Business Requirement
Getting into User Experience Design
Designing Structure: Interaction Design
Ad

Similar to Design essentials For Executives (20)

PDF
The Science of UX Design
PPT
Design Essentials for Developers
PDF
Design - What differentiates the useful from usable & delightful
PPTX
Usability and User Experience Training Seminar
PPT
Design Essentials for Developers 08.31.11
PDF
Design & Technology
PDF
Utah PMA Quarterly Meeting, June, 2010
PDF
Trans talk
PDF
Education for Design For Life
PDF
Designing The Future of Things & Experiences
PPTX
Introduction to User Experience Design 06/22/19
KEY
In order for UX to achieve it’s potential, we need to reframe it as a profess...
PDF
GHAMAS Design Principles
PDF
Re-imagining the Design of Everyday Things
PDF
Human-Centered Design and the Intersection of the Physical and Digital Worlds
PPTX
Introduction to User Experience Design 10/05/19
PDF
SxSW 2012: Applying Behavior Design
PDF
User Experience Workshop
PPTX
Creating products for people: how user experience is creating products that a...
PPTX
Introduction to User Experience Design 12/07/19
The Science of UX Design
Design Essentials for Developers
Design - What differentiates the useful from usable & delightful
Usability and User Experience Training Seminar
Design Essentials for Developers 08.31.11
Design & Technology
Utah PMA Quarterly Meeting, June, 2010
Trans talk
Education for Design For Life
Designing The Future of Things & Experiences
Introduction to User Experience Design 06/22/19
In order for UX to achieve it’s potential, we need to reframe it as a profess...
GHAMAS Design Principles
Re-imagining the Design of Everyday Things
Human-Centered Design and the Intersection of the Physical and Digital Worlds
Introduction to User Experience Design 10/05/19
SxSW 2012: Applying Behavior Design
User Experience Workshop
Creating products for people: how user experience is creating products that a...
Introduction to User Experience Design 12/07/19
Ad

More from EffectiveUI (20)

PDF
Designing an App: From Idea to Market
PDF
Flash and Flex in an HTML5 / App Store World
PDF
Flex4 Component Lifecycle
PDF
The Art of Interaction
PDF
Rails on HBase
PDF
Git for the Android Developer
PDF
Microsoft Kinect and Molehill
PDF
Reasons for Flash: Flash Development in an HTML5 and App Store World
KEY
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
PPT
Design Essentials for Developers
PDF
Your Mom Has an iPad
PDF
From the Trenches: Building the Accessible Web
PDF
Flexerific Visual Effects
PPT
Test-Driven Development
PPT
An Opinionated Introduction to Mate
PDF
Diving Deep with the Flex Component Life Cycle
PPT
Flex 360 Rules Engine
PPT
Flex 4 Deep Dive
PPT
Accessibility in Flex
PDF
The ROI of User Experience:
Designing an App: From Idea to Market
Flash and Flex in an HTML5 / App Store World
Flex4 Component Lifecycle
The Art of Interaction
Rails on HBase
Git for the Android Developer
Microsoft Kinect and Molehill
Reasons for Flash: Flash Development in an HTML5 and App Store World
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
Design Essentials for Developers
Your Mom Has an iPad
From the Trenches: Building the Accessible Web
Flexerific Visual Effects
Test-Driven Development
An Opinionated Introduction to Mate
Diving Deep with the Flex Component Life Cycle
Flex 360 Rules Engine
Flex 4 Deep Dive
Accessibility in Flex
The ROI of User Experience:

Recently uploaded (20)

PPTX
12. Community Pharmacy and How to organize it
PPT
Machine printing techniques and plangi dyeing
PPTX
joggers park landscape assignment bandra
PPTX
6- Architecture design complete (1).pptx
DOCX
actividad 20% informatica microsoft project
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
Media And Information Literacy for Grade 12
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
The Advantages of Working With a Design-Build Studio
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
DOCX
The story of the first moon landing.docx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Urban Design Final Project-Context
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
An introduction to AI in research and reference management
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
12. Community Pharmacy and How to organize it
Machine printing techniques and plangi dyeing
joggers park landscape assignment bandra
6- Architecture design complete (1).pptx
actividad 20% informatica microsoft project
SEVA- Fashion designing-Presentation.pdf
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Media And Information Literacy for Grade 12
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
The Advantages of Working With a Design-Build Studio
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
The story of the first moon landing.docx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Urban Design Final Project-Context
YOW2022-BNE-MinimalViableArchitecture.pdf
An introduction to AI in research and reference management
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL

Design essentials For Executives