Difference between revisions of "Design and Prototyping"

From DevSummit
Jump to navigation Jump to search
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 : W'''ireframing vs. Prototyping'''
  
 
Prototyping is the fastest way to validate an idea
 
Prototyping is the fastest way to validate an idea

Revision as of 00:15, 2 April 2016

Start with a branding style guide

2 different ways of building a branding style guide : Wireframing vs. Prototyping

Prototyping is the fastest way to validate an idea


  • 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
  • More traditional workflow : designing > developing > re-designing > re-developing. Prototyping allows you to do that



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