SUMMARY VERSION

+ Design Basics
Nashville Software School
Innovative Bootcamp program designed to take you from novice to...
+ Design is:
Making things better for people.
+ Good Design is

 Functional

 Useful

 Intuitive

 Well

 User-oriented

 Engaging

 Simple

 Efficient

 Long-...
For your web sites

+ It all boils down to…
1.

Take a deep breath. Step back from your site/app. Walk around the
block. G...
+ Persona
Personas are archetypes or characters that represent people you are
targeting as users.

Seriously, search for “...
MARY, COMMUNITY ORGANIZER: TRAITS
+

GROUP EXERCISE

Paper Prototype
+ Resources
Web Sites

Free Tools
Color Generators



JakobNeilsen



A List Apart



Kuler



Fast Co Design



Colo...
+ More Resources
Books


Don’t Make Me Think, by Steve Krug



Design of Everyday Things, by Don Norman



Steal Like a...
Design for Developers:  Nashville Software School (Summary)
Design for Developers:  Nashville Software School (Summary)
Design for Developers:  Nashville Software School (Summary)
Upcoming SlideShare
Loading in …5
×

Design for Developers: Nashville Software School (Summary)

551 views

Published on

summary slides from the hands-on design workshop

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Design for Developers: Nashville Software School (Summary)

  1. 1. SUMMARY VERSION + Design Basics Nashville Software School Innovative Bootcamp program designed to take you from novice to developer in six months of intensive training and mentoring followed by real project work as an apprentice programmer. http://nashvillesoftwareschool.com/ October 2013
  2. 2. + Design is: Making things better for people.
  3. 3. + Good Design is  Functional  Useful  Intuitive  Well  User-oriented  Engaging  Simple  Efficient  Long-lasting  Good  Aesthetic  Unobtrusive Thought Out Business
  4. 4. For your web sites + It all boils down to… 1. Take a deep breath. Step back from your site/app. Walk around the block. Get some sleep. 2. Look at what your site/app from your Persona’s eyes – not yours. 3. Are the elements in the page nicely laid out in an organized pattern? 4. Are the elements consistent across your site? 5. If you introduced something new and original, did you give the user clues as to how it works? 6. Is there a way for your users to get out of a sticky situation? 7. Is content grouped together logically on your pages? 8. Is the text easy to read? 9. Is it easy to spot the emphasized elements on a page or are there so many colors it’s hard to see? 10. Are your pages crowded? Could there be more space between elements? 11. Now put it in front of someone else and see if they can use it.
  5. 5. + Persona Personas are archetypes or characters that represent people you are targeting as users. Seriously, search for “Star ” images and you will find different ways to draw these. As easy to draw as stick figures, but slightly more interesting.
  6. 6. MARY, COMMUNITY ORGANIZER: TRAITS
  7. 7. + GROUP EXERCISE Paper Prototype
  8. 8. + Resources Web Sites Free Tools Color Generators  JakobNeilsen  A List Apart  Kuler  Fast Co Design  Color Combos  Smashing Magazine  UX Booth Grid  Golden Grid System(Responsive design)  UX Pond Acute Search  UX Stack Exchange  UI Patterns  Patterny  WebDev Refinery  Twitter Designs  Hongkiat.com(Starter Kits for Web Designers)
  9. 9. + More Resources Books  Don’t Make Me Think, by Steve Krug  Design of Everyday Things, by Don Norman  Steal Like an Artist, by Austin Kleon  About Face 3: The Essentials of Interaction Design by Alan Cooper  Design Is a Job, Mike Monteiro

×