Difference between revisions of "Design and Prototyping"
Jump to navigation
Jump to search
| Line 2: | Line 2: | ||
2 different ways of building a branding style guide : '''Wireframing vs. Prototyping''' | 2 different ways of building a branding style guide : '''Wireframing vs. Prototyping''' | ||
| − | |||
| − | |||
| − | |||
| Line 14: | Line 11: | ||
designing > developing > re-designing > re-developing. Prototyping allows you to do that | designing > developing > re-designing > re-developing. Prototyping allows you to do that | ||
| − | + | Prototyping is the fastest way to validate an idea | |
Revision as of 00:16, 2 April 2016
Start with a branding style guide
2 different ways of building a branding style guide : Wireframing vs. Prototyping
- Wireframing > Sticky notes > Agreeing on structure and 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 buy-in
- The more traditional workflow is :
designing > developing > re-designing > re-developing. Prototyping allows you to do that
Prototyping is the fastest way to validate an idea
planning vs. making
static site generators -> metalsmith
- Having conversations early -> if you know how drupal will spit out -> develop CSS file to structure
- Psychological tool -> making them think they're in good hands -> first site looks good while not putting in too much work
- Be intentional about the design . design a framework before you code half