Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
web design 
visual decisions & user experience
who am I ?
the project process 
sales cs design 
front-end dev 
development 
QA/testing launch
the design process 
● mood boards
the design process 
● mood boards 
● static mocks
the design process 
● mood boards 
● static mocks 
● client feedback
the design process 
● mood boards 
● static mocks 
● client feedback 
● front-end development 
● design QA
the evolving process 
● mobile first design 
● interactive mock-ups 
● new tools = new methods
what makes “good” web design?
tastes evolve 
● “Flashy” sites were cool
tastes evolve 
● “Flashy” sites were cool 
● being unique was a must
tastes evolve 
● “Flashy” sites were cool 
● being unique was a must 
● background music!! 
● load intro...
today’s expectations 
● users want familiarity 
○ buttons, menus, interactions 
○ usability
today’s expectations 
● users want familiarity 
○ buttons, menus, interactions 
○ usability 
● heat mapping & analytics
today’s expectations 
● users want familiarity 
○ buttons, menus, interactions 
○ usability 
● heat mapping & analytics 
●...
basic design principles 
● less is more 
○ simple is hard
basic design principles 
● less is more 
○ simple is hard 
● typography matters
“95% of the information on the web is 
written language. It is only logical to say 
that a web designer should get good 
t...
basic design principles 
● less is more 
○ simple is hard 
● typography matters 
● typography vs. typeface
basic design principles 
● color palette 
○ Adobe Kuler 
○ set styles across site 
● white space 
● grid systems
tools & applications
themes & hosted sites 
● purchased CMS themes 
● hosted subscriptions
thank you 
karla@blendinteractive.com
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Web Design - Visual Decisions & User Experience
Upcoming SlideShare
Loading in …5
×

Web Design - Visual Decisions & User Experience

978 views

Published on

The design portion of the talk "Planning a Website: Design, Content, & Development", presented by Karla Santi.

Published in: Design
  • Be the first to comment

Web Design - Visual Decisions & User Experience

  1. 1. web design visual decisions & user experience
  2. 2. who am I ?
  3. 3. the project process sales cs design front-end dev development QA/testing launch
  4. 4. the design process ● mood boards
  5. 5. the design process ● mood boards ● static mocks
  6. 6. the design process ● mood boards ● static mocks ● client feedback
  7. 7. the design process ● mood boards ● static mocks ● client feedback ● front-end development ● design QA
  8. 8. the evolving process ● mobile first design ● interactive mock-ups ● new tools = new methods
  9. 9. what makes “good” web design?
  10. 10. tastes evolve ● “Flashy” sites were cool
  11. 11. tastes evolve ● “Flashy” sites were cool ● being unique was a must
  12. 12. tastes evolve ● “Flashy” sites were cool ● being unique was a must ● background music!! ● load intro...
  13. 13. today’s expectations ● users want familiarity ○ buttons, menus, interactions ○ usability
  14. 14. today’s expectations ● users want familiarity ○ buttons, menus, interactions ○ usability ● heat mapping & analytics
  15. 15. today’s expectations ● users want familiarity ○ buttons, menus, interactions ○ usability ● heat mapping & analytics ● unique to the brand
  16. 16. basic design principles ● less is more ○ simple is hard
  17. 17. basic design principles ● less is more ○ simple is hard ● typography matters
  18. 18. “95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.” - Oliver Reichenstein
  19. 19. basic design principles ● less is more ○ simple is hard ● typography matters ● typography vs. typeface
  20. 20. basic design principles ● color palette ○ Adobe Kuler ○ set styles across site ● white space ● grid systems
  21. 21. tools & applications
  22. 22. themes & hosted sites ● purchased CMS themes ● hosted subscriptions
  23. 23. thank you karla@blendinteractive.com

×