Exploring the design process #wcchi
Upcoming SlideShare
Loading in...5
×
 

Exploring the design process #wcchi

on

  • 497 views

What is the best way to handle the design process? Photoshop, design in the browser, handling responsive design all while handling client expectations.

What is the best way to handle the design process? Photoshop, design in the browser, handling responsive design all while handling client expectations.

Statistics

Views

Total Views
497
Views on SlideShare
456
Embed Views
41

Actions

Likes
2
Downloads
6
Comments
0

1 Embed 41

https://twitter.com 41

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Exploring the design process #wcchi Exploring the design process #wcchi Presentation Transcript

  • Stacy Kvernmo ! @funstacy ! WebDevStudios
  • ! Looks good but…“ ”
  • ! Looks good but lets make the logo bigger “ ”
  • it needs to pop “ ”
  • Clients don't know how to be good clients
  • Clients will always ask you to make their logo bigger, prescribe solutions, and ask you to do things that will make you smack your forehead. You can roll your eyes at how much they don’t understand about design or you can roll up your sleeves and begin practicing your craft by helping them clarify what they need. ! - Mike Monteiro, Design is a Job “ ”
  • Web Design is 95% Typography
  • Contrastis pretty cool
  • being subtle is also cool
  • betterbad
  • design in the browser
  • ? design in the browser
  • Items in these PSD files may appear different in real life !
  • + many more
  • Let’s change the phrase “designing in the browser” to “deciding in the browser” - Dan Moll
  • clients need visuals mood boards! styletil.es! webstyl.es! interactivestyletiles.com element collagesdanielmall.com/articles/rif-element-collages/ atomic design (and pattern lab) http://bradfrostweb.com/blog/post/atomic-web-design/ http://demo.patternlab.io/
  • Smashing Magazine has a great comparison http://bit.ly/RidLcM A Few Responsive Web Design Tools
  • Adobe Edge Reflow CC
  • http://macaw.co/
  • What does this mean for our design process?
  • QA Checklist ! Run theme through Theme Check plugin Site wide design elements (including formatting defaults: h1-h6, blockquotes, captions, image alignments, galleries) Design Review - check against PSD Test all forms 404 page Search result page Archives page (author, categories, tags, other) Favicon Open Graph Info Login Page? customized? Bug testing Cross browser compatibility test in: IE8 IE9 IE10 IE11 Firefox - Mac Firefox - PC Safari Chrome - Mac Chrome - PC ! Device Testing: Tablet: landscape & portrait (Nexus 7, iPad(s), Kindle, others?) Android (portrait and landscape) iPhone (portrait and landscape) Windows Phone (portrait and landscape)