SlideShare a Scribd company logo
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
Introduction to User-Centred Development
Cristina Cachero
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 User-Centred Development (a.k.a. User-Centred Design
or Human-Centered Design): approach to system design
and development that aims to make interactive systems
more usable by focusing on the use of the system;
applying human factors, ergonomics and usability
knowledge and techniques (ISO/IEC 9241-210)
 Sometimes you will read human-centred instead of user-centred to emphasize
that all stakeholders, and not only users, need to be taken into consideration
during the process.
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
2
User-Centred Development
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 It provides methods and techniques to figure out…
 Specified Users:Who?
 Specified Goals:What?
 Specified Context of Use: In which context?
 … in order to design for them
 … and assure certain levels of…
 effectiveness, efficiency and satisfaction (quality in use)
 … ALL MEASURED AT THE USER INTERFACE LEVEL
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
3
User-Centred Development
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
4
User-Centred Development
 User-centered development augments the number of
potential adopters of the product
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
5
User-Centred Development
 User-centered development increases the knowledge of
user goals early in the development cycle, when the
design freedom is higher
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 User-centered development inverts the development
pyramid, making it easier to predict costs.
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
6
User-Centred Development
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 It is made up of three disciplines or workflows:
 User-Centered Analysis (UCA)
 User-Centered Design (UCD)
 Usability Testing (UT)
 It’s an iterative process
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
7
User-Centred Development
Source: ISO 13407
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 Process and techniques to discover…
 Who are the users
 How they think and work
 Which are the objectives and aims of the different stakeholders
 Gathers data about:
 User profiles
 Working environment
 Scenarios showing how users interact with the interface
 Tasks
 Content
 Navigation structures
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
8
User-Centred Analysis
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 Process and techniques to discover…
 Who are the users
 How they think and work
 Which are the objectives and aims of the different stakeholders
 Gathers data about:
 User profiles
 Working environment
 Scenarios showing how users interact with the interface
 Tasks
 Content
 Navigation structures
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
9
User-Centred Analysis: Process
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
 Process and techniques to discover…
 Who are the users
 How they think and work
 Which are the objectives and aims of the different stakeholders
 Gathers data about:
 User profiles
 Working environment
 Scenarios showing how users interact with the interface
 Tasks
 Content
 Navigation structures
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
10
User-Centred Analysis: Techniques
11
UCA
Introducción: Recopilación Información
•¿Cuándo cada técnica?
1. Tipos de datos que se necesita recolectar (tareas, funciones, performance)
2. Nº de personas de las que hay que recolectar datos (<25, >25)
3. ¿Datos específicos o datos de exploración?
4. ¿Hay aspectos complejos involucrados?
5. ¿Se necesitan rápidamente los datos?
6. ¿Hay restricciones severas de presupuesto?
7. ¿Son necesarios muchos datos?
8. ¿Hace falta información sobre errores de usuario?
•¿Ventajas? ¿Inconvenientes?
Leonardo da Vinci Partnerships Project
GUI USABILITY AND ACCESSIBILITY:
EXCHANGING KNOWLEDGE AND EXPERIENCES
These slides are made available under the license Creative Commons
Attribution-NonCommercial-NoDerivs CC BY-NC-ND. More
information about license:
http://creativecommons.org/licenses/by-nc-nd/3.0/.
These slides were created under Leonardo daVinci Partnerships
Project 2012-1-PL1-LEO04-28181 GUI USABILITY AND
ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES (
http://usability-accessibility.org/).
 Instead, how should we design a checkout process?
This project has been funded with support from the European
Commission under the Lifelong Learning Programme
12
Attributions

More Related Content

PPTX
Day1 Jacques Magen FIWARE
PPT
MOOC Eco project (EU)
PPTX
Milvia Rastrelli: "European Vocational Education & Training for eInclusion Fa...
PDF
Designing the Virtual Mobility Learning Hub for Higher Education in Europe
PPT
UCA: Data Analysis Techniques
PPTX
VI Jornadas eMadrid "Unbundling Education". Mesa redonda eMadrid: "Unbundling...
PPTX
Virtual mobility Lab practice
PPT
VI Jornadas eMadrid "Unbundling Education". Unbundling the university degree:...
Day1 Jacques Magen FIWARE
MOOC Eco project (EU)
Milvia Rastrelli: "European Vocational Education & Training for eInclusion Fa...
Designing the Virtual Mobility Learning Hub for Higher Education in Europe
UCA: Data Analysis Techniques
VI Jornadas eMadrid "Unbundling Education". Mesa redonda eMadrid: "Unbundling...
Virtual mobility Lab practice
VI Jornadas eMadrid "Unbundling Education". Unbundling the university degree:...

What's hot (6)

PPTX
Mirror reflective-learning-at-work-iknow-2013
PDF
Open virtual mobility skills research results and application in the design o...
PPT
E-learning in Spain - report
PDF
Libre umbria, a migration romance
PDF
ROLE Project Status Meeting (January 2011)
PPT
第二次
Mirror reflective-learning-at-work-iknow-2013
Open virtual mobility skills research results and application in the design o...
E-learning in Spain - report
Libre umbria, a migration romance
ROLE Project Status Meeting (January 2011)
第二次
Ad

Viewers also liked (11)

PPT
UCA: Data Gathering Techniques. Selection criteria
PPT
Mental models
PDF
cite des sciences
PPT
UCA: Data Gathering Techniques. Overview.
PDF
SaaStr Annual 2015: The Photolog
PPT
UCA: Data Gathering Techniques. Main Techniques.
PPT
What usability is?
PDF
Information literacy- Determining Reliable Web Sources
PPTX
Bad design
PPT
How to Apply for the ESA Young Graduate Trainee Program
PPT
Best of SaaStr at Dreamforce '14: Preview
UCA: Data Gathering Techniques. Selection criteria
Mental models
cite des sciences
UCA: Data Gathering Techniques. Overview.
SaaStr Annual 2015: The Photolog
UCA: Data Gathering Techniques. Main Techniques.
What usability is?
Information literacy- Determining Reliable Web Sources
Bad design
How to Apply for the ESA Young Graduate Trainee Program
Best of SaaStr at Dreamforce '14: Preview
Ad

Similar to Introduction to uc development (20)

PPT
Subjective questionnaires
PPTX
Usability Engineering Presentation Slides
PPTX
Usability & Agile Development
PDF
IFI7103 Interface and Interaction Design
PDF
2016 iccgis module1_methods_andtechniques
PDF
User-Centered Design in IT: the Low-Hanging Fruit
PPTX
Interaction design: desiging user interfaces for digital products
PDF
WEB USABILITY/ACCESSIBILITY: BEST PRACTICES FOR SUBJECT LIBRARIANS
PPTX
Ux Overview
PPTX
Creating the Best Experience: Accessibility & Usability
PPTX
Design process interaction design basics
PPTX
UXD - A quick overview on what you need to work with your UX team
PPT
HCI Presentation
PDF
01-Introduction to HCI.pdfxzcnkzdcdncnccn
PPTX
HCI_Week 5.pptx
PPTX
User Interface DESIGN - A brief summary.pptx
PPTX
User Interface Design: Definitions, Processes and Principles
PPT
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
PPT
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
PPT
UCIDesign.ppt
Subjective questionnaires
Usability Engineering Presentation Slides
Usability & Agile Development
IFI7103 Interface and Interaction Design
2016 iccgis module1_methods_andtechniques
User-Centered Design in IT: the Low-Hanging Fruit
Interaction design: desiging user interfaces for digital products
WEB USABILITY/ACCESSIBILITY: BEST PRACTICES FOR SUBJECT LIBRARIANS
Ux Overview
Creating the Best Experience: Accessibility & Usability
Design process interaction design basics
UXD - A quick overview on what you need to work with your UX team
HCI Presentation
01-Introduction to HCI.pdfxzcnkzdcdncnccn
HCI_Week 5.pptx
User Interface DESIGN - A brief summary.pptx
User Interface Design: Definitions, Processes and Principles
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
UCIDesign.ppt

Recently uploaded (20)

PPTX
Lesson notes of climatology university.
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Cell Structure & Organelles in detailed.
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
Pharma ospi slides which help in ospi learning
PPTX
master seminar digital applications in india
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
RMMM.pdf make it easy to upload and study
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Microbial disease of the cardiovascular and lymphatic systems
Lesson notes of climatology university.
VCE English Exam - Section C Student Revision Booklet
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Chinmaya Tiranga quiz Grand Finale.pdf
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Abdominal Access Techniques with Prof. Dr. R K Mishra
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Final Presentation General Medicine 03-08-2024.pptx
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Cell Structure & Organelles in detailed.
human mycosis Human fungal infections are called human mycosis..pptx
O5-L3 Freight Transport Ops (International) V1.pdf
Pharma ospi slides which help in ospi learning
master seminar digital applications in india
Anesthesia in Laparoscopic Surgery in India
RMMM.pdf make it easy to upload and study
A systematic review of self-coping strategies used by university students to ...
Microbial disease of the cardiovascular and lymphatic systems

Introduction to uc development

  • 1. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES Introduction to User-Centred Development Cristina Cachero This project has been funded with support from the European Commission under the Lifelong Learning Programme
  • 2. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  User-Centred Development (a.k.a. User-Centred Design or Human-Centered Design): approach to system design and development that aims to make interactive systems more usable by focusing on the use of the system; applying human factors, ergonomics and usability knowledge and techniques (ISO/IEC 9241-210)  Sometimes you will read human-centred instead of user-centred to emphasize that all stakeholders, and not only users, need to be taken into consideration during the process. This project has been funded with support from the European Commission under the Lifelong Learning Programme 2 User-Centred Development
  • 3. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  It provides methods and techniques to figure out…  Specified Users:Who?  Specified Goals:What?  Specified Context of Use: In which context?  … in order to design for them  … and assure certain levels of…  effectiveness, efficiency and satisfaction (quality in use)  … ALL MEASURED AT THE USER INTERFACE LEVEL This project has been funded with support from the European Commission under the Lifelong Learning Programme 3 User-Centred Development
  • 4. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES This project has been funded with support from the European Commission under the Lifelong Learning Programme 4 User-Centred Development  User-centered development augments the number of potential adopters of the product
  • 5. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES This project has been funded with support from the European Commission under the Lifelong Learning Programme 5 User-Centred Development  User-centered development increases the knowledge of user goals early in the development cycle, when the design freedom is higher
  • 6. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  User-centered development inverts the development pyramid, making it easier to predict costs. This project has been funded with support from the European Commission under the Lifelong Learning Programme 6 User-Centred Development
  • 7. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  It is made up of three disciplines or workflows:  User-Centered Analysis (UCA)  User-Centered Design (UCD)  Usability Testing (UT)  It’s an iterative process This project has been funded with support from the European Commission under the Lifelong Learning Programme 7 User-Centred Development Source: ISO 13407
  • 8. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  Process and techniques to discover…  Who are the users  How they think and work  Which are the objectives and aims of the different stakeholders  Gathers data about:  User profiles  Working environment  Scenarios showing how users interact with the interface  Tasks  Content  Navigation structures This project has been funded with support from the European Commission under the Lifelong Learning Programme 8 User-Centred Analysis
  • 9. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  Process and techniques to discover…  Who are the users  How they think and work  Which are the objectives and aims of the different stakeholders  Gathers data about:  User profiles  Working environment  Scenarios showing how users interact with the interface  Tasks  Content  Navigation structures This project has been funded with support from the European Commission under the Lifelong Learning Programme 9 User-Centred Analysis: Process
  • 10. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES  Process and techniques to discover…  Who are the users  How they think and work  Which are the objectives and aims of the different stakeholders  Gathers data about:  User profiles  Working environment  Scenarios showing how users interact with the interface  Tasks  Content  Navigation structures This project has been funded with support from the European Commission under the Lifelong Learning Programme 10 User-Centred Analysis: Techniques
  • 11. 11 UCA Introducción: Recopilación Información •¿Cuándo cada técnica? 1. Tipos de datos que se necesita recolectar (tareas, funciones, performance) 2. Nº de personas de las que hay que recolectar datos (<25, >25) 3. ¿Datos específicos o datos de exploración? 4. ¿Hay aspectos complejos involucrados? 5. ¿Se necesitan rápidamente los datos? 6. ¿Hay restricciones severas de presupuesto? 7. ¿Son necesarios muchos datos? 8. ¿Hace falta información sobre errores de usuario? •¿Ventajas? ¿Inconvenientes?
  • 12. Leonardo da Vinci Partnerships Project GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES These slides are made available under the license Creative Commons Attribution-NonCommercial-NoDerivs CC BY-NC-ND. More information about license: http://creativecommons.org/licenses/by-nc-nd/3.0/. These slides were created under Leonardo daVinci Partnerships Project 2012-1-PL1-LEO04-28181 GUI USABILITY AND ACCESSIBILITY: EXCHANGING KNOWLEDGE AND EXPERIENCES ( http://usability-accessibility.org/).  Instead, how should we design a checkout process? This project has been funded with support from the European Commission under the Lifelong Learning Programme 12 Attributions

Editor's Notes

  • #3: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #4: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #5: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #6: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #7: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #8: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #9: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #10: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #11: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.
  • #13: Experimental design is a very time consuming process. The more you take time to make a very precise and complete experimental design, the more you test will be robust and pertinent.