logo-polimi
Loading...
Risorse bibliografiche
Risorsa bibliografica obbligatoria
Risorsa bibliografica facoltativa
Scheda Riassuntiva
Anno Accademico 2020/2021
Scuola Scuola del Design
Insegnamento 056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Docente Dadda Roberto
Cfu 6.00 Tipo insegnamento Monodisciplinare

Corso di Studi Codice Piano di Studio preventivamente approvato Da (compreso) A (escluso) Nome Sezione Insegnamento
Des (Mag.)(ord. 270) - BV (1092) DESIGN DEGLI INTERNI - INTERIOR DESIGN***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1159) PRODUCT SERVICE SYSTEM DESIGN - DESIGN PER IL SISTEMA PRODOTTO SERVIZIO***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1160) DESIGN DEL PRODOTTO PER L'INNOVAZIONE***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1162) DESIGN DELLA COMUNICAZIONE***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1260) INTERIOR AND SPATIAL DESIGN***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1261) INTEGRATED PRODUCT DESIGN***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS
Des (Mag.)(ord. 270) - BV (1262) DIGITAL AND INTERACTION DESIGN***AZZZZ056352 - ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS

Obiettivi dell'insegnamento

The teaching gives students the ability to evaluate the usability of WEB pages and APP and design usable man-machine interfaces.
Concepts of ergonomics and rules of application of ergonomics to the design of WEB pages and APP will be theoretically explained and put in practice through workshop and group activities.


Risultati di apprendimento attesi

Lessons will give to the students the knowledge of ergonomics needed for the evaluation of usability of WEB pages and APP and for the design of usable man machine interfaces.


Argomenti trattati

Lessons:

1 Quality, usability and ergonomics, examples of poor usability

2 User’s models and personas, user’s centered design, requirements, user cases, task and task/personas matrix

3 Usability testing and evaluation

4 ISO9241-10: the seven principles and examples, Norms and standards. Fundamentals of accessibility

5 Needs/artifact cycle, Design thinking, Lean Agile design approach and Prototyping

6 Visual perception and Gestalt and application to interface design

7 Theory and usage of colors

8 Designing for errors situations: errors prevention and errors management

9 Form design

10 Order, equilibrium and time. Haptics, sound and augmented reality

11 Usage of text: elements of typography, legibility and readability. 

12 Neuro and emotional design. The beauty of simplicity.

13 Final review of works done

We think that in order to work effectively designing WEB page and APP a basic knowledge of how it works under the cover may be very useful.   This basic knowledge will be given with 4 short lessons:

HTML/CSS
1 General introduction to HTTP protocol, a framework for code
2 Basic HTML 5 notions and language structure
3 Basic CSS 3 notions and language structure
4 Basic native iOS & Android interfaces notions

Practical activities:

1 Web site and APP usability analysis, benchmarking and redesign

This activity simulates a real word business situation.

An customer with a real WEB site and related APP will be assigned to each group of students.

We will imagine that the customer asks if WEB and APP are usable and how to correct errors and make them very usable.

The group will benchmark and analyze the WEB and the APP, perform formal evaluations and prepare a proposal for activities in the form of a presentation of the whole analysis and a proposal for the suggested modifications.

The table of content of the final work will be:

1 Our customer: activities, description and purpose of on line presence.

2 Identification of sites for benchmark, alike and akin.  Benchmark.

3 Personas, tasks and personas/tasks matrix

4 Heuristic analysis

5 Number of clicks analysis

6 Definition of analysis parameters, evaluation and comparison

7 “And so what” final slides with the whole analysis.

8 Proposals for pages modification in order to make the system more usable, design.

Curriculum vitae and portfolio

Each student will give evidence of having understood the basic concept of usability will prepare a Curriculum Vitae and a personal portfolio using Adobe Dreamweaver


Prerequisiti

None


Modalità di valutazione

The final evaluation will consist in a presentation of the job done: both usability analysis, benchmarking and redesign of our customer WEB and APP and the design of student's curriculum/portfolio.

For both some questions on the method applied and the motivations of the judgment and of proposed choices will be part of the final test.


Bibliografia
Risorsa bibliografica obbligatoriaWeb site Roberto DADDA www.dadda.it
Note:

refer to the part in english: On usability

Risorsa bibliografica obbligatoriaSteve Krug, Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability , ISBN: 978-0321965516
Risorsa bibliografica obbligatoriaJakob Nielsen, Designing Web Usability, ISBN: 978-1562058104
Risorsa bibliografica facoltativaSteve Krug, Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems, ISBN: 978-0321657299
Risorsa bibliografica facoltativaDonald A. Norman, The Invisible Computer, ISBN: 978-0262140652
Risorsa bibliografica facoltativaDonald A. Norman, Living with Complexity, ISBN: 978-0262528948
Risorsa bibliografica facoltativaDonald A. Norman, Emotional Design: Why We Love (or Hate) Everyday Things, ISBN: 978-0465051366
Risorsa bibliografica facoltativaDonald A. Norman, The Design of Everyday Things: Revised and Expanded, ISBN: 978-0465050659
Risorsa bibliografica facoltativaJeff Gothelf and Josh Seiden, UX for Lean Startups: Faster, Smarter User Experience Research and Design, ISBN: 978-1491953600
Risorsa bibliografica facoltativaJesse James Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond, ISBN: 978-0321683687
Risorsa bibliografica facoltativaMatthew Linderman, Defensive Design for the Web: How to improve error messages, help, forms, and other crisis points, ISBN: 978-0735714106
Risorsa bibliografica facoltativaJef Raskin, The Humane Interface: New Directions for Designing Interactive Systems, ISBN: 978-0201379372
Risorsa bibliografica facoltativaVincent Flanders, Web Pages That Suck: Learn Good Design by Looking at Bad Design, ISBN: 978-0782121872
Risorsa bibliografica facoltativaVincent Flanders, Son of Web Pages That Suck: Learn Good Design by Looking at Bad Design, ISBN: 978-0782140200
Risorsa bibliografica facoltativaChauncey Wilson, User Interface Inspection Methods: A User-Centered Design Method
Risorsa bibliografica facoltativaHenry Petrosky, The Evolution of Useful Things, ISBN: 978-0679740391
Risorsa bibliografica facoltativaOliver Sacks, The Man Who Mistook His Wife For A Hat: And Other Clinical Tales, ISBN: 978-0684853949
Risorsa bibliografica facoltativaEdvin A. Abbott, Flatland: A Romance of Many Dimensions, ISBN: 978-1733561624

Forme didattiche
Tipo Forma Didattica Ore di attività svolte in aula
(hh:mm)
Ore di studio autonome
(hh:mm)
Lezione
36:00
72:00
Esercitazione
14:00
28:00
Laboratorio Informatico
0:00
0:00
Laboratorio Sperimentale
0:00
0:00
Laboratorio Di Progetto
0:00
0:00
Totale 50:00 100:00

Informazioni in lingua inglese a supporto dell'internazionalizzazione
Insegnamento erogato in lingua Inglese
Disponibilità di materiale didattico/slides in lingua inglese
Disponibilità di libri di testo/bibliografia in lingua inglese
Possibilità di sostenere l'esame in lingua inglese
Disponibilità di supporto didattico in lingua inglese

Note Docente
This program was developed to be delivered in a blended mode, in compliance with the safety protocols relating to the COVID-19 health emergency, available in July 2020.
In the event of changes in the security protocols, the timetable may be subject to changes: in particular in the event of overcoming the health emergency, the lessons may return to attendance.
More detailed information on the methods of provision and access, as well as the indications relating to security protocols and social distancing, will be available on the University and School website. Further details on teaching will be communicated by the teachers in the manner provided.
 
schedaincarico v. 1.6.5 / 1.6.5
Area Servizi ICT
25/11/2020