MexIHC 2010 Tutorials.

MexIHC 2010 Tutorials.

Tutoriales will be offered in Spanish.

Introduction to Usability on Interactive Systems

November 9th, 2010

Mario A Moreno Rocha
Dayfel Hernández Martínez
UsaLab Laboratorio de Usabilidad
Universidad Tecnológica de la Mixteca

Mario Moreno RochaMario A Moreno Rocha, (MSc in Information Technology, University of Glasgow, 1994) – UsaLab expert, within the Computing Research Institute at the Mixtec University of Technology, Huajuapan de León, Oaxaca, México. Full time HCI research professor and HCI research leader at the same university. Past experience on usability testing, contextual studies and transcultural usability since 2001. Wide experience and knowledge in the development of UI for cognitive disabled users. UPA certified.

Dayfel Hernández Martínez Dayfel Luis Hernández Martínez (MSc in Interactive Media, Mixtec University of Technology, 2010) – Usability engineer leading UsaLab since 2006. Large experience in GUI design and development, usability testing and lab equipment and mobile usability lab deployment. Experienced in user recruitment, interviewer and contextual studies. Past and current research on user stress, mobile devices and bio feedback. UPA certified.

General description
• This tutorial will prepare the participant to make usability tests for a software
• To reveal key aspects in usability testing
• Discussion of related topics

• To understand the concept of usability and its advantages
• To determine the right moment for testing
• To determine the testing requirements

Workshop's structure
• Participative session (11 am/2pm)
• UPSLP Business Center
• To know the particpants' academic backgrounds
• Two breaks
• Didactic material and usability testing

Workshop's content
• Revision of didactic material
• Usability testing, obtaining in-situ results
• Discussion and knowledge sharing among participants

Workshop's themes and structure

1st part
1. Introduction to Usability and Human-Computer Interaction
2. Usability process
3. When to make it?
4. What does it need?
5. Who should make the tests?
6. How the tests are made?

2nd part: Demonstration
7. Software/Hardware selection for testing?
8. Definition of testing objectives
9. User selection
10. Making of usability testing
11. Obtaining Results
12. Interpretation of results
13. Conclusions

Design Concepts and Tools for Interactive Systems.

November 10th, 2010

Omar Sosa Tzec
Centro Interactivo de Recursos de Información y Aprendizaje (CIRIA)
Universidad de las Américas Puebla (UDLAP)

Omar Sosa Tzec a.k.a. Omi Tzek Omar Sosa Tzec (MSc in Computer Science, Center for Research in Mathematics, 2004; MA in Information Designa, UDLAP 2006) – Visual designer, usually focused in graphic communication, web interfaces and corporate identity design. He's currently working as Coordinator of Communication at the UDLAP's Learning and Research Resources Center (CIRIA). He's also adjunct teacher and revisor of degree projects (both in the undergraduate and graduate programs) for the Design Department at UDLAP.

General description
• Design concepts, ideas, and tools will be introduced in order to be applied to a intercative system project

• To know and build an affinity map and how to use it as a design tool
• To explore the potential of sketching in order to show a conceptual idea for interactive systems
• To know and understand the relevance about managing space, color, and typography within a GUI

•: Interest in design and visual communication.
•: Drawing skills are not necessary
•: Spanish understanding

Necessary materials
• Color markers or pencils
• Letter or tabloid white paper
• A lot of small-size post-its

Workshop's themes and structure

1st part: elaboration of an ideas storm
1. Interactive systems from a designer perspective
2. What does design means? More than a cute drawing
3. Rhetorics, design and user interfaces
4. Affinity maps: what to search for?
5. Visual narrative: what to draw? why?

2nd part: information arquitecture and design
6. Information architecture: why is it important?
7. Grids and interfaces
8. Typography and interfaces
9. Visual variables
10. Sketching a study case

3d part: closure
11. Presentation of low fidelity prototypes
12. Conclusions