Documentation

Documentation

We would like to thank every content's author below for their great work that helped and inspired us.

Human Computer Interaction Course

• Course
• Laboratory

1. General

• http://www.teachingvisuallyimpaired.com/geometry--spatial-sense.html
• http://ieeexplore.ieee.org/xpls/abs_all.jsp?arnumber=4721947&tag=1
• http://arxiv.org/pdf/1001.2267.pdf
• http://www.eecs.qmul.ac.uk/~mlb/papers/HCI03.pdf

2. Persona

• http://pxdotpt.com/hci/2015/3/7/week-4-universal-principles-gestald-principles-personas-and-qoc
• Used template: http://profs.info.uaic.ro/~stefan.negru/personas/
• http://www.sv-dimitrije.org/wp-content/uploads/2013/06/math-teacher.jpg
• http://www.saffluence.com/wp-content/uploads/2013/05/57438223.jpg
• http://young.hillingdon.gov.uk/index.jsp?articleid=14297

3. Logo & Fonts

• Note http://www.zanzino.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/m/u/music_note.jpg
• Brush http://simpleicon.com/wp-content/uploads/brush.png
• http://www.ffonts.net/LD-Music.font?text=Beetho
• http://www.ffonts.net/Drawing-Guides.font?text=vinci

4. Storyboard
   • http://pxdotpt.com/hci/2015/3/14/week-5-user-flows-storyboards
   • https://aisquared.wordpress.com/2011/04/12/storyboards/
   • http://static1.squarespace.com/static/520b8498e4b021ed6a2b2c08/t/528d1ba8e4b0a1960fb0a4fa/1384979368746/cityquest_storyboard.pdf
5. Userflow
   • http://static1.squarespace.com/static/520b8498e4b021ed6a2b2c08/t/55068402e4b0f9921cd804da/1426490370742/user-flow-example.pdf
   • https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows
   • http://www.startuprocket.com/blog/how-to-create-a-user-experience-flow-chart-ux-flow-chart
6. Questions, Options, Criteria

• http://pxdotpt.com/hci/2015/3/7/week-4-universal-principles-gestald-principles-personas-and-qoc
• https://aisquared.wordpress.com/2011/04/11/questions-options-and-criteria/
• https://docs.google.com/spreadsheets/d/1JnyuQTkfmooVPg7Kq2rngOAo-YolY_-DnssaBg3IEs0/edit#gid=0

7. Sketches

• Template: http://www.flickr.com/photos/88005207@N00/3884016462/

8. Design patterns used in wireframes/prototypes:

• Center Stage
• Card Stack
• Closable Panels
• Right/left alignment
• Property Sheet
• Preview
• Progress indicator
• Cancelability
• Multi-level undo
• Command history
• WYSIWYG (What You See Is What You Get)
• Direct manipulation
• Selection