• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Design for Developers:  Nashville Software School (Summary)
 

Design for Developers: Nashville Software School (Summary)

on

  • 475 views

summary slides from the hands-on design workshop

summary slides from the hands-on design workshop

Statistics

Views

Total Views
475
Views on SlideShare
471
Embed Views
4

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 4

https://twitter.com 4

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

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
  • 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  

Design for Developers:  Nashville Software School (Summary) Design for Developers: Nashville Software School (Summary) Presentation Transcript

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