Design Essentials for Executives“Behind The Magic”                                       Tweeting our session?            ...
Why Care About Design
Imagine you are  Dr. Min Kao  CEO of Garmin
$97.99
What is Design?
obligatory Steve Jobs quote“In most people’s vocabularies, design means veneer. It’s interiordecorating. It’s the fabric o...
Graphic   Interaction    DesignDesign     Design      Research
Graphic DesignMaking intent visible and emotional.
“Effective use of theLanguage of Form”       Paul Rand
Dictionary:
Images from “Paul Rand Retrospective” by Imaginary Forces.
TextImages from “Paul Rand Retrospective” by Imaginary Forces.
Images from “Paul Rand Retrospective” by Imaginary Forces.
TextImages 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 thesum of its parts...
Interaction DesignExposing intent through actions and feedback.
Interaction design is the art of making things intuitive
Don Norman’s Design DictionaryVisibilityAffordancesFeedbackMappingConstraintConsistency
Visibility
Affordance
Feedback
http://www.flickr.com/photos/meganbarton/3023756556/
Mapping
http://www.flickr.com/photos/docsearls/181012863/
Constraints
Consistency
TakeawaysInteractive elements should be visible, recognizable, reactive(feedback), safe and consistent.
Design ResearchDefining, 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
Pro-TipsExtras for the Execs.
Never useComic Sans
Don’t Put Social Everywhere.
Don’t ask for Comps in your RFP.
Never useYellow on  White
Don’t always copy Apple
AVOID USING ALL   CAPS WITH    SCRIPTS
Don’t put Drop Shadowson EVERYTHING
Don’t Use Flames
Never let I.T. make design decisions
Don’t think re-skinning’s gonna help
Don’t say “Make itImage 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                          ...
Thanks!#effectiveui               @anthonyfranco               @michael_salamon               @effectiveui       © Effecti...
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Design Essentials for Executives
Upcoming SlideShare
Loading in...5
×

Design Essentials for Executives

1,240

Published on

It’s important for business executives to understand a few design basics to communicate effectively with the designers. This session goes in-depth on which design techniques and principles ought to be part of every executive’s vernacular. It covers the basics of both high level interaction design and lower-level visual design in a way that maximizes energy and time in the approval process. Presented at Web 2.0 Expo, October 2011, by Anthony Franco, President of EffectiveUI, and Michael Salamon, Lead Experience Architect at EffectiveUI.

Published in: Design, Technology, Spiritual
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,240
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Design Essentials for Executives"

  1. 1. Design Essentials for Executives“Behind The Magic” Tweeting our session? Use the hashtag: #effectiveui Anthony Franco: President, Founder Michael Salamon: Lead Experience Architect
  2. 2. Why Care About Design
  3. 3. Imagine you are Dr. Min Kao CEO of Garmin
  4. 4. $97.99
  5. 5. What is Design?
  6. 6. obligatory Steve Jobs quote“In most people’s vocabularies, design means veneer. It’s interiordecorating. It’s the fabric of the curtains and the sofa. But to me,nothing could be further from the meaning of design. Design is thefundamental soul of a man-made creation that ends up expressingitself in successive outer layers of the product or service.”Steve Jobs in an Interview with Fortune Magazine, 2000
  7. 7. Graphic Interaction DesignDesign Design Research
  8. 8. Graphic DesignMaking intent visible and emotional.
  9. 9. “Effective use of theLanguage of Form” Paul Rand
  10. 10. Dictionary:
  11. 11. Images from “Paul Rand Retrospective” by Imaginary Forces.
  12. 12. TextImages from “Paul Rand Retrospective” by Imaginary Forces.
  13. 13. Images from “Paul Rand Retrospective” by Imaginary Forces.
  14. 14. TextImages from “Paul Rand Retrospective” by Imaginary Forces.
  15. 15. Images from “Paul Rand Retrospective” by Imaginary Forces.
  16. 16. Images from “Paul Rand Retrospective” by Imaginary Forces.
  17. 17. Images from “Paul Rand Retrospective” by Imaginary Forces.
  18. 18. Images from “Paul Rand Retrospective” by Imaginary Forces.
  19. 19. Images from “Paul Rand Retrospective” by Imaginary Forces.
  20. 20. Images from “Paul Rand Retrospective” by Imaginary Forces.
  21. 21. Images from “Paul Rand Retrospective” by Imaginary Forces.
  22. 22. Images from “Paul Rand Retrospective” by Imaginary Forces.
  23. 23. Images from “Paul Rand Retrospective” by Imaginary Forces.
  24. 24. More than thesum of its parts...
  25. 25. Interaction DesignExposing intent through actions and feedback.
  26. 26. Interaction design is the art of making things intuitive
  27. 27. Don Norman’s Design DictionaryVisibilityAffordancesFeedbackMappingConstraintConsistency
  28. 28. Visibility
  29. 29. Affordance
  30. 30. Feedback
  31. 31. http://www.flickr.com/photos/meganbarton/3023756556/
  32. 32. Mapping
  33. 33. http://www.flickr.com/photos/docsearls/181012863/
  34. 34. Constraints
  35. 35. Consistency
  36. 36. TakeawaysInteractive elements should be visible, recognizable, reactive(feedback), safe and consistent.
  37. 37. Design ResearchDefining, validating and auditing an application’s intent.
  38. 38. Without design research,customers will think your product sucks
  39. 39. But what about Steve?
  40. 40. Without design research,customers will think your product sucks
  41. 41. Without customer empathy, customers will think your product sucks
  42. 42. Design research gives designers empathy
  43. 43. Pro-TipsExtras for the Execs.
  44. 44. Never useComic Sans
  45. 45. Don’t Put Social Everywhere.
  46. 46. Don’t ask for Comps in your RFP.
  47. 47. Never useYellow on White
  48. 48. Don’t always copy Apple
  49. 49. AVOID USING ALL CAPS WITH SCRIPTS
  50. 50. Don’t put Drop Shadowson EVERYTHING
  51. 51. Don’t Use Flames
  52. 52. Never let I.T. make design decisions
  53. 53. Don’t think re-skinning’s gonna help
  54. 54. Don’t say “Make itImage from: http://stephanielittlejohns.files.wordpress.com/2011/03/pop.jpg
  55. 55. Don’t say “Make the logo bigger”
  56. 56. Don’t say “Make it Clean”
  57. 57. And above all else...
  58. 58. Never, ever quote Jakob Nielsen
  59. 59. But you don’t have to take our word for it.Jakob Nielsen Indi Young Ten Usability Heuristics: http://www.useit.com/papers/ Mental Modelingheuristic/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 VisualBill Buxton Communication of Data Sketching User Experience Design Rudolf Arnheim:Donald Norman To the Rescue of Art - Twenty-six EssaysThe Design of Everyday Things Lindsay Moore and Austin BrownWilliam Lidwell, Kritina Holden, Jill Butler Human Centered Design and the Intersection of Physical andUniversal 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
  60. 60. Thanks!#effectiveui @anthonyfranco @michael_salamon @effectiveui © EffectiveUI 2011

×