Difference between revisions of "Design and Prototyping"
Jump to navigation
Jump to search
Willowbl00 (talk | contribs) |
|||
| (8 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
Start with a branding style guide | Start with a branding style guide | ||
| − | 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 11: | Line 8: | ||
* Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for buy-in | * 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 |
| + | * Hard to develop a plan : planning vs. making | ||
| + | Prototyping is the fastest way to validate an idea | ||
| + | Possible to use a static site generators e.g. metalsmith | ||
| − | |||
| − | |||
| − | |||
* Having conversations early -> if you know how drupal will spit out -> develop CSS file to structure | * Having conversations early -> if you know how drupal will spit out -> develop CSS file to structure | ||
| Line 24: | Line 21: | ||
* Psychological tool -> making them think they're in good hands -> first site looks good while not putting in too much work | * 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 | + | * Be intentional about the design and design a framework before you code half |
| + | |||
| + | [[Category: 2015]][[Category: Usability]][[Category: Workflows]] | ||
Latest revision as of 21:40, 22 November 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
- Hard to develop a plan : planning vs. making
Prototyping is the fastest way to validate an idea
Possible to use a static site generators e.g. 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 and design a framework before you code half