MOOC Introducción al Desarrollo Web, parte 2 - 4.15 Usabilidad: principios básicos - Actívate

Google Actívate
17 Oct 201707:35

Summary

TLDRIn this educational video, Sergio Luján Mora, a professor from the University of Alicante, delves into the concept of usability in web design. He emphasizes the importance of user-centric design, offering practical advice to enhance user experience. Mora introduces four foundational usability principles: understanding the user, minimizing memory load, optimizing user operations, and managing errors effectively. He challenges viewers to consider these principles, originally from a 1971 article by Will Friend Hansen, and ponders why similar mistakes persist in web design today.

Takeaways

  • 😀 Usability is crucial for creating user-friendly websites and should be a priority for developers.
  • 📚 Sergio Luján Mora, a professor from the University of Alicante, emphasizes the importance of usability in web design.
  • 🔍 The term 'usability' is not in the latest edition of the Royal Spanish Academy dictionary, but it's still widely used in the field.
  • 👨‍💻 The three most important tips for improving usability are: think about the user, think about the user, and think about the user.
  • 🧠 Understanding the user involves knowing their knowledge, skills, environment constraints, reasons for using the system, and their expectations.
  • 📋 Minimize memory load by using selection elements instead of data entry to help users with their limited memory.
  • 🔄 Provide a predictable system behavior to reduce the learning curve and avoid confusion from drastic interface changes.
  • ⏩ Optimize common operations to facilitate quick execution and respect the user's interaction inertia.
  • 🛠 Manage errors effectively by providing clear error messages, designing to prevent common errors, allowing action undoing, and ensuring data integrity.
  • 📅 An example of poor usability is a form that requires users to remember and enter a date format that is not standard for them.
  • 📝 The principles of usability are timeless and were already being discussed in 1971 by Will Friend Hansen, highlighting their enduring relevance.

Q & A

  • Who is the speaker in the video?

    -The speaker in the video is Sergio Luján Mora, a professor of Informatics at the University of Alicante.

  • What is the main topic of the video?

    -The main topic of the video is usability, and it aims to explain what usability is and provide advice on creating user-friendly websites.

  • Why does the speaker prefer the terms 'usabilidad' and 'usable' despite their absence in the latest edition of the Spanish dictionary?

    -The speaker prefers to use 'usabilidad' and 'usable' because they are more commonly understood in the context of user interface design, even though they are not officially recognized in the latest edition of the Spanish dictionary.

  • What are the three most important tips the speaker gives to improve usability?

    -The three most important tips to improve usability, as emphasized by the speaker, are: 1) Think about the user, 2) Think about the user, and 3) Think about the user, implying that the user should always be the focus rather than the developer's perspective.

  • What does the speaker mean by 'conocer al usuario' or 'know the user'?

    -The speaker means that to improve usability, one must understand the users' knowledge, skills, the context in which they will use the system, their reasons for using the system, and their expectations.

  • How does the speaker suggest minimizing memory load for users?

    -The speaker suggests minimizing memory load by replacing data entry with element selection, using names instead of numbers, and providing a predictable system behavior to reduce the cognitive load on the user.

  • What is the significance of optimizing operations in terms of usability?

    -Optimizing operations means facilitating the quick execution of common tasks, respecting interface inertia, reducing interaction effort through automation, and reorganizing the system based on user interaction patterns to enhance usability.

  • How should a system handle errors according to the speaker?

    -A system should be prepared to respond to errors from both the developer and the user. It should provide clear error messages, design to prevent common errors, allow for action undoing, offer redundancy for operation in case of failure, and ensure data integrity in case of software or hardware failure.

  • What historical context does the speaker provide regarding the principles of usability?

    -The speaker references an article by Will Friend Hansen from 1971, 'User Engineering Principles for Interactive Systems,' which predates the common discussion of usability by several decades, highlighting the enduring relevance of these principles.

  • What is the speaker's final call to action for the viewers?

    -The speaker's final call to action is to remember to always think about the user and not the developer's perspective when creating systems, to avoid repeating the same usability mistakes that have been made for decades.

Outlines

00:00

👨‍🏫 Introduction to Usability and Tips for User-Centric Web Design

Professor Sergio Luján Mora from the University of Alicante introduces the concept of usability and its importance in web design. He emphasizes the need to think from the user's perspective rather than the developer's, highlighting that usability is about making systems adapt to the user, not the other way around. The professor shares three key tips for improving usability: always consider the user, ensure the system is built to accommodate the user, and avoid forcing the user to adapt to the system. He also mentions his contact information for further interaction and provides a brief critique on the absence of the terms 'usability' and 'usable' in the latest edition of the Royal Spanish Academy dictionary, suggesting the use of 'ease of use' as an alternative.

05:03

📘 Usability Principles and Error Management in Web Design

The second paragraph delves into four fundamental principles of usability as outlined by Will Friend Hansen in his 1971 article 'User Engineering Principles for Interactive Systems'. These principles include understanding the user, minimizing memory load, optimizing operations, and managing errors. The professor explains the significance of each principle, providing examples of how they can be applied in web design to enhance user experience. He stresses the importance of designing systems that are forgiving of both user and developer errors, offering clear error messages, and allowing for easy undoing of actions. The paragraph concludes with a reflection on the enduring relevance of these principles despite being over 40 years old, and a call to action for designers to avoid repeating past mistakes by keeping the user at the center of the design process.

Mindmap

Keywords

💡Usability

Usability refers to the ease with which users can employ a particular system, such as a website or software, to achieve their goals efficiently and with satisfaction. In the video, the professor emphasizes the importance of usability in web design, suggesting that a system is usable when it adapts to the user rather than the other way around. The video provides practical advice on improving usability, such as considering the user's needs and minimizing the need for them to remember information.

💡User-Centered Design

User-centered design is an approach to designing products where the focus is on the user's needs, preferences, and behaviors. The video script mentions this concept through the advice 'piensa en el usuario' (think about the user), highlighting the need for developers to focus on the end-user's experience rather than their own perspective as developers. This approach is central to creating websites that are easy to use.

💡Error Management

Error management in the context of the video refers to how a system handles mistakes made by either the developers or the end-users. The script discusses the importance of providing clear error messages and designing systems that can recover from errors while maintaining data integrity. This concept is crucial for enhancing user experience by preventing frustration and ensuring the continuity of user tasks.

💡Minimize Memory Load

Minimizing memory load is about reducing the cognitive effort required from users to remember information while interacting with a system. The video suggests replacing data entry with element selection and using predictable behaviors to help users with poor memory. For instance, the video criticizes a form that requires users to remember and enter a course code, suggesting a dropdown menu as a better alternative.

💡Optimize Operations

Optimizing operations involves making common tasks as efficient as possible, reducing the time and effort required to perform them. The video mentions this in the context of respecting interface inertia and automating actions where possible. An example given is a railway company's website that offers multiple ways to select a station and date for a trip, which can be confusing and should be streamlined for better usability.

💡User Expectations

User expectations are the assumptions and predictions users have about how a system should work based on their prior experiences and understanding. The video underscores the importance of understanding these expectations to design systems that meet or exceed them, thus improving user satisfaction and usability.

💡User Environment

The user environment refers to the context in which a user interacts with a system, including physical, social, and technological factors. The video mentions understanding the user environment as part of knowing the user, which is essential for creating systems that are adaptable to different settings and user needs.

💡User Skills

User skills pertain to the abilities and competencies that users possess, which can vary widely. The video script emphasizes the need for developers to consider the diverse skill levels of their users when designing systems to ensure that the interface is accessible and intuitive for all.

💡Redundancy

Redundancy in system design refers to the inclusion of extra features or processes that can take over in case of failure. The video mentions the importance of redundancy for error management, suggesting that systems should offer alternative ways to perform operations if one method fails, ensuring the system remains functional and user-friendly.

💡User Interface Inertia

User interface inertia is the concept of making changes to the interface gradually to avoid confusing users. The video discusses the importance of this principle in optimizing operations, advising against drastic changes that can disrupt the user's learning process and familiarity with the system.

💡User Adaptation

User adaptation is the process by which users adjust to the requirements of a system. The video argues against systems that require users to adapt to them, instead advocating for systems that are designed to be adaptable to the users' needs and preferences, which is a key aspect of good usability.

Highlights

Introduction to the concept of usability by Sergio Luján Mora, a professor of Informatics at the University of Alicante.

The importance of usability in creating user-friendly websites.

The absence of the terms 'usability' and 'usable' in the latest edition of the Royal Spanish Academy dictionary.

The recommendation to use 'ease of use' instead of 'usability' in Spanish, despite the speaker's continued use of 'usability'.

The three most important tips for improving usability: always consider the user's perspective.

The principle that a system should be designed to adapt to the user, not the other way around.

The first usability principle: Know your user, which includes understanding their knowledge, skills, and expectations.

The second principle: Minimize memory load by using computers' strength in memory to assist users.

Examples of how to minimize memory load, such as replacing data entry with selection elements.

The third principle: Optimize user operations by facilitating quick execution of common tasks.

The importance of maintaining interface inertia and reducing interaction effort.

The fourth and final principle: Error management, preparing the system to handle errors from both developers and users.

Advice on creating effective error messages and designs that prevent common errors.

The historical context of usability principles, dating back to an article from 1971 by Will Friend and Hansen.

Reflection on why the same usability mistakes are still being made after 40 years.

Final thoughts on the importance of considering user experience in web design.

Transcripts

play00:04

hola soy sergio luján mora profesor de

play00:07

informática de la universidad de

play00:08

alicante y en este vídeo te voy a

play00:10

explicar qué es la usabilidad y te voy a

play00:12

proporcionar algunos consejos que te

play00:14

pueden ayudar a crear sitios web que

play00:17

sean más fáciles de usar antes de

play00:19

empezar

play00:20

me gustaría recordarte algunos de los

play00:21

sitios web en los que puedes encontrar

play00:23

más información sobre mí y sobre mi

play00:26

trabajo y dos formas de contactar

play00:28

conmigo a través de mi correo

play00:30

electrónico

play00:31

sergio luján ua punto es y a través de

play00:35

mi cuenta en twitter

play00:36

sergio luján mora que es la usabilidad

play00:41

cuando un sistema es usable

play00:44

cómo se mejora la usabilidad

play00:47

en primer lugar te quiero avisar de que

play00:49

ni usabilidad ni usable

play00:51

aparecen en la última edición del

play00:53

diccionario de la real academia española

play00:55

deberíamos usar facilidad de uso pero yo

play00:59

en este y otros vídeos voy a seguir

play01:01

usando usabilidad y usable en este vídeo

play01:06

no te voy a aburrir hablando de la

play01:07

definición de usabilidad que proporciona

play01:09

iso la organización internacional para

play01:11

la estandarización eso te lo explicaré

play01:14

en otro vídeo en este vídeo te voy a

play01:17

hablar de unos principios básicos pero

play01:20

antes de explicar que los con detalle te

play01:22

quiero dar mis tres consejos más

play01:24

importantes para mejorar la usabilidad

play01:27

piensa en el usuario piensa en el

play01:30

usuario y piensa en el usuario y por

play01:33

tanto no pienses en ti como

play01:34

desarrollador o programador cuando

play01:36

desarrolle es un sistema

play01:39

la usabilidad de un sistema es buena

play01:41

cuando el sistema se construye para

play01:43

adaptarse al usuario y no al revés

play01:46

por ejemplo en este formulario se emplea

play01:48

un formato normal normal para algunos

play01:50

países para la entrada de una fecha

play01:54

si un usuario se tiene que adaptar al

play01:56

sistema entonces el sistema tiene una

play01:58

mala usabilidad en este ejemplo el

play02:01

usuario tiene que escribir una fecha en

play02:03

un formato que no es normal para él

play02:06

en este vídeo te voy a mostrar cuatro

play02:08

principios básicos de usabilidad que se

play02:11

establecen alrededor del primero

play02:14

el primer principio es conoce al usuario

play02:17

que es muy similar a mi consejo piensa

play02:21

en el usuario conocer al usuario

play02:23

significa entre otras cosas que debes

play02:26

conocer los conocimientos y destrezas de

play02:29

tus usuarios debes conocer los

play02:32

condicionantes del ambiente de uso debes

play02:35

conocer las razones por las que el

play02:36

usuario utiliza tu sistema y debes

play02:39

conocer las expectativas que el usuario

play02:41

tiene al usar tu sistema

play02:45

el segundo principio es minimiza la

play02:47

memorización las personas tienen mala

play02:50

memoria las personas olvidan los

play02:53

ordenadores tienen muy buena memoria los

play02:55

ordenadores no olvidan los ordenadores

play02:58

tienen que ayudar a sufrir la falta de

play03:00

memoria de las personas hay varias

play03:03

formas de lograr esto por ejemplo hay

play03:06

que sustituir la entrada de datos por la

play03:09

selección de los elementos un ejemplo de

play03:11

incumplimiento de este consejo es este

play03:14

formulario de inscripción a un curso en

play03:16

el que se debe introducir el código del

play03:19

curso que aparece en una página previa

play03:21

al formulario en vez de un cuadro de

play03:24

texto se debería mostrar una lista

play03:26

desplegable con los códigos de los

play03:29

cursos existentes también es mejor usar

play03:32

nombres en vez de números en este

play03:35

formulario de búsqueda de asignaturas se

play03:38

debe introducir el código de la

play03:40

asignatura en vez del nombre de la

play03:42

asignatura

play03:43

y hay que ofrecer un comportamiento

play03:46

predecible de esta forma el usuario sólo

play03:49

tiene que recordar algunas

play03:51

características y algunas excepciones el

play03:53

usuario no tiene que aprender diferentes

play03:55

formas de interactuar con el sistema por

play03:58

ejemplo en el sitio web de una compañía

play04:00

ferroviaria muy famosa no existe uno ni

play04:04

dos ni tres sino cuatro formas distintas

play04:07

de seleccionar una estación y una fecha

play04:10

para buscar un viaje cuatro formas

play04:13

distintas

play04:15

el tercer principio es optimizar las

play04:18

operaciones se debe facilitar la rápida

play04:22

ejecución de las operaciones más comunes

play04:24

aquellas operaciones que sean más

play04:26

comunes se deben de optimizar para que

play04:29

su ejecución ocupe el menor tiempo

play04:31

posible se debe respetar la inercia del

play04:35

interfaz el interfaz debe cambiar poco a

play04:38

poco conforme el usuario realiza

play04:40

operaciones los cambios drásticos

play04:42

producen confusión se debe reducir el

play04:46

esfuerzo que supone cualquier

play04:47

interacción mediante la automatización

play04:50

de ciertas acciones que se puedan

play04:52

realizar de forma inconsciente y se debe

play04:56

reorganizar el sistema en función de la

play04:59

forma de interactuar del usuario por

play05:02

ejemplo el sistema debe ser capaz de

play05:05

cambiar la forma de mostrar la

play05:06

información para dar más importancia a

play05:09

la información que más demanda el

play05:11

usuario

play05:12

el cuarto y último principio es

play05:15

gestionar los errores tanto el de el

play05:18

desarrollador del sistema como el

play05:20

usuario final pueden cometer errores

play05:22

un sistema debe estar preparado para

play05:25

responder ante errores de ambos cuando

play05:28

el usuario está aprendiendo a usar un

play05:30

sistema es muy normal que comete errores

play05:32

pero hasta el usuario más avanzado

play05:34

comete errores porque se olvida porque

play05:37

realiza una operación de forma

play05:39

automática sin mirar o porque intenta

play05:41

realizar algo totalmente razonable que

play05:44

no está contemplado en el sistema

play05:46

el primer consejo es ofrecer buenos

play05:49

mensajes de error son una gran ayuda

play05:52

para el usuario cuando está aprendiendo

play05:53

y un recordatorio adecuado para el

play05:56

usuario experto cuando olvida algo

play05:58

hay que crear diseños que eviten los

play06:01

errores más comunes si un error ocurre

play06:03

frecuentemente quizás no sea culpa del

play06:06

usuario sino del diseño del sistema

play06:09

tiene que ser posible deshacer las

play06:12

acciones realizadas se debe ofrecer

play06:15

cierta redundancia para lograr realizar

play06:17

ciertas operaciones en caso de fallo y

play06:20

se debe garantizar la integridad de la

play06:22

información en caso de fallo tanto del

play06:24

software como del hardware

play06:27

qué piensas de estos cuatro principios

play06:29

que te mostrado

play06:31

crees que son importantes y relevantes

play06:34

en la actualidad

play06:36

pues estos principios que te acabo de

play06:38

contar los extraídos del artículo user

play06:41

engineering principles for interactive

play06:43

systems de will friend hansen que fue

play06:47

publicado en la conferencia a feaps de

play06:49

otoño del año 1971 1971 hace más de 40

play06:56

años en aquella época aún no se hablaba

play06:59

de usabilidad en este artículo se

play07:01

utiliza el término user en género pero

play07:04

ya se preocupaba de lo mismo que estudia

play07:06

la usabilidad

play07:07

hoy en día qué piensas ahora de todos

play07:10

estos principios y yo me pregunto cómo

play07:14

puede ser que 40 años después la gente

play07:16

siga cometiendo los mismos errores

play07:20

espero que después de ver este vídeo tú

play07:22

no cometas errores y recuerda piensa en

play07:25

el usuario no pienses en ti muchas

play07:29

gracias por tu atención

Rate This

5.0 / 5 (0 votes)

Связанные теги
Usability PrinciplesUser ExperienceWeb DesignUser-CentricInterface DesignError ManagementInteraction DesignUser MemoryAccessibilityWeb Development
Вам нужно краткое изложение на английском?