Difference between revisions of "Design and Prototyping"
| Line 9: | Line 9: | ||
Wireframing > Sticky notes > Agreeing on structure /what goes on each page | Wireframing > Sticky notes > Agreeing on structure /what goes on each page | ||
| − | Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for | + | Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for bye in |
| + | More traditional workflow : | ||
designing > developing > re-designing > re-developing | designing > developing > re-designing > re-developing | ||
| − | + | Prototyping allows you to do that | |
static site generators | static site generators | ||
| Line 25: | Line 26: | ||
psych tool -> making them think they're in good hands -> first site looks good while not putting in too much work | psych tool -> making them think they're in good hands -> first site looks good while not putting in too much work | ||
| − | about the design design a framework before you code half | + | be about the design . design a framework before you code half |
Revision as of 21:18, 1 April 2016
Start with a branding style guide
Planning ahead of time
Prototype is the fastest way to validate an idea
Wireframing vs. Prototyping
Wireframing > Sticky notes > Agreeing on structure /what goes on each page
Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for bye in
More traditional workflow : designing > developing > re-designing > re-developing
Prototyping allows you to do that
static site generators
planning vs. making
static site generators -> metalsmith
having conversations early -> if you know how drupal will spit out -> develop CSS file to structure
psych tool -> making them think they're in good hands -> first site looks good while not putting in too much work
be about the design . design a framework before you code half