design basics for nashville software school (full pres)
Post on 10-May-2015
137 Views
Preview:
TRANSCRIPT
+Design BasicsNashville Software SchoolInnovative 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
+Agenda
Groups
Good Design?
Hands-on Thinking: Nashville B-Cycle What did you learn from your user research? Who is a B-Cycle user? What would you do to make things better? How would you do it?
Pitch it!
+
Good Design
+Making things better for people.
Functional
Long-lasting
Intuitive User-oriented
Simple
AestheticGood Business“Steal like an artist.”
+GROUP EXERCISE
Good & Bad
+PersonaPersonas are archetypes or characters that represent people you are targeting as users.
+
User Centered Design
MARY, COMMUNITY ORGANIZER: TRAITS
+GROUP EXERCISE
Personas
+GROUP EXERCISE
Make things better
+GROUP EXERCISE
Paper Prototype
+GROUP EXERCISE
Pitch
+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.
+ResourcesWeb Sites
Jakob Neilsen
A List Apart
Fast Co Design
Smashing Magazine
UX Booth
UX Pond Acute Search
UX Stack Exchange
UI Patterns
Patterny
WebDev Refinery
Free ToolsColor Generators
Kuler
Color Combos
Grid Golden Grid System
(Responsive design)
Designs Hongkiat.com (Starter Kits
for Web Designers)
+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
+THANK YOU!
+Good Design is
Functional
Intuitive
User-oriented
Simple
Long-lasting
Aesthetic
Unobtrusive
Useful
Well Thought Out
Engaging
Efficient
Good Business
+Ten Interactive Design Rules to Believe In 1. Design for Users
2. Follow the Grid
3. Recognition Rather than Recall
4. Law of Proximity
5. Color & Contrast
6. Type (Fonts) Matter
7. White Space is Your Friend
8. Consistency & Standards
9. Test. Test Again
10. Steal Like an Artist*
* I did – that’s a title of a book by Austin Kleon
top related