Must read articles on Web for any User Experience Professionals

Multimedia Course Development

Hi friends,
I am working on Course Syllabus for Diploma in Multimedia. Here is the presentation, have a look and give your comments. This will guide/help me to make proper syllabus.

Read this document on Scribd: Multimedia Course Syllabus

USABILITY TESTING— EYETRACKING—

USABILITY TESTING— EYETRACKING—

DO YOU KNOW

  • What your users are looking at?
  • Which parts of your website are attracting the most attention?
  • What information your users are ignoring?
  • Which areas are merely distracting your users from finding what they really want?

Eye tracking is the important phase of usability testing, which answers all these questions allowing you to focus on making the most important information on your website also the most visible.
Demo of eye tracking [from http://www.etre.com]

In demo

  • Dot shows user’s eye moments
  • User looks, what attracts, likes, dislikes

Each circles will be displayed with scores, this gives clear picture how long user was there on that particular place on interface. Big circle or highest marks shows users interest in that content.

Results from Eye Tracking

  • Series of random moments [graphically Zig Zag lines] represent that user was disturbed by layout
  • Series of control moment [graphically linear lines] shows that user was reading

Final out put
INDIVIDUAL SESSION MAP
It tells most about individual behavior

HEAT MAPS
Tells the behavior of entire group of people

  • bright colors map to show the entire result
  • Warm color represents:– Most Noticed
  • Patch color represents:– Gone through
  • Black color represent:– User ignored or didnt notice, This part will help out lot to understand the biggest negative part of interface.

Important links—-Multimedia—

Hi all

I am sharing some of the best and useful links with all of you…. i m going to continue this and add more.. please wait for some more time… 🙂 YOu all friends can suggest links….

Excellent example of Component based customize site:-
1. www.igoogle.com
2. www.netvibes.com
3. http://www.flexcapacitor.com/


Web guidelines sites
1. http://mail.google.com/mail/?zx=84u0rl9xt87&shva=1#inbox/11c716ef84db205e
2. http://www.thinkvitamin.com/features/design/product-pages-so-much-suck-so-easy-to-fix

Free Vector Graphic Tools, its like my brush
1. http://www.inkscape.org/download/

Images/Graphic sites
1. www.flickr.com
2. www.photo.net

Blog Sites
1. www.blogger.com

Best Usability sites
1. www.salesforce.com
2. www.bharatmatrimonial.com
3. http://wildfire.usgs.gov/ [checkout the graphs]
4. http://www.cleartrip.com/ [Process is easy to use, defect free and fast.]
5. Philips [interesting navigation]
6. Cricinfo

Open Source site
1. www.sourceforce.com

Best Tutorial / Knowledge Sharing sites
1. http://designinginterfaces.com/
2. http://www.w3schools.com/

Plugin for Firefox
1. Webdeveloper addon
2. Piclens for image viewer

Submitted Papers
1. Experiences of SCORM Implementation / e-Learning

Moss [Microsoft SharePoint Server ]
1. MOSS related questions

Best CSS based websites
CSS Templates

Best Javascript
CSS + Div + html + Js based tab component [very good example for notebook navigation layout]

Good Product Presentation or Demos on Internet
1. Frogbuzz
2. jingproject