Your SlideShare is downloading. ×
Design for Developers:  Nashville Software School (Summary)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design for Developers: Nashville Software School (Summary)

457

Published on

summary slides from the hands-on design workshop

summary slides from the hands-on design workshop

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
457
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • For today our definition is going to focus on ‘making things better for people’. You can probably think of examples you have already used today. Coffee Makers. Watches. Phones. Pens & Pencils (don’t have to use quills anymore). Some of you may have used a medical device such as a blood glucose meter. All of these things, in different ways, have been designed and re-designed to make things better for people. Good Design is based on tried and true, demonstrated design principles. Such as Functional.
  • We are just building paper prototypes todayYou can build a story board using sticky notes as frames; kind of like a comic book. Draw the UI in the frames showing a progression: first this, then that, then that.[page down]
  • Or sketch out a web page on the flip charts. Here is an example of a website with drop-owns and list boxes. Obviously NOT going for a nice, complete, polished design. Think BRAINSTORM. The purpose is to communicate your idea. There are more stickies, paper, markers, stickers for you to use. Plan on spending about a half hour – until 2pm on your prototype. Then spend another 15 minutes practicing your pitch. Plan to spend 5-7 minutes pitching your idea to Julie. You should include a little bit about your persona so Julie will know who you are designing for.
  • Stage two – when have better idea of contents/functions, more experience and focus
  • JakobNeilsen: useit.comA List Apart: http://alistapart.com/Fast Co Design: http://www.fastcodesign.com/Smashing Magazine: http://www.smashingmagazine.com/UX Booth: http://www.uxbooth.com/UX Pond Acute Search: http://www.uxpond.com/UX Stack Exchange: http://ux.stackexchange.com/UI Patterns: http://ui-patterns.com/Patterny: http://patternry.com/WebDev Refinery: http://webdevrefinery.com/Twitter Tim Brown ‏ @tceb62UX Archive ‏ @uxarchiveCrystal Ehrlich - UX ‏ @cbehrlichNielsen Norman Group ‏ @NNgroupPeter Morville ‏ @morvilleNick Finck ‏ @nickfAlan Cooper ‏ @MrAlanCooperxDA ‏ @IxDAFred Beecher ‏ @fred_beecherWebdesigner Depot ‏ @DesignerDepotAza Raskin ‏ @azaUX Yoda ‏ @UXYodaJared M. Spool ‏ @jmspoolPatrick Neeman ‏ @usabilitycountsChristopher Fahey ‏ @chrisfaheyJeffrey Zeldman ‏  @zeldman  
  • Transcript

    • 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. + Design is: Making things better for people.
    • 3. + Good Design is  Functional  Useful  Intuitive  Well  User-oriented  Engaging  Simple  Efficient  Long-lasting  Good  Aesthetic  Unobtrusive Thought Out Business
    • 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. + 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. MARY, COMMUNITY ORGANIZER: TRAITS
    • 7. + GROUP EXERCISE Paper Prototype
    • 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. + 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

    ×