Lecture

To design a gestural interfaces Creating a gesture set and defining a gesture-command mapping Laban feature Laban Movement Analysis (LMA) The LMA system provides models for the interpretation of movement, its function and its expression through 4 components: − Body (what) − Effort (how) − Space (where) − Shape (relation with the environment) Effort has 4 Factors thought as a continuum with 2 opposite ends: − Weight : strong, light − Time : quick, substained

Lab: Javascript in the browser Exercise 1 - Get a file with AJAX and add its contents in the current HTML page Question 1a: Write a function named loadDoc that loads the file text.txt and includes it in the page when you click a button. function loadDoc(){ var texta = document.getElementById('texta'); var xmlHttp = new XMLHttpRequest(); if(xmlHttp != null){ xmlHttp.open("get","text.txt", true);// 3 parameters (method, url, async) xmlHttp.send(); xmlHttp.onreadystatechange = function () { if (xmlHttp.

Perception / Action Estimate interaction time : Fitt’s law : Pointing time relies on D/W ( Distance to target / Width of target) Solutions: Reduce D : Popup menus / Attract applications or target Increase W : The Mac bar (border is infinite) / Marking menus (rely on angle) Mouse gain : mouse moving speed Semantic pointing : Common actions easy to reach while dangerous hard Avoid Pointing : Hotkeys / Gesture Hick law :

Lab: Server Question 1: Using only the http module, in a file called server.js, write a JavaScript program that implements a web server on port 8000. The server shall return an HTML string confirming that the server works when you access the root of the server, that is, “http://localhost:8000/”. var http

User Center Design (UCD) 3 Constraints to Design : Task - Human - Technology Usability Criteria Ease of learning: learning cost / use of advanced functionalities Recall: Remember how from one session to the next Productivity: speed of execution Fatigue (cf. repetitive actions) Risk of errors: should be minimized, good feebcak needed otherwise User satisfaction Accessibility, functionality, time, effort, learnability, satisfaction, … Ideation Brainstorm, Sketches…. Prototype Methods: • Storyboards — good for user flow • Paper prototypes — good for layout, flow • Video prototypes — good for overall experience • Powerpoint/Photoshop — Look ’n’ feel • Software — functionality