Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design for Coders

Design for Coders

What’s the point of building something no one wants? Instead, you can use design to solve problems, communicate, and delight people.

The Web Meetup August, 2018.

Link: https://didoesdigital.com/project/design-for-engineers/

Diana MacDonald

August 14, 2018
Tweet

More Decks by Diana MacDonald

Other Decks in Technology

Transcript

  1. if (condition) { let eg = "foo"; } else {

    eg = "bar"; } Pay a t t e n tion
  2. let eg; if (condition) { eg = "foo"; } else

    { eg = "bar"; } Pay attention
  3. User research & testing - 1. Find your audience -

    2. Ask questions about their goals - 3. Listen to what they say and watch what they do
  4. 5 second test - 1. Set the scene - 2.

    Share a page for 5 seconds - 3. Ask questions
  5. 5 second test questions - Who do you think is

    the intended audience? - What are the main elements you can recall? - What is the purpose of the page? - What is the most important information?
  6. Heuristic reviews - 1. Choose heuristics - 2. Ask 2

    experts to review a task or page - 3. Compare results
  7. Usability test - 1. Set the scene - 2. Share

    the task (goal and no clues) - 3. Repeat 2. as needed
  8. Turn up the volume - InVision blog - UX Design

    weekly newsletter - UI Animation newsletter
  9. Design for coders - 1. Look: at better design examples

    - 2. Listen: to your audience & designers - 3. Make: conscious choices DiDoesDigital.com
  10. Questions? Diana MacDonald | @DiDoesDigital Entypo pictograms 
 by Daniel

    Bruce Iosevka type by Belleve Invis &
 Montserrat type by Julieta Ulanovsky