DES 420. Professional Practice Project I

 

Recommended Books



Building Mobile Experiences by Frank Bentley and Edward Barrett, MIT Press

 

Mobile Usability by Jakob Nielsen and Raluca Budiu, New Riders

 

App Design Checklist by MindSea Development Inc. Kindle edition

 

Tapworthy: Designing Great iPhone Apps by Josh Clark

 

Typographie by Emil Ruder, Arthur Niggli/Teufen

 

The Elements of Typographic Style by Robert Bringhurst, Hartley & Marks Publishers

 

Envisioning Information by Edward R. Tufte, Graphics Pr.

 

Visual Explanations: Images and Quantities, Evidence and Narrative by Edward R. Tufte, Graphics Pr.


Photoshop CS6, Visual QuickStart Guide by Peter Lourekas, Peachpit Press

HTML5 and CSS, Visual QuickStart Guide by Elizabeth Castro, Peachpit Press

Flash, Visual QuickStart Guide by Katherine Ulrich, Peachpit Press


 

 

 

Articles, Examples

 

 

Nasa Visualization Explorer

http://svs.gsfc.nasa.gov/nasaviz/

 

Ge Wang Smule’s founder
http://www.nytimes.com/2011/11/27/magazine/smule.html?pagewanted=all&_r=0

 

Swiss Mountain Map by Edward Tufte
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0003vq

 

Stephen Malinowski's music-animation-machine version of Stravinsky's Rite of Spring.
http://www.youtube.com/watch?v=02tkp6eeh40

 

Ocarina by Smule
http://www.smule.com/ocarina/#prettyPhoto


How a Smartphone Knows Up from Down (accelerometer)

http://www.youtube.com/watch?feature=player_embedded&v=KZVgKu6v808

 

Apple iPhone 4 Gyroscope demo

http://www.youtube.com/watch?v=sQQuQL5nOEU

 

How To Check An Iphone 4 For Signs Of Water Damage by iMore.com

http://www.youtube.com/watch?v=bW8o0PP53Lc

 

Responsive Web Design article by Ethan Marcotte
http://alistapart.com/article/responsive-web-design

 

Responsive Web Design: What It Is and How To Use It by Kayla Knight
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/


Jacob Nielsen / interview
http:/blog.v7n.com/2006/02/27/jakob-nielsen-on-seo/

 

Mobile Sites vs. Apps: The Coming Strategy Shift by Jakob Nielsen
http://www.nngroup.com/articles/mobile-sites-vs-apps-strategy-shift/

 

Kindle Fire Usability Findings by Jakob Nielsen
http://www.nngroup.com/articles/kindle-fire-usability-findings/

 

Mobile usability tips from Jakob Nielsen by Graham Charlton
http://econsultancy.com/us/blog/7339-mobile-usability-tips-from-jakob-nielsen

 

Excerpt from Designing the iPhone User Experience: A User-Centered Approach to Sketching and Prototyping iPhone Apps by Addison-Wesley
http://www.codeproject.com/Articles/111949/Excerpt-from-Designing-the-iPhone-User-Experience

 

8 Characteristics Of Successful User Interfaces by Dmitry Fadeyev
http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/

 

Mobile app design tips by David Ho, engineer of the mobile apps for the Wall Street Journal
http://www.utapps.com/news/category/about/

 

Composition Principles video by Jake Collinge, CG Spectrum's Concept Art Department Head
http://www.youtube.com/watch?v=wEyMUM9RwEY

 

20 Examples of Web and Mobile Wireframe Sketches by Oleg Mokhov
http://speckyboy.com/2011/05/29/20-effective-examples-of-web-and-mobile-wireframe-sketches/

 

Mock-up examples
sixrevisions.com/user-interface/website-wireframing/

P3-Drinke - CS294-84: Interactive Device Design
http://husk.eecs.berkeley.edu/courses/cs294-84-fall12/index.php/P3-Drinke

 

WireframeSketcher: Mockups, Designs, and Prototypes by Steve Gibson
http://slapstart.com/2011/08/wireframesketcher/

 

Wireframe examples

Patient Monitoring Interface
http://patientmo.wordpress.com/category/wireframes/

 

Crystal Ehrlich, UX designer
http://crystalux.net/portfolio/iphone/#!prettyPhoto[gallery]/0/

 

Storyboard
Patient Monitoring Interface
http://patientmo.files.wordpress.com/2012/04/compressedandresized1.jpg


http://patientmo.wordpress.com/2012/04/08/s-f-storyboards/

 

 

Interview with Sir Jonathan Ive, Apple’s Senior Vice President of Industrial Design

http://www.standard.co.uk/lifestyle/london-life/sir-jonathan-ive-the-iman-cometh-7562170.html

 

 

 

 

Tutorials & Tools

 

Lynda.com Training Tutorials UIC
http://www.uic.edu/depts/accc/training.html/index.html

 

LucidChart video Tutorials

https://www.lucidchart.com/pages/tutorials#section_newdoc

 

DropBox
http://www.dropbox.com

 

Box @ UIC
http://accc.uic.edu/service/box

 

Blackboard
http://blackboard.uic.edu/

 

Stanford University iPhone Development Course

Developing Apps for iOS by Paul Hegarty

https://itunes.apple.com/itunes-u/developing-apps-for-ios-sd/id395631522?mt=10

 

10Completely (or almost) Free Wireframe/Mockup Applications
http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/
 

10 Free Wireframing and Mockup Tools
http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/

 

 

iOS Human Interface Guidelines

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/

MobileHIG/index.html#//apple_ref/doc/uid/TP40006556-CH66-SW1

 

Free buttons online on Web Design resources website:

50+ PSD UI Web design elements

 

Examples of different button types:

Using menus, buttons, bars, and boxes

 

Button Control: Examples

 

SatImage: The controls