Difference between revisions of "Design and Prototyping"

From DevSummit
Jump to navigation Jump to search
Line 11: Line 11:
 
Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for leye in
 
Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for leye in
  
Designing
+
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
 +
 
 +
about the design design a framework before you code half

Revision as of 21:14, 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 leye in

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

about the design design a framework before you code half