La

interfaz de usuario
• Una interfaz debe ser clara y fácil de usar
• Debe agradar al usuario (estética y funcional)
• Debe ofrecer un sistema de señalización propio
• Apela a lenguajes conocidos
• Se apoya en prácticas culturales tradicionales
• Heráldica – logotipos y banderas de colores
• Modos y costumbres de lectura
• Jerarquías de textos – cajas tipográficas
Diseño centrado en el usuario
Test de usabilidad
• Se evalúa al sistema no al usuario
• Un estudio debe tener un objetivo
• Una lista de preguntas de usabilidad
• Se definen unas tareas
• Se definen criterios de evaluación
• Mínima cantidad de clicks
• Menor tiempo necesario para realizar una tarea
• Menor cantidad de pasos para realizar una tarea
• Menor cantidad de errores al realizar una tarea
Test de usabilidad
• Efectividad: Que tan bien hace lo que se supone que hace
• Eficiencia: Que tanto ayuda al usuario a llevar a cabo las tareas
• Satisfacción: Calificación subjetiva del usuario
• Tiempo de realización de una tarea
• Tasa de error: frecuencia de errores
• Reporte de errores
• Reportados por el usuario
• Problemas de usabilidad
• Errores del facilitador
Mapas de navegación
• Representación gráfica de todo el conjunto de páginas
que componen un sitio
• Señala las relaciones y jerarquías entre
los diferentes registros de información
• Señala posibles enlaces directos entre
los diferentes registros de información
• Una foto dentro de un artículo lleva a más fotos del mismo tema
• Una cita dentro de un artículo lleva a la fuente original de la
información
• El mapa se debe ver reflejado en el menú de navegación
Boceto
• Storyboard: guión detallado de la manera como se desarrollan los
contenidos de un sitio
• Seudo código: definición en lenguaje común de las diferentes
acciones y funciones que se deben cumplir en un sitio
• Retícula de diagramación o plantilla de estilo
• Caja tipográfica: ancho y número de columnas
• Fuentes: jerarquía de textos - tamaño de fuentes
• Paleta de colores
• Estilo de diseño: equilibrio o preponderancia de imagen o texto
• RWD: reconfiguración del número de columnas según dispositivo
Proyecto individual vs Trabajo en equipo
• Tres tareas diferentes
• Contenidos: comunicador, mercadotecnia, curador, editor
• Interfaz: diseñador, fotógrafo, ilustrador, animador
• Interacción y manejo de información: programador

• Planeación del desarrollo

• Actividades: secuencia y duración, ruta crítica, diagrama Gant
• Ciclos de propuesta-validación
• Manejo de recursos