Design for Developers: Nashville Software School (Summary)
Download as PPTX, PDF0 likes590 views
The document provides an overview of design basics and principles for web design. It discusses how good design is functional, useful, intuitive, well-thought out, user-oriented, engaging, simple, efficient, long-lasting, aesthetic and unobtrusive. It provides tips for evaluating a website or app from a user perspective such as checking layout, consistency, clarity of new elements, ability to recover from errors, logical grouping of content, readability, emphasis of elements, use of space and getting feedback from others. It also discusses using personas to represent target users and lists resources for design including books, websites and free tools.
Design for Developers: Nashville Software School (Summary)
- 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
- 11. + 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)
- 12. + 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
Editor's Notes
- #3: 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.
- #9: 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]
- #10: 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.
- #11: Stage two – when have better idea of contents/functions, more experience and focus
- #12: 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