Apuntes DIW PDF

ÍNDICE Tema 1 - Planificación de interfaces gráficas---------------------------------------------------------------------------------------2 1. Introducción------------------------------------------------------------------------------------------------------------------2 2. Per...

ÍNDICE Tema 1 - Planificación de interfaces gráficas---------------------------------------------------------------------------------------2 1. Introducción------------------------------------------------------------------------------------------------------------------2 2. Percepción visual----------------------------------------------------------------------------------------------------------- 3 2.1- Elementos conceptuales------------------------------------------------------------------------------------------3 2.2- Elementos visuales-------------------------------------------------------------------------------------------------3 2.3- Elementos de relación-------------------------------------------------------------------------------------------- 4 2.4- Elementos prácticos----------------------------------------------------------------------------------------------- 4 3. Interfaces web---------------------------------------------------------------------------------------------------------------5 3.1- Interacción persona-ordenador---------------------------------------------------------------------------------5 3.2- Diseño de una UI (Objetivos)------------------------------------------------------------------------------------ 5 3.3- Características-------------------------------------------------------------------------------------------------------6 3.4- Componentes de una UI web----------------------------------------------------------------------------------- 6 3.5- Maquetación web--------------------------------------------------------------------------------------------------7 3.6- Mapa de navegación---------------------------------------------------------------------------------------------- 8 3.7- Detección de patrones de diseño------------------------------------------------------------------------------ 9 3.8- El color-------------------------------------------------------------------------------------------------------------- 10 4. Generación de documentos y sitios web---------------------------------------------------------------------------- 11 4.1- Guías de estilo-----------------------------------------------------------------------------------------------------11 Tema 2 - Accesibilidad en la web---------------------------------------------------------------------------------------------------- 13 1. Tipos de discapacidad----------------------------------------------------------------------------------------------------13 2. Tecnología asistencial------------------------------------------------------------------------------------------------------ 14 2.1- Facilitar la accesibilidad en la web----------------------------------------------------------------------------- 15 3. Consorcio W3C-------------------------------------------------------------------------------------------------------------- 15 3.1- Principios del acceso al contenido web----------------------------------------------------------------------- 15 3.2- Prácticas de accesibilidad del contenido web--------------------------------------------------------------- 16 3.3- Criterios de éxito y niveles de conformidad------------------------------------------------------------------ 16 3.5- Declaración de conformidad de documentos Web--------------------------------------------------------- 17 3.6- Herramientas de evaluación de la accesibilidad------------------------------------------------------------ 17 Tema 3 - La usabilidad en la web---------------------------------------------------------------------------------------------------- 19 1. Introducción------------------------------------------------------------------------------------------------------------------- 19 1.1- Conceptos generales---------------------------------------------------------------------------------------------- 19 1.2- Principios de la usabilidad---------------------------------------------------------------------------------------- 20 2. Navegación en la web------------------------------------------------------------------------------------------------------ 21 2.1- Información accesible----------------------------------------------------------------------------------------------21 2.2- Consistencia----------------------------------------------------------------------------------------------------------21 2.3- Persistencia---------------------------------------------------------------------------------------------------------- 21 2.4- Sencillez de navegación------------------------------------------------------------------------------------------ 22 3. Análisis y verificación de la usabilidad--------------------------------------------------------------------------------- 22 3.1- Tecnologías-----------------------------------------------------------------------------------------------------------23 3.2- Análisis heurístico---------------------------------------------------------------------------------------------------23 3.3- Test de usabilidad---------------------------------------------------------------------------------------------------24  Tema 1 - Planificación de interfaces gráficas 1. Introducción El diseño se define como el proceso previo de configuración mental en la búsqueda de una solución en cualquier campo ​ Diseñar requiere de consideraciones funcionales y consideraciones estéticas ​ El diseño consta de unas fases: ○​ Investigación ○​ Análisis ○​ Modelado ○​ Ajustes ○​ Adaptaciones ​ El objetivo del diseño es comunicar ideas y conceptos, de una forma clara y directa, por medio de los elementos gráficos ○​ La eficacia de la comunicación de los mensajes visuales que elaboran estas personas dependerá de la elección que haga de los elementos a emplear y del conocimiento que tenga de ellos 2. Percepción visual La percepción es el proceso de recogida y tratamiento de la información sensorial ​ La mente configura los elementos que le llegan a través: ○​ Canales sensoriales (percepción) ○​ Memoria (pensamiento | inteligencia | resolución de problemas) Percibir implica buscar, seleccionar, relacionar, organizar, establecer conexiones, recordar, identificar, jerarquizar, evaluar, aprender e interpretar Los diseñadores deben conocer al público, sus necesidades e inquietudes para lograr que el mensaje visual llegue de manera correcta a sus receptores 2.1- Elementos conceptuales 2.2- Elementos visuales Cuando los elementos conceptuales se hacen visibles son elementos visuales ​ Forma: Es el área que define un espacio ​ Medida: Es la parte medible físicamente de la figura ​ Color: El color/contraste de color se usa para llamar la atención sobre determinadas partes de un elemento/imagen ​ Textura: Es la característica visual/táctil de una superficie. Consta de: Rugosidad | Suavidad | Aspereza | Homogeneidad | … 2.3- Elementos de relación Los elementos de relación hacen referencia a la ubicación y la interrelación de las formas en un diseño ​ Algunos de los elementos de relación pueden ser percibidos mientras que otros pueden ser sentidos Dirección Depende de su relación con el observador Posición Es juzgada por su relación respecto al cuadro que lo contiene o a la estructura global del diseño Espacio Puede usar la perspectiva para organizar y sugerir el espacio creando una ilusión de profundidad Gravedad No es visual, es psicologica 2.4- Elementos prácticos 3. Interfaces web 3.1- Interacción persona-ordenador La interacción persona-ordenador es la disciplina relacionada con el diseño, evaluación e implementación de sistemas informáticos interactivos para ser usados por personas La interacción persona-ordenador estudia el intercambio de información entre personas y ordenadores 3.2- Diseño de una UI (Objetivos) Una UI es un sistema gráfico que permite acceder a los contenidos de la web a los usuarios mediante el uso de elementos gráficos ​ El objetivo principal en el diseño de una UI Web es que sus potenciales usuarios puedan acceder a todos su contenidos de la forma rápida y sencilla Debemos diseñar una interfaz que cubra todos nuestros objetivos. Este diseño debe lograr que los usuarios de nuestro sitio puedan acceder con facilidad a sus contenidos, puedan interactuar con eficacia con todos sus componentes y, se sientan cómodos haciéndolo 3.3- Características A la hora de diseñar una UI web debemos tener en cuenta cómo sienten y cómo perciben los seres humanos y cómo son los procesos de nuestra mente: ​ Cómo aprendemos ​ Cómo recordamos ​ Cómo procesamos la información Existen 2 características deseables en el diseño de una UI web: ​ USABLE ○​ Significa que sea utilizable, osea que se pueda utilizar la UI de forma cómoda y fácil ​ VISUAL ○​ Significa que las percepciones del usuario, sus opiniones, sus sentimientos y actitudes generados mientras lo usa sean positivos Un sitio Web tiene la característica de ser visual cuando los elementos gráficos empleados están orientados a conseguir los objetivos del sitio y no se han empleado como elemento decorativo 3.4- Componentes de una UI web Los componentes de una UI web deben permitir al usuario identificar la función que desempeñan de forma que pueda acceder a todos los contenidos sin necesidad de realizar complicados razonamientos Elementos de Componentes que ayudan a los usuarios a Logotipos | Nombre del sitio identificación reconocer y comprender la web Esquema de colores | Tipografía Elementos de Permiten acceder a los contenidos de las Botón de regreso al index navegación diferentes páginas de un sitio web Menú de secciones Ubicación actual en la web Elementos de contenidos Elementos de Zonas o elementos donde el usuario Elección de idioma interacción participa de alguna manera Formulario de búsqueda Botones 3.5- Maquetación web Una maqueta web es un boceto previo de la composición de la web que se va a publicar Siempre hay que realizar una maqueta web del sitio antes de diseñarla ➔​ Cuales son los elementos que tendrá la web ➔​ Como irán colocados estos elementos Siempre debemos comenzar por hacer una distribución de los grandes bloques de elementos de información 3.5.1- Elementos de ordenación Los elementos de ordenación se refieren a los bloques de contenido en el sitio web Bloque de encabezado Bloque de navegación Bloque de contenido Bloque de pie 3.6- Mapa de navegación El mapa del sitio proporciona a los visitantes un lugar donde buscar de forma sencilla los contenidos que le interesan si es que no los ha encontrado ya en la página principal 3.6.1- Tipos de estructura ​ Estructura lineal ○​ La navegación entre páginas es secuencial ​ Estructura reticular ○​ La navegación entre páginas es relacionada, todas las páginas se relacionan entre sí ​ Estructura jerárquica ○​ La navegación entre páginas es jerárquica ​ Estructura lineal jerárquica ○​ La navegación entre páginas es una mezcla entre las anteriores 3.7- Detección de patrones de diseño Un Patrón de Diseño es una solución a un problema concreto que se puede usar repetidamente en problemas similares haciendo pequeñas variaciones Existen dos tipos de patrones: ​ Patrones de diseño de Software: Orientados a la funcionalidad ​ Patrones de diseño de Interacción: Orientados a la usabilidad Explicación Principio de proximidad Nuestra mente agrupa elementos en función de la distancia que hay entre ellos Principio de semejanza Nuestra mente agrupa elementos que son similares en su aspecto visual Principio de simetría Nuestra mente percibe como un único elemento aquellos que están dispuestos simétricamente Principio de continuidad Nuestra mente percibe los elementos continuos aunque estén interrumpidos entre sí Principio de cierre Nuestra mente percibe figuras completas o cerradas a partir de contornos, aunque estén incompletos Nuestra mente percibe como objeto el más pequeño de dos Principio de área objetos que se superponen, percibiendo el objeto de mayor tamaño como fondo Principio de figura-fondo Nuestra mente percibe ciertos elementos como figuras, con forma y borde destacándolos del resto de los objetos que los envuelven Principio de simplicidad Nuestra mente percibe las formas más simples, facilitando o buena forma así su recuerdo 3.8- El color Primarios Rojo, amarillo, azul Primarios Secundarios Verde (amarillo+azul), púrpura Secundarios (azul+rojo), naranja (rojo+amarillo) Terciarios Terciarios Mezcla de primarios con secundarios adyacentes Fríos Entre amarillo-verdoso y púrpura Fríos Cálidos Cálidos Entre rojo-púrpura y amarillo Complementarios Lados opuestos en la rueda Complementarios Análogos Análogos Colores vecinos Monocromáticos Monocromáticos Variaciones de un mismo color 4. Generación de documentos y sitios web El proceso de generación de un sitio Web pasa por unas fases ​ Análisis: ○​ Se establecen unas pautas que todo los miembros del equipo de diseño deberán tener en cuenta ​ Desarrollo ○​ Se implementa el sitio Web atendiendo a las pautas establecidas en la fase anterior ​ Pruebas/Depuración ○​ Se comprueba que todos los enlaces funcionan y que los usuarios pueden interactuar correctamente con todas las páginas del sitio ​ Documentación 4.1- Guías de estilo Una guía de estilo es un conjunto de normas para el diseño y la redacción de documentos ​ Se centran en los aspectos técnicos y visuales de la publicación ​ Están dirigidas a las personas encargadas del diseño y programación de la interfaz Web Fotos y logos ​ Formato en el se almacenan las imágenes ​ Tamaño de la imagen o logotipo (ancho/alto) ​ Fuente y estilo de la fuente Tipografía ​ Tamaño de la fuente ​ Color de la fuente Colores ​ Colores a emplear en el sitio Web Iconografía ​ Aplicación práctica de los elementos del diseño Estructura ​ Esquema de navegación entre las páginas del sitio.  Tema 2 - Accesibilidad en la web 1. Tipos de discapacidad Existen varios tipos de discapacidad a tener en cuenta para programar la accesibilidad en la web - Reducción de la agudeza visual Ceguera total: 0/10 visión VISUAL - Reducción del campo visual Ceguera legal: 1/10 visión Visión parcial: 3/10 visión - Disfunción en el aparato motor Lesión medular - Movimientos limitados Esclerosis múltiple MOTRIZ - Movimientos incontrolados Esclerosis lateral amiotrófica - Falta de coordinación Distrofia muscular - Falta fuerza en las extremidades Parálisis cerebral Las personas con discapacidad auditiva desde el nacimiento, no AUDITIVA procesarán el lenguaje de la misma Personas con hipoacusia forma que una persona que perdió (pueden oír con prótesis) la audición después de aprender a Personas con sordera total hablar Problemas con las distintas habilidades cognitivas: -​ Observación -​ Análisis Autismo COGNITIVA -​ Ordenación Síndrome de Down -​ Clasificación Retraso mental -​ Memorización -​ Interpretación -​ Evaluación -​ Representación 2. Tecnología asistencial La tecnología asistencial ayuda a las personas con discapacidad a realizar tareas que no podrían hacer de otra manera Teclado virtual Se maneja clicando con el ratón Adaptados a distintas necesidades, con Teclado alternativo teclas muy grandes, con mucho espacio para personas con discapacidad motriz, o bien con retroalimentación auditiva Dispositivos Permite escribir mediante “teclas” con de entrada Teclado Braille tacto y rugosidad que representan los símbolos del lenguaje Braille Software de reconocimiento de Para personas que no pueden usar el voz teclado ni el ratón Suele ser un casco que lleva una varilla Apuntadores larga en la frente empleada para realizar pulsaciones en el teclado Es un ratón que no necesita desplazarse y tiene una gran bola Trallback gigante encima del mismo que se mueve en cualquier dirección y hace la función de mover el puntero Webcam con seguimiento de Siguen los movimientos de la cara/ojos ojos/cara para mover el ratón o hacer pulsaciones Hacen una lectura de lo que se muestra Lectores de pantalla por pantalla mediante un sintetizador de voz Ampliadores de pantalla La lupa que incorporan algunos S.O Dispositivos Muestran de forma táctil la misma de salida Líneas Braille información que leería un lector de pantalla capaces de leer páginas web en voz Navegadores web para ciegos alta y navegar a través de su voz haciendo uso de una serie de comandos especiales 2.1- Facilitar la accesibilidad en la web Podemos facilitar la accesibilidad en la web mediante distintas técnicas: ​ Empleando un código XHTML semánticamente correcto ​ Proporcionando un texto descriptivo alternativo a las imágenes ​ Dando nombres significativos a los enlaces para que puedan ser leídos correctamente por los lectores de pantalla ​ Empleando un lenguaje claro y sencillo ​ Eligiendo un tamaño de letra grande con un buen contraste con el fondo y una adecuada combinación de colores ​ Creando elementos de interacción lo suficientemente grandes 3. Consorcio W3C El consorcio W3C (World Wide Web) es una comunidad internacional que desarrolla estándares que aseguran el crecimiento de la web a largo plazo 3.1- Principios del acceso al contenido web El contenido de la web debe ser: 1.​ Perceptible: componentes de la interfaz de usuario presentados de tal manera que los usuarios lo puedan percibir 2.​ Operable: los usuarios deben ser capaces de operar la interfaz 3.​ Comprensible: funcionamiento de la interfaz comprensible 4.​ Robusto: el avance que se produzca en las tecnologías no debe afectar a la accesibilidad Web de los usuarios que emplean dichas tecnologías, es decir, el contenido debe seguir siendo accesible Si alguno de estos principios no se cumple, los usuarios con discapacidad no podrán utilizar la Web 3.2- Prácticas de accesibilidad del contenido web Las Pautas de Accesibilidad para el Contenido Web 2.0 definen cómo crear contenidos web más accesibles para las personas con discapacidad 1.​ Proporcionar alternativas textuales para todo el contenido no textual 2.​ alternativas sincronizadas para contenidos multimedia PERCEPTIBLE sincronizados dependiendo del tiempo 3.​ contenido que pueda ser presentado de diferentes maneras y sin perder la información ni su estructura. 4.​ Facilitar la visión y audición del contenido 1.​ Toda la funcionalidad disponible desde el teclado 2.​ Dar el tiempo suficiente para leer y usar el contenido OPERABLE 3.​ No diseñar contenido que pueda causar convulsiones 4.​ Medios que sirvan de ayuda a los usuarios a la hora de navegar, localizar contenido y determinar dónde se encuentran COMPRENSIBLE 1.​ Contenido textual legible y comprensible 2.​ Páginas web cuya apariencia y operabilidad sea comprensible y predecible 3.​ Ayuda a los usuarios a evitar errores y a corregirlos ROBUSTO 1.​ Maximizar la compatibilidad con los agentes de usuario actuales y futuros, incluyendo las tecnologías asistivas 3.3- Criterios de éxito y niveles de conformidad Para cada pauta se proporcionan los criterios de éxito verificables que permiten emplear las WCAG 2.0 en aquellas situaciones en las que existan requisitos y necesidad de evaluación de conformidad ​ Un criterio de éxito es una afirmación comprobable que puede ser verdadera o falsa cuando se aplica a un contenido web específico. ​ Cada criterio de éxito incluye su intención, los términos clave que se utilizan en el criterio de éxito, y cómo los criterios de éxito pueden ayudar a la gente con diferentes tipos de discapacidad 3.5- Declaración de conformidad de documentos Web Para hacer una declaración de conformidad de una página Web conforme con las WCAG 2.0 habrá que satisfacer cada uno de los siguientes requisitos: 1.​ Nivel de conformidad: a.​ Se satisface por completo uno de los tres niveles de conformidad (A, AA, AAA) 2.​ Páginas completas a.​ El nivel de conformidad sólo se aplica a páginas Web completas 3.​ Procesos completos a.​ Todas y cada una de las páginas Web que conforman un proceso deben ser conformes al nivel especificado o a uno superior 4.​ Tecnologías con soporte de accesibilidad a.​ Cualquier información o funcionalidad implementada con tecnologías no compatibles con la accesibilidad debe estar disponible, también, a través de tecnologías compatibles con la accesibilidad 5.​ No interferencia a.​ El uso de tecnologías no compatibles con la accesibilidad no bloquea el acceso del usuario al resto de la página Las declaraciones de conformidad no son exigibles. No obstante, si se hace una declaración de conformidad, tal declaración debe incluir la siguiente información: 1.​ Fecha de la declaración. 2.​ Título de las Pautas y versión 3.​ Nivel de conformidad satisfecho: (Nivel A, AA o AAA). 4.​ Descripción detallada de las páginas web 5.​ Lista de las tecnologías de contenido web en las que se confía 3.6- Herramientas de evaluación de la accesibilidad Si queremos hacer una declaración de conformidad, tendremos que realizar primero una validación de nuestras páginas 1.​ Realizar un análisis automático que detecte los problemas de accesibilidad 2.​ Realizar una evaluación manual para identificar problemas que no pueden ser comprobados en la primera fase  Tema 3 - La usabilidad en la web 1. Introducción ​ El objetivo principal en el diseño de una UI web es que sus potenciales usuarios pueden acceder a todos sus contenidos de forma rápida y sencilla ​ La usabilidad es una cualidad de un sitio web de la que sólo se percibe su falta ○​ Cuando está presente, el usuario interactúa con facilidad y rapidez y sólo se detecta cuando el usuario se queja 1.1- Conceptos generales La usabilidad tiene unos principios generales: ​ Dar el control al usuario ​ Reducir la carga de memoria ​ Mantener una interfaz consistente Al realizar un diseño de una interfaz hay que hacer un análisis de los posibles usuarios de la misma 1.2- Principios de la usabilidad ​ Las personas que se dedican al diseño deberían tratar de reducir la carga de trabajo de las personas que van a usar la web ​ Los sitios Web deberían diseñarse tratando de facilitar la interacción con la máquina ​ Los usuarios no quieren tener sobrecarga de información, no quieren tener que recordar la información durante más de unos segundos, prefieren el uso de una terminología sencilla Una interfaz es usable si los usuarios pueden contestar a: -​ ¿Dónde estoy? -​ ¿Cómo llegué aquí? -​ ¿A dónde puedo ir después? -​ ¿Qué puedo hacer en este momento? -​ ¿Cómo puedo regresar al punto anterior? 2. Navegación en la web A la hora de diseñar una interfaz para una web es importante que el formato del sitio web cumpla con las expectativas de los usuarios 2.1- Información accesible Para lograr un acceso más eficiente y sencillo a la información de un sitio web, es importante: ​ Una buena organización de los contenidos del sitio ​ Un buen diseño del sistema de navegación ​ El menú de navegación se usa para tener la información accesible Es importante tener en cuenta: ​ Todos los contenidos son accesibles ​ No existen enlaces rotos ​ Los enlaces muestran el contenido esperado 2.2- Consistencia La consistencia en la web significa que sus elementos son coherentes en todas las páginas de un sitio web ¬¬¬ La navegación en un sitio Web debe ser predecible para los usuarios ¬¬¬ 2.3- Persistencia La persistencia de una web significa que sus elementos son coherentes en todas las páginas de un sitio web ¬¬¬ Las barras de navegación mantienen su posición en todas las páginas del sitio¬¬¬ 2.4- Sencillez de navegación Si se presenta al usuario un sistema de navegación que le recuerde algo a lo que ya está acostumbrado, tendrá mucha menos dificultad en adaptarse a él ​ Un sistema de navegación sirve para que los usuarios sepan dónde pueden ir, dónde están y cómo pueden regresar a la página donde estaban antes ​ Un sistema de navegación debe suministrar al usuario un acceso a la página principal del sitio web, en cualquier momento de la navegación Técnicas para la sencillez de navegación ​ El logotipo de la empresa suele ir colocado en el encabezamiento de todas las páginas del sitio y sirve de enlace de regreso a la página principal ​ El enlace al mapa del sitio va colocado en el encabezado y/o en el pie de todas las páginas y permite averiguar dónde se puede ir. ​ El sistema de navegación que informa del camino recorrido desde la página principal hasta el lugar donde se encuentra el usuario, colocado normalmente por debajo del encabezado y por encima del contenido y que, con el uso de enlaces, permite al usuario regresar a alguna de las páginas previas en las que ha estado. ​ El sistema de navegación principal está ubicado, normalmente, en el encabezado de todas las páginas del sitio e informa de las principales secciones del mismo. Si la ubicación de los elementos de navegación es consistente y persistente, el usuario no tendrá que recordar dónde estaba la información que buscaba o el camino a seguir para encontrarla 3. Análisis y verificación de la usabilidad Una parte importante de todo diseño es hacer una prueba de usabilidad antes de ponerla a disposición del público en general ​ Esta prueba debería realizarse con un grupo heterógeneo de usuarios incluyendo usuarios con distintos tipos de discapacidad ya que, de esta forma, se localizarán problemas de usabilidad generales que afectan a todos los usuarios 3.1- Tecnologías La usabilidad de un sitio web será garantía de que será elegido entre muchos sitios web de características similares Existen varios métodos para analizar la usabilidad de una UI: ​ Realizar una evaluación heurística ​ Realizar una prueba de usabilidad ​ Realizar encuestas una vez divulgada la web ​ Utilizar la técnica tracking 3.2- Análisis heurístico La evaluación heurística la hace una persona con experiencia en usabilidad que observa un conjunto de parámetros, normalmente siguiendo las directrices marcadas por Nielsen Los parámetros observados son: ​ ¿es cercano al usuario? Lenguaje de las ​ ¿está presentado en un orden? páginas ​ ¿es lógico para el usuario? Consistencia ​ ¿la representación gráfica es la misma en conceptos similares? ​ ¿la representación gráfica es la misma en conceptos similares? Memoria del ​ ¿hay enlaces directos a la información relevante? usuario ​ ¿debe el usuario recordar demasiadas cosas? Eficiencia y ​ ¿el usuario encuentra siempre lo que busca? flexibilidad ​ ¿el usuario novato dispone de alguna ayuda adicional? Diseño ​ ¿es ergonómico y visual o está todo junto sin espacios? Información ​ ¿está ordenada y correctamente agrupada? ​ ¿sabe el usuario dónde está en todo momento? ​ ¿sabe a dónde puede ir? Ubicación y ​ ¿puede regresar a la página principal de la sección o del sitio? navegación ​ ¿son los enlaces intuitivos? ​ ¿hay enlaces rotos? ​ ¿hay enlaces con contenido impropio según el nombre del enlace? 3.3- Test de usabilidad Un test de usabilidad es una medida concreta y objetiva de la usabilidad de un software tomada a partir de usuarios verdaderos que realizan tareas reales El test de usabilidad permite verificar si existen problemas de usabilidad y encontrar una posible solución a ellos Hay que tener en cuenta: ​ El momento: Cuanto antes mejor, antes de publicar el sitio pero después del análisis heurístico ​ Las personas: El nºpersonas que lo van a realizar y las características de las mismas ​ La duración: El tiempo dedicado a la realización de los test ​ El lugar: Debe escogerse cuidadosamente, para que los usuarios se sientan agusto y no interactúen entre sí ​ El material: Se debe disponer de la tecnología necesaria ​ El test: Debe estar bien planificado (tareas a pedir a los usuarios, momento de su realización, tiempo para cada tarea…) Durante la realización del test, se debe observar la interacción de cada usuario con la máquina en la realización de cada una de las tareas, ver sus reacciones mientras maneja la interfaz, anotar el tiempo que le lleva realiza una determinada tarea,