SlideShare une entreprise Scribd logo
1  sur  50
Télécharger pour lire hors ligne
Hello.
AaBbCcDd
Papyrus
The History of Typography
During the Renaissance
1422 - 1536
(just kidding)
DESIGN FOR ENGINEERS
(and other people who aren’t designers)
JORDAN KOSCHEI
(ko - shy)
FUSION MEDIA
Director of User Experience
THE INDUSTRY
Managing Editor
Two Views on Design
I’d design it myself, but
I don’t know the Photoshop.”
“
So what is design?
Applied arts
Architecture
Automotive design
Benchmarking design
Communication design
Configuration design
Engineering design
Environmental graphic design
Experiential graphic design
Fashion design
Game design
Graphic design
Information architecture
Industrial design
Instructional design
Interaction design
Interior design
Landscape architecture
Lighting design
Military design methodology
Modular design
Motion graphic design
Product design
Process design
Service design
Software design
Sound design
Systems architecture
Systems design
Systems modeling
Transition design
Urban design
User experience design
Visual design
Web design
Biological design
Design is a funny word. Some people
think design means how it looks. But
of course, if you dig deeper, it’s really
how it works.
Steve Jobs
To design is to communicate clearly
by whatever means you can
control or master.
Milton Glaser
Design is directed toward human
beings. To design is to solve human
problems by identifying them and
executing the best solution.
Ivan Chermayeff
Design is the human side
of engineering.
1. Design is scientific.
2. Design is purpose-driven.
3. Design is holistic.
4. Design is objective.
What is design?
1. Design is scientific.
2. Design is purpose-driven.
3. Design is holistic.
4. Design is objective.
What is design?
1. Design is scientific.
2. Design is purpose-driven.
3. Design is holistic.
4. Design is objective.
What is design?
1. Design is scientific.
2. Design is purpose-driven.
3. Design is holistic.
4. Design is objective.
What is design?
Why care about design?
Design is about choosing to care
in an increasingly cynical world.
The Engineer’s
Quick-and-Dirty Guide
to Design
Non- Designer’s
1. Everything means something.
2. Design is in the details.
3. Be generous with whitespace.
4. Design is 95% typography.
5. Always be thinking of the user.
The Engineer’s Quick-and-Dirty Guide to Design
1. Everything means something.
2. Design is in the details.
3. Be generous with whitespace.
4. Design is 95% typography.
5. Always be thinking of the user.
The Engineer’s Quick-and-Dirty Guide to Design
1. Everything means something.
2. Design is in the details.
3. Be generous with whitespace.
4. Design is 95% typography.
5. Always be thinking of the user.
The Engineer’s Quick-and-Dirty Guide to Design
1. Everything means something.
2. Design is in the details.
3. Be generous with whitespace.
4. Design is 95% typography.
5. Always be thinking of the user.
The Engineer’s Quick-and-Dirty Guide to Design
1. Minimum 16px font.
2. Lines around 2 alphabets long.
3.Line spacing at 120 - 150%
4.Dark-on-light, not light-on-dark.
5.Use a basic font, like Helvetica or Georgia.
The Boring Typography Slide
The Engineer’s Quick-and-Dirty Guide to Design
1. Everything means something.
2. Design is in the details.
3. Be generous with whitespace.
4. Design is 95% typography.
5. Always be thinking of the user.
The Engineer’s Quick-and-Dirty Guide to Design
Design is important.
Design is important.
Embrace it.
HUDSON VALLEY TECH MEETUP
theindustry.cc @industry
@jordankoschei
jordan@jordankoschei.com
jordankoschei.com
If you’re interested in design,
you should be on Twitter.
btw
fin.

Contenu connexe

En vedette

En vedette (9)

Taller "Neuromarketing"
Taller "Neuromarketing"Taller "Neuromarketing"
Taller "Neuromarketing"
 
DISEÑO DE PISOS 2
DISEÑO DE PISOS 2DISEÑO DE PISOS 2
DISEÑO DE PISOS 2
 
docente
docentedocente
docente
 
Mechmini project
Mechmini projectMechmini project
Mechmini project
 
Carlos Díaz y Fco. Jesús Gómez - CMD: Look who's talking too [RootedCON 2012]
Carlos Díaz y Fco. Jesús Gómez - CMD: Look who's talking too [RootedCON 2012]Carlos Díaz y Fco. Jesús Gómez - CMD: Look who's talking too [RootedCON 2012]
Carlos Díaz y Fco. Jesús Gómez - CMD: Look who's talking too [RootedCON 2012]
 
Managing Your Boss
Managing Your BossManaging Your Boss
Managing Your Boss
 
Guns - History, Mechanics, and Politics
Guns - History, Mechanics, and PoliticsGuns - History, Mechanics, and Politics
Guns - History, Mechanics, and Politics
 
RSG. N° 015-2017-MINEDU aprueba Normas para la implementación de los tallere...
RSG. N° 015-2017-MINEDU  aprueba Normas para la implementación de los tallere...RSG. N° 015-2017-MINEDU  aprueba Normas para la implementación de los tallere...
RSG. N° 015-2017-MINEDU aprueba Normas para la implementación de los tallere...
 
Acontecimientos previos materno
Acontecimientos previos maternoAcontecimientos previos materno
Acontecimientos previos materno
 

Similaire à Design for Engineers (and Other Non-Designers)

Similaire à Design for Engineers (and Other Non-Designers) (20)

Good Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to Inkscape
 
Design Engineering With Swift
Design Engineering With SwiftDesign Engineering With Swift
Design Engineering With Swift
 
Unleash Your Inner Unicorn
Unleash Your Inner UnicornUnleash Your Inner Unicorn
Unleash Your Inner Unicorn
 
Introduction to Graphic Designing.pdf
Introduction to Graphic Designing.pdfIntroduction to Graphic Designing.pdf
Introduction to Graphic Designing.pdf
 
What is design interaction?
What is design interaction?What is design interaction?
What is design interaction?
 
Fjord Equinox: where is design now?
Fjord Equinox: where is design now?Fjord Equinox: where is design now?
Fjord Equinox: where is design now?
 
Design Workshop I @ Cornell Tech
Design Workshop I @ Cornell TechDesign Workshop I @ Cornell Tech
Design Workshop I @ Cornell Tech
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
Design Awareness
Design AwarenessDesign Awareness
Design Awareness
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien Cowboys
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
 
How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
 
Design Presentation
Design PresentationDesign Presentation
Design Presentation
 
User Experience Design - Why, How and Where
User Experience Design - Why, How and WhereUser Experience Design - Why, How and Where
User Experience Design - Why, How and Where
 
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014
 
Graphic Designing Courses In Khanna
Graphic Designing Courses In KhannaGraphic Designing Courses In Khanna
Graphic Designing Courses In Khanna
 
Demystifying Design for Developers
Demystifying Design for DevelopersDemystifying Design for Developers
Demystifying Design for Developers
 
Demystifying design for developers
Demystifying design for developersDemystifying design for developers
Demystifying design for developers
 
Are Agile Projects Doomed to Half-Baked Design?
Are Agile Projects Doomed to Half-Baked Design?Are Agile Projects Doomed to Half-Baked Design?
Are Agile Projects Doomed to Half-Baked Design?
 
Discussing Invisible Design
Discussing Invisible DesignDiscussing Invisible Design
Discussing Invisible Design
 

Dernier

Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 

Dernier (20)

The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 

Design for Engineers (and Other Non-Designers)

  • 3.
  • 4.
  • 5. The History of Typography During the Renaissance 1422 - 1536 (just kidding)
  • 6. DESIGN FOR ENGINEERS (and other people who aren’t designers)
  • 8. FUSION MEDIA Director of User Experience THE INDUSTRY Managing Editor
  • 9.
  • 10.
  • 11. Two Views on Design
  • 12. I’d design it myself, but I don’t know the Photoshop.” “
  • 13.
  • 14. So what is design?
  • 15. Applied arts Architecture Automotive design Benchmarking design Communication design Configuration design Engineering design Environmental graphic design Experiential graphic design Fashion design Game design Graphic design Information architecture Industrial design Instructional design Interaction design Interior design Landscape architecture Lighting design Military design methodology Modular design Motion graphic design Product design Process design Service design Software design Sound design Systems architecture Systems design Systems modeling Transition design Urban design User experience design Visual design Web design Biological design
  • 16. Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works. Steve Jobs
  • 17. To design is to communicate clearly by whatever means you can control or master. Milton Glaser
  • 18. Design is directed toward human beings. To design is to solve human problems by identifying them and executing the best solution. Ivan Chermayeff
  • 19. Design is the human side of engineering.
  • 20. 1. Design is scientific. 2. Design is purpose-driven. 3. Design is holistic. 4. Design is objective. What is design?
  • 21. 1. Design is scientific. 2. Design is purpose-driven. 3. Design is holistic. 4. Design is objective. What is design?
  • 22. 1. Design is scientific. 2. Design is purpose-driven. 3. Design is holistic. 4. Design is objective. What is design?
  • 23. 1. Design is scientific. 2. Design is purpose-driven. 3. Design is holistic. 4. Design is objective. What is design?
  • 24. Why care about design?
  • 25.
  • 26.
  • 27.
  • 28. Design is about choosing to care in an increasingly cynical world.
  • 29. The Engineer’s Quick-and-Dirty Guide to Design Non- Designer’s
  • 30. 1. Everything means something. 2. Design is in the details. 3. Be generous with whitespace. 4. Design is 95% typography. 5. Always be thinking of the user. The Engineer’s Quick-and-Dirty Guide to Design
  • 31. 1. Everything means something. 2. Design is in the details. 3. Be generous with whitespace. 4. Design is 95% typography. 5. Always be thinking of the user. The Engineer’s Quick-and-Dirty Guide to Design
  • 32. 1. Everything means something. 2. Design is in the details. 3. Be generous with whitespace. 4. Design is 95% typography. 5. Always be thinking of the user. The Engineer’s Quick-and-Dirty Guide to Design
  • 33.
  • 34.
  • 35. 1. Everything means something. 2. Design is in the details. 3. Be generous with whitespace. 4. Design is 95% typography. 5. Always be thinking of the user. The Engineer’s Quick-and-Dirty Guide to Design
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. 1. Minimum 16px font. 2. Lines around 2 alphabets long. 3.Line spacing at 120 - 150% 4.Dark-on-light, not light-on-dark. 5.Use a basic font, like Helvetica or Georgia. The Boring Typography Slide The Engineer’s Quick-and-Dirty Guide to Design
  • 42. 1. Everything means something. 2. Design is in the details. 3. Be generous with whitespace. 4. Design is 95% typography. 5. Always be thinking of the user. The Engineer’s Quick-and-Dirty Guide to Design
  • 45.
  • 49. If you’re interested in design, you should be on Twitter. btw
  • 50. fin.

Notes de l'éditeur

  1. It’s about leveraging our innate biases and predispositions to make things better to use.
  2. It doesn’t exist for its own sake; it exists to facilitate a goal. Design without purpose is art.
  3. It’s not just how a product looks, but how it acts and feels.
  4. There is a best design — the one that’s most effective at enabling a product’s goals. We may never know what that “best possible design” is for a particular product, but we can use data and iteration to get ever-closer.
  5. There’s a bigger picture. Any artifact created by human hands, dreamt up by a human mind, is designed, whether its creator realizes it or not. Everything is designed, but few things are designed well. Why not have the things we make be designed to as high a degree of excellence as the things we surround ourselves with? We all like to surround ourselves with things that are well-considered and well-made. Nobody thinks to themselves, “I wish I had lower-quality things.” Design is a way of showing respect to the people who use the things we create. It’s natural for us to want to the things that we do to be excellent. Creating things — designing things — is in our nature. We’re born with a desire to make things that we’re proud of, to engage in the creative act and declare the outcome “good.” Have you ever met a five-year-old who didn’t like making things? Every kid likes to draw with crayons, or build with Lego. They get older and start making things with more and more sophistication — they write stories, or make movies with a camcorder, or learn to program video games. A creative adult is just a child who survived. The question, then, isn’t “why should we care about design,” but rather, “Why _wouldn’t_ we care about design?” Design is about choosing to care in an increasingly cynical, jaded world.
  6. The NYT ran a study indicating that our perception of a statement’s truth depends on the font it’s written in. The outcome of the 2000 US presidential election came down to the design of the ballots used in a small region of Florida. Design-oriented companies in the S&P index outperform their non-design-oriented counterparts by 228% over 10 years. Mark Zuckerberg changes the phrasing of a dropdown on Facebook and billions of people worldwide find themselves thinking about friendship or affiliation differently. Show me a world leader with that kind of influence.
  7. On my Twitter account (@jordankoschei), I keep a list called “Designers to Follow.” If you’re not sure who to follow, that’s a good start.