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 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.
+ Good Design is
For your web sites
+ It all boils down to…
Take a deep breath. Step back from your site/app. Walk around the
block. Get some sleep.
Look at what your site/app from your Persona’s eyes – not yours.
Are the elements in the page nicely laid out in an organized pattern?
Are the elements consistent across your site?
If you introduced something new and original, did you give the user
clues as to how it works?
Is there a way for your users to get out of a sticky situation?
Is content grouped together logically on your pages?
Is the text easy to read?
Is it easy to spot the emphasized elements on a page or are there so
many colors it’s hard to see?
Are your pages crowded? Could there be more space between
Now put it in front of someone else and see if they can use it.
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.
A List Apart
Fast Co Design
UX Pond Acute Search
UX Stack Exchange
Hongkiat.com(Starter Kits for
+ More Resources
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