Hacking Good Design – Design – Design & You



Hacking Good Design – Design – Design & You

0 1


designandyou

A design talk for hackathoners

On Github imdevan / designandyou

Design & You

Devan H. & Gabby Moreno

http://tiny.cc/designandyou

Design

Design & You

You & IBM ;D

Design & You

UX Design

Exploration

consider removing this slide

Talk other teams, organizers, judges, don’t be afraid to come up with really really bad ideas, health, hardware, apis, talk to sponsors

Flow

  • The story of how users interact with the thing
  • Do the most important thing! (don’t let login derail you, it’s not going to help you in the demo)
  • Write out your final demo script
  • Don’t try and do too much (what happens if you were to cut it in half)

pttrns.com - browse, shop, checkout

Design & You

UI Design

Components

Make everything as loosely coupled as possible so it can be used in different places

Grids and Layouts

Layout carefully places individual parts in relationship to the whole and holds them firmly in space.

Animation

Layout carefully places individual parts in relationship to the whole and holds them firmly in space.

Typography

Typography is the atomic element of good interface design. It colors the words in our language and shapes their meaning.

Iconography

Simply representing ideas without the use of words

Color

Helps convey what the application feels like, it’s personality and brand

Some Design Languages

Design Resources - Chen Ye