Tema 2. Principios de diseño centrado en el usuario
|
|
- Ana María Belmonte Toledo
- hace 7 años
- Vistas:
Transcripción
1 Tema 2. Principios de diseño centrado en el usuario Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Conocer los principios de diseño centrados en el usuario y su aplicación al diseño web y multimedia. Diseño de la información y la navegación Revisión de las técnicas vistas en IPO Estudio de nuevas técnicas de prototipado para modelar el sistema en desarrollo, con especial atención a aquellas que se usan en diseño web y diseño multimedia. Diseño del contenido de la información: Arquitectura de la información: Definición y Técnicas Técnicas de evaluación Aplicar técnicas de evaluación con usuarios para verificar la viabilidad del sistema
2 El proceso de diseño Análisis de Requisitos Prototipado, Evaluación Diseño Iteración: Prototipado y Evaluación Técnicas de prototipado Técnicas de evaluación Definir tareas: Análisis jerárquico de las tareas Diálogos Definir estilo: Interacción e Interfaz Guías Estándares Reglas Implementación Prototipos funcionales, evaluación Lanzamiento Evaluación: test de usabilidad Ref: Transparencias IPO El proceso de diseño Diseño Iteración: Prototipado y Evaluación Técnicas de prototipado Esbozos o bocetos (AR) Escenarios Narrativa Diagrama de flujo Texto de los procedimientos Storyboard Prototipos en papel Prototipos en vídeo Técnicas de evaluación Definir tareas: Análisis jerárquico de las tareas Diálogos Definir estilo Guías Estándares Reglas Ref: Transparencias IPO
3 El proceso de diseño Diseño Iteración: Prototipado y Evaluación Técnicas de prototipado Esbozos o bocetos (AR) Escenarios Narrativa Diagrama de flujo Texto de los procedimientos Storyboard Prototipos en papel Prototipos en vídeo Qué es un prototipo? Técnicas de prototipado Diseño. Prototipado Clasificación de los prototipos según su funcionalidad Vertical Horizontal Clasificación de los prototipos según su calidad Baja fidelidad Alta fidelidad Otras técnicas de prototipado
4 Diseño. Prototipado Qué es un prototipo? Un prototipo es un objeto diseñado para realizar una demostración de cualquier tipo. Qué se puede prototipar? Aspectos técnicos Flujo de trabajo, diseño de tareas Diseño de pantallas, información a mostrar Áreas críticas, difíciles o controvertidas La etapa de prototipado se basa en la elaboración de modelos o prototipos de la interfaz del sitio o aplicación web. Técnicas de prototipado Qué técnicas de prototipado se utilizan en el diseño de interfaces? Escenarios Narrativa Diagrama de flujo Texto de los procedimientos Storyboard* Prototipo en papel Prototipo en vídeo Prototipo software Ref: Transparencias IPO
5 Tipos de prototipos. Funcionalidad Los prototipos se pueden clasificar según la funcionalidad reproducida: Prototipado horizontal: Se reproduce gran parte del aspecto visual, pero sin que esos modelos de interfaz estén respaldados por la funcionalidad real que tendrá finalmente. Prototipado vertical: Se reproduce únicamente el aspecto visual de una parte de la interfaz, pero la parte reproducida posee la misma funcionalidad que tendrá una vez implementada la aplicación. Tipos de prototipos. Funcionalidad Prototipado horizontal y vertical
6 Tipos de prototipos. Funcionalidad Prototipado horizontal Muestra el espectro de características de una aplicación. Muestran las páginas principales, sin demasiada profundidad. Permite a los usuarios navegar por el sistema. Las páginas que implementan tareas específicas no están presentes. Sirven para ver la lógica general del sitio. Se utiliza en las etapas tempranas del diseño: Para determinar funcionalidades a incluir Para decidir sobre el concepto de la interfaz de usuario Ayuda a evaluar: Navegación Preferencias de usuario Accesibilidad Tipos de prototipos. Funcionalidad Prototipado vertical Demuestra una característica específica de una aplicación Permite que el usuario sólo utilice esa función concreta Implementan las páginas claves para completar una tarea específica. Apropiado cuando hay tareas complejas que no se comprenden. No es necesario que implementen enlaces que conectan a otras tareas u otras partes del sitio. Se utiliza en las etapas tempranas del diseño: Para comparar entre diferentes diseños de una función Ayuda a evaluar: El diseño óptimo de una función en particular Optimizar la usabilidad de esa función
7 Tipos de prototipos. Calidad Los prototipos se pueden clasificar según la calidad o fidelidad del prototipo (refinamiento progresivo): Prototipado de baja fidelidad: El aspecto de prototipo distará bastante del aspecto final. Prototipado de alta fidelidad: El prototipo será muy parecido a la interfaz una vez terminada. Tipos de prototipos. Calidad Prototipos de baja fidelidad (low-fidelity prototype) Son prototipos fáciles de realizar Se suele utilizar un medio que sea diferente del prototipo final, ej: prototipado en papel. Se caracteriza por ser rápido, barato y fácil de cambiar Se utiliza para verificar aspectos del diseño con clientes o usuarios potenciales. Ejemplos: sketch de pantallas, secuencia de tareas, notas post-it, storyboards, wizard-of-oz
8 Tipos de prototipos. Calidad Prototipos de baja fidelidad Tipos de prototipos. Calidad Prototipo de alta fidelidad (high-fidelity prototype) Se suele utilizar un medio parecido al esperado en el producto final Para la representación del sistema se sueen utilizar entornos como Macromedia Director, Dreamweaver, Photoshop, etc. Conviene dejarlo para etapas más avanzadas del diseño. Limita la interacción con los clientes Hay peligro de que los clientes piensen que el producto está terminado
9 Tipos de prototipos. Calidad Prototipos de alta fidelidad Alternativas: Tipos de prototipos. Calidad Prototipos de fidelidad media: no se tienen en cuenta detalles como tipos de letra, colores, temas gráficos Prototipos de alta fidelidad baratos
10 Técnicas de prototipado: Escenarios Técnicas de prototipado Narrativa, Diagrama de flujo, Texto de procedimientos, Storyboard Prototipo en papel, en vídeo, software Mapa de navegación Sketching Wireframe Mockups Esquemas Prototipo basado en cartas Wizard-of-Oz Escenarios Técnicas de prototipado
11 Mapa de navegación Técnicas de prototipado Mapa de un sitio web: Diagrama o grafo que refleja la estructura del sitio y algo sobre la estructura o flujo de navegación dentro del sitio. Sketching Técnicas de prototipado Importante en los prototipos de baja fidelidad Se utilizan símbolos simples (no importa la habilidad para dibujar)
12 Técnicas de prototipado El wireframe tiene como objetivo proporcionar la visualización del diseño o las funcionalidades de una aplicación o sitio web. El wireframe se centra en: Tipos de información que se va a mostrar Cantidad de las funciones disponibles Prioridades relativas de la información y las funciones Reglas para mostrar ciertos tipos de información Efecto de los distintos escenarios en la pantalla Técnicas de prototipado Los wireframes ayudan a establecer funcionalidad y las relaciones entre las diferentes plantillas de pantallas. Un proceso iterativo de creación de wireframes es una forma efectiva de hacer prototipos de páginas rápidos, mientras se evalúa la aceptación de un concepto de diseño. Los wireframes se usan para hacer prototipos de sitios web, aplicaciones móviles, aplicaciones para ordenador, u otros productos basados en pantalla.
13 Técnicas de prototipado Mockup: maqueta de diseño digital, lo más similar posible al modelo real. Los mockups se suelen realizar con: Adobe Illustrator Adobe Photoshop Gimp Corel Draw 3ds Max Esquemas (Schematics) Técnicas de prototipado Representaciones de la disposición (layout) y contenido que aparecerá en las páginas individuales. No contienen imágenes aunque sí están indicados los lugares donde estas van.
14 Prototipo basado en cartas Técnicas de prototipado Cartas tipo índice (7 x 12 cm) Cada carta representa una pantalla o parte de la pantalla Se utilizan generalmente para el desarrollo de sitios web Técnicas de prototipado Ejemplo de uso de un prototipo basado en cartas para representar un caso de uso de una aplicación
15 Mago de Oz (Wizard-of-Oz) Técnicas de prototipado El usuario piensa que está interactuando con el ordenador pero el desarrollador quien genera las salidas del sistema. Generalmente se utiliza en los primeros diseños para entender las expectativas de los usuarios. No se implementan las partes más complejas y complicadas del prototipo El usuario tiene la experiencia sin que haya un esfuerzo excesivo de implementación del prototipo. Técnicas de prototipado Mago de Oz (Wizard-of-Oz) Áreas típicas en las que se suele emplear esta técnica: Reconocimiento de voz Síntesis de voz Anotaciones Razonamiento User Percepción visual >Blurb blurb >Do this >Why?
16 Prototipado: Algunas consideraciones prácticas Todas las técnicas de prototipado conllevan compromisos, que se deben tener en cuenta: Tiempo de desarrollo Realismo Hay investigaciones muestran que: Aquellos que trabajan en papel exploran variadas alternativas de diseño. Aquellos que trabajan en ordenador tienden a tomar una única idea y explorarla en detalle. Prototipado: Algunas consideraciones prácticas Los prototipos altamente realistas y muy trabajados estéticamente: Generalmente restringen los posibles comentarios de evaluación Los usuarios dejan de cuestionarse el concepto básico El feedback se centra en detalles del diseño visual o el diseño de la interacción Los prototipos con diseños realistas pero menos acabados estéticamente Pueden ayudar a los usuarios a cuestionarse el concepto Se pueden mejorar fácilmente los diseño visuales
17 Prototipado: Algunas consideraciones prácticas Prototipado: Algunas consideraciones prácticas
18 Prototipado: Algunas consideraciones prácticas En el mercado de la interacción persona ordenador y el diseño, hay algunos conceptos que se suelen confundir o utilizar de diferentes maneras. Cuál es la diferencia entre sketch, wireframe, mockup y prototipo? Prototipado: Algunas consideraciones prácticas Sketch: Boceto estático en baja calidad de un diseño El entregable es una imagen, o un papel.
19 Prototipado: Algunas consideraciones prácticas Wireframe: Representación estática en baja calidad de un diseño Un wireframe conecta la estructura conceptual, o arquitectura de la información, con la superficie, o diseño visual del sitio web. El entregable es una imagen. Prototipado: Algunas consideraciones prácticas Mockup: Representación estática en calidad media o alta de un diseño El entregable es una imagen.
20 Prototipado: Algunas consideraciones prácticas Prototipo: Representación navegable del producto final en calidad media o alta. El entregable es un HTML, PPT, animación o formato navegable. Arquitectura de la información La arquitectura de la información se puede definir como la práctica profesional dedicada a la organización, la clasificación, la estructuración y el etiquetado de grandes volúmenes de contenidos A diferencia del diseño de la interacción, más focalizado en la funcionalidad y el comportamiento interactivo de los productos digitales, la arquitectura de la información se centra en el contenido, en cómo organizarlo para que el usuario pueda navegar por él, localizar la información deseada y manejarla de manera eficiente y satisfactoria.
21 Arquitectura de la información La arquitectura de la información trata indistintamente el diseño de: sitios web, interfaces de dispositivos móviles (como lectores de mp3), CD interactivos, videoclips digitales, relojes, tableros de instrumentos de aviones, interfaces de máquinas dispensadoras, interfaces de juegos electrónicos, etc. Su principal objetivo es facilitar al máximo los procesos de comprensión y asimilación de la información, así como las tareas que ejecutan los usuarios en un espacio de información definido. Arquitectura de la información Componentes de la AI: Tipos de estructura: jerárquica, web, lineal Esquemas de organización: temas, tareas, formato, audiencia, alfabético, temporal, geográfico, atributos, popularidad Nombre de las etiquetas: específico vs conciso Búsqueda: diseñadas para encontrar la información Documentación de la AI: Mapas del sitio Inventarios de contenidos
22 Arquitectura de la información Métodos para organizar la información: Diagrama de afinidad Proceso: Expresar el problema Análisis de las ideas Clasificación Relacionar ideas (causa-efecto) Arquitectura de la información Métodos para organizar la información: Card Sorting (ordenamiento de cartas) Cómo agrupar la información de forma que le permita a la gente encontrar lo que están buscando, en base al reconocimiento de los grupos. Sirve para establecer la terminología que podría ser fácil o difícil de comprender Apples Oranges Bananas Fruit Apples Oranges Bananas
23 Arquitectura de la información Métodos para organizar la información: Card Sorting Fruit Fruit Local Tropical Pyrus Citrus Musa Apples Oranges Bananas Apples Oranges Bananas Arquitectura de la información Métodos para organizar la información: Card Sorting Se parte de una descomposición inicial Se preparan tarjetas de cartulina, cada una con una acción o tarea Se presenta a un conjunto de usuarios, que las agrupan y organizan Se estructuran las tarjetas según los resultados Si es necesario, se reorganiza todo lo necesario y se comienza de nuevo.
24 Arquitectura de la información Métodos para organizar la información: Card Sorting Cada etiqueta corresponde una funcionalidad o contenido del web Tarjetas lo suficientemente cercanas para poder crear grupos Card Sorting Abierto No hay grupos preestablecidos. Útil para nuevos sitios. Card Sorting Cerrado Los grupos o categorías están preestablecidos. Útil cuando se añaden entradas a estructuras preexistentes. Ejemplo: acaso Arquitectura de la información El administrador crea la sesión, las tarjetas (y grupos) e incluye los usuarios que participarán
25 Ejemplo: acaso Arquitectura de la información Arquitectura de la información Lecturas recomendadas: Top 10 Information Architecture (IA) Mistakes Card Sorting: Pushing Users Beyond Terminology Matches Nielsen Norman Group Webpage Topic: Information Architecture
26 Resumen Las técnicas de prototipado se pueden clasificar por su funcionalidad o por su calidad. Hay múltiples técnicas para diseñar la información y la navegación, cada una de ellas con diferentes propósitos y en diferentes etapas. Es necesario saber cuándo conviene aplicar una u otra. La arquitectura de la información permite estructurar, organizar y clasificar la información. Técnicas. Recordar las técnicas de evaluación con usuarios para verificar la viabilidad del diseño Referencias - Diseño Interaction Design: Beyond Human-Computer Interaction, Capítulo 11. H. Sharp, Y. Rogers & J. Preece. Wiley, A. Floriá Cortes (2000): Recopilación de métodos de usabilidad. SIDAR. Disponible en: Y. Hassan, F.J. Martín, G. Iazza (2004): Diseño Web Centrado en el Usuario: Usabilidad y Arquitectura de la Información. Disponible en:
usuario Diseño Centrado en el Usuario. Diseño para la Multimedia
Tema 2. Principios de diseño centrado en el usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Conocer los principios p de diseño centrados en el usuario y su aplicación al
Más detallesTema 2. Principios de diseño centrado en el usuario
Tema 2. Principios de diseño centrado en el usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Conocer los principios de diseño centrados en el usuario y su aplicación al diseño
Más detallesEditorial UOC 7 Índice El concepto La interfaz de los sistemas interactivos... 25
Editorial UOC 7 Índice Índice Prólogo... 13 Presentación... 19 Capítulo I. Introducción a la IPO Interacción persona-ordenador... 23 1. La interfaz de usuario... 24 1.1. El concepto... 24 1.2. La interfaz
Más detallesDescripción. Objetivos de Aprendizaje. Estructura y Contenidos
Descripción El programa de Diseño UI/UX busca dar a los estudiantes una amplia gama de habilidades necesarias para participar y facilitar procesos efectivos que crean productos viables y clientes fieles,
Más detallesDiseño UI/UX. Plan de Estudio
Diseño UI/UX Plan de Estudio Descripción El programa de Diseño UI/UX busca dar a los estudiantes una amplia gama de habilidades necesarias para participar y facilitar procesos efectivos que crean productos
Más detallesEl proceso de diseño. Análisis de tareas
El proceso de diseño Diseño Iteración: Prototipado y Evaluación Técnicas de prototipado Técnicas de evaluación Definir tareas: Análisis de tareas: HTA: Análisis jerárquico de tareas : Diagramas de secuencias
Más detallesDiseño en HCI (Preece et al 2002) Prototipos Diseño conceptual Uso de prototipos en el diseño conceptual Diseño físico
Diseño en HCI (Preece et al 2002) Prototipos Diseño conceptual Uso de prototipos en el diseño conceptual Diseño físico Prototipos (Preece et al. 1994 y 2002) Qué es un prototipo? Por qué un prototipo?
Más detallesDescripción. Objetivos de Aprendizaje. Estructura y Contenidos
Descripción Los estudiantes aprenderán habilidades y conocimientos prácticos de las técnicas y principios para la construcción de prototipos funcionales, al tiempo que obtienen una base sólida en Interfaz
Más detallesInteracción Persona Ordenador
Interacción Persona Ordenador El proceso de diseño Dr. Pedro Latorre Dra. Sandra Baldassarri Dra. Eva Cerezo Objetivos Conocer y aplicar la fase de diseño (de forma iterativa): Técnicas de prototipado
Más detallesMetodología y acciones. Jaime Moncho
UX Metodología y acciones Jaime Moncho Qué es UX? UX USER EXPERIENCE Se refiere a lo que experimenta el usuario antes, durante y despue s de interactuar con un sistema. La experiencia de usuario surge
Más detallesISO/IEC 9126 ISO/IEC : Part 2 Guidance on task requeriments (1992)
Actualmente, la usabilidad está reconocida como un importante atributo de calidad del software, habiéndose ganado un puesto entre atributos más tradicionales como el rendimiento y la fiabilidad. La Organización
Más detallesDIF-A - Diseño de Interfaces
Unidad responsable: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Unidad que imparte: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Curso: Titulación: 2018 GRADO EN DISEÑO,
Más detallesInteracción Humano Máquina y Realidad Mixta. Pablo Figueroa, PhD
Interacción Humano Máquina y Realidad Mixta Pablo Figueroa, PhD Contenido Qué es IHM Temas relevantes al diseño en realidad mixta Diseño centrado en el usuario Proceso iterativo de desarrollo Pruebas con
Más detallesGUÍA DOCENTE 2017/2018. Fundamentos de Interacción Persona- Ordenador Grado en INGENIERÍA INFORMÁTICA 2º curso. Modalidad Presencial
Fundamentos de Interacción Persona- Ordenador Grado en INGENIERÍA INFORMÁTICA 2º curso Modalidad Presencial Sumario Sumario 2 Datos básicos 3 Breve descripción de la asignatura 4 Requisitos previos 4 Objetivos
Más detallesTema 4. Usabilidad. Experiencia de Usuario
Tema 4. Usabilidad. Experiencia de Usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Definición e importancia de la usabilidad en el desarrollo de software aplicaciones y
Más detallesUser Experience & Design Thinking I y II
User Experience & Design Thinking I y II OBJETIVOS DE APRENDIZAJE Mediante este módulo el estudiante será capaz de: Identificar, investigar y analizar los factores que intervienen y se deben tener en cuenta
Más detallesUF 6.1 Diseño de interfaz de usuario Experiencia de usuario. Arquitectura de la información, usabilidad y accesibilidad. Módulo 6
Experiencia de usuario. Arquitectura de la información, usabilidad y accesibilidad Módulo 6 la experiencia de usuario La experiencia de usuario es el conjunto de factores y elementos de la interacción
Más detallesInteracción Persona - Ordenador
Interacción Persona - Ordenador Análisis de Requisitos (I) Dr. Pedro Latorre Dra. Sandra Baldassarri Dra. Eva Cerezo Modelo de proceso de diseño de la interfaz Análisis de Requisitos Recogida de datos
Más detallesRECURSOS DIGITALES EXPERIENCIAS DEL USUARIO (UX) Maestro: Carlos Alberto Rodríguez. Alumno: Ana Cristina Maldonado Rodríguez Matricula:
RECURSOS DIGITALES EXPERIENCIAS DEL USUARIO (UX) Maestro: Carlos Alberto Rodríguez Alumno: Ana Cristina Maldonado Rodríguez Matricula: 1668857 Experiencia del usuario (UX) En la actualidad, se bombardea
Más detallesNÚMERO DE HORAS: 160H PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE OBJETIVO
PACK FORMATIVO EN DESARROLLO DE APLICACIONES CON TECNOLOGÍA WEB NÚMERO DE HORAS: 160H PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE OBJETIVO - Identificar la estructura de una página web conociendo los lenguajes
Más detallesCARTA DESCRIPTIVA (FORMATO MODELO EDUCATIVO UACJ VISIÓN 2020)
CARTA DESCRIPTIVA (FORMATO MODELO EDUCATIVO UACJ VISIÓN 2020) I. Identificadores de la asignatura Instituto: Arquitectura Diseño y Arte Modalidad: Presencial Departamento: Materia: Diseño Diseño Digital
Más detallesDesarrollo de Productos Editoriales Multimedia
Desarrollo de Productos Editoriales Multimedia REF: E101240 OBJETIVO Este conjunto de materiales didácticos se ajusta a lo expuesto en el itinerario de aprendizaje perteneciente al Certificado de Profesionalidad
Más detalles30217: Interacción Persona Ordenador 12084: Interacción Hombre-Máquina (a extinguir)
30217: Interacción Persona Ordenador 12084: Interacción Hombre-Máquina (a extinguir) Presentación http://webdiis.unizar.es/asignaturas/ipo/ Haga clic para modificar el estilo de subtítulo del patrón Breve
Más detallesEspecificación de Requerimientos <Nombre del Proyecto> Nombre del Grupo de Desarrollo o Asignatura Nombre del Autor
Especificación de Requerimientos Nombre del Grupo de Desarrollo o Asignatura [Este documento es la plantilla base para elaborar el documento Especificación de Requerimientos. Los textos que aparecen entre
Más detallesUF 6.1 Diseño de interfaz de usuario. Módulo 6
Módulo 6 fases del proyecto multimedia anteproyecto o preproducción > objetivos, sinopsis > guión hipertexual > guión gráfico > diseño de GUI produción > desarrollo de la aplicación > elaborar los contenidos
Más detallesCARTA DESCRIPTIVA (FORMATO MODELO EDUCATIVO UACJ VISIÓN 2030)
CARTA DESCRIPTIVA (FORMATO MODELO EDUCATIVO UACJ VISIÓN 2030) I. Identificadores de la asignatura Instituto: IADA Modalidad: Presencial Departamento: Materia: DISEÑO MULTIMEDIA Y WEB Créditos: 8 Programa:
Más detallesIncluir para innovar
Diseño de Interacción con Estándares de Accesibilidad y Usabilidad. Incluir para innovar Índice de contenidos Sustento teórico de DIEAU Metodología de trabajo (DCU) Pautas de accesibilidad Web Pautas de
Más detallesPROTOTYPING V
PROTOTYPING V. 0.1. dde@uniandes.edu.co PROTOTIPO V.1.0 Tipo: Modelo. Clase, índole, naturaleza de las cosas. Prototipo: tipo, forma o instancia original que sirve de ejemplo típico, base, epítome o estándar
Más detallesAnálisis II. Construyendo la Usabilidad desde el
Construyendo la Usabilidad desde el Análisis II Las comunidades son redes de relaciones personales que proporcionan sociabilidad, apoyo, información y un sentido de pertenencia e identidad social" (Wellman,
Más detallesBLOQUE I 3. Prototipado
BLOQUE I 3. Prototipado Diseño Centrado en el Usuario Profesorado: Dra. María José Escalona Cuaresma mjescalona@us.es Dr. José Mariano González Romano mariano@us.es Master Oficial en Ingeniería y Tecnología
Más detallesTema 1. Proceso de Diseño Centrado en el Usuario
Tema 1. Proceso de Diseño Centrado en el Usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Contenidos 1. Diseño de la interacción 2. Qué es el Diseño Centrado en el Usuario? 3. Modelo
Más detallesAspectos Generales de la Interacción Humano Computador(IHC)
Aspectos Generales de la Interacción Humano Computador(IHC) Sensibilización: el nuevo rol de la computación, la importancia de las interfaces de usuario y el carácter social de la interacción Aspectos
Más detallesUX-A - Experiencia de Usuario
Unidad responsable: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Unidad que imparte: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Curso: Titulación: 2018 GRADO EN DISEÑO,
Más detallesCertificaciones ADOBE CS5 y CS6
Certificaciones ADOBE CS5 y CS6 La certificación Adobe Certified Associate (ACA) avala de forma internacional los conocimientos tales como conceptos de imagen, diseño, administración de proyectos/ colaboración,
Más detallesInteracción Persona Ordenador Problemas Soluciones Análisis de Requisitos (I)
Interacción Persona Ordenador Problemas Soluciones Análisis de Requisitos (I) Ejercicio 1 Para cada una de las siguientes situaciones considera el método de recolección de datos que sería más apropiado.
Más detallesProgramación Orientada a Objetos
Programación Orientada a Objetos PROGRAMACIÓN ORIENTADA A OBJETOS 1 Sesión No. 8 Nombre: El Modelo de diseño con UML Contextualización Los modelos que podemos crear con UML son varios, por lo que debemos
Más detallesUn vocabulario visual para describir arquitectura de información y diseño de interacción Edgar Valarezo Sergio Luján Mora
Aplicaciones Web Un vocabulario visual para describir arquitectura de información y diseño de interacción Edgar Valarezo Sergio Luján Mora Vocabulario Visual Conjunto de símbolos para describir algo Usualmente
Más detallesPrograma Formativo IMSV DESARROLLO DE PRODUCTOS AUDIOVISUALES MULTIMEDIA INTERACTIVOS
Código: 34715 Unidad Formativa: MF0943_3 - Proyectos audiovisuales multimedia interactivos Módulo: MF0943_3 - PROYECTOS AUDIOVISUALES MULTIMEDIA INTERACTIVOS Certificado de Profesionalidad: IMSV0209 -
Más detallesPrototipado y test de usabilidad
Prototipado y test de usabilidad Desarrollo de aplicaciones en Android Xavier Ferré ETSI Informáticos - UPM 2 Prototipado 1 Prototipos Un prototipo es una representación de todo o parte de un sistema que,
Más detallesPROTOTIPOS: UN JUGUETE MUY VALIOSO
PROTOTIPOS: UN JUGUETE MUY VALIOSO 21/10/2015 Presenta: Guilherme Siqueira Simões Agenda Definición de prototipación Por qué prototipar? Beneficios del prototipo Tipos de prototipos Planeación del prototipo
Más detallesUNIVERSIDAD AUTÓNOMA DE CHIAPAS LICENCIATURA EN SISTEMAS COMPUTACIONALES
UNIVERSIDAD AUTÓNOMA DE CHIAPAS LICENCIATURA EN SISTEMAS COMPUTACIONALES Área de formación: Disciplinaria Unidad académica: Interacción Humano-Computadora Ubicación: Octavo Semestre Clave: 2100 Horas semana-mes:
Más detallesGUÍA DOCENTE EXPERIENCIA DEL USUARIO
GUÍA DOCENTE 2016-17 EXPERIENCIA DEL USUARIO Mayo 2016 DATOS GENERALES Nombre del curso: EXPERIENCIA DEL USUARIO Código: 801930 Curso: 2016-17 Titulación: Grado en Marketing y Comunicación Digital Nº de
Más detallesCarolina V. Coronel Diseñadora en Comunicación Visual
Carolina V. Coronel Diseñadora en Comunicación Visual 011-1535051101 coronel.v.carolina@gmail.com Portfolio http://carolinacoronel.com/ Agüero 1966, Recoleta, CABA 11/01/1990 Presentación Soy Diseñadora
Más detallesIngeniería del Software 2
Análisis de requisitos es la 1ª fase técnica del proceso de ing. del SW Éxito -> Comprensión total de los requisitos Análisis de requisitos -> Tarea de descubrimiento, refinamiento, modelado y especificación
Más detallesHistorias de usuario. Sesión 7a. Metodologías Ágiles de Desarrollo de Software Domingo Gallardo, DCCIA, Univ. Alicante
Historias de usuario Sesión 7a Historias de usuario La forma ágil de definir funcionalidades de la aplicación Resaltan el punto de vista funcional y del usuario final Se escriben en forma de ficha y contienen
Más detallesMAESTRÍA EN INGENIERÍA DE SOFTWARE TERCERA PROMOCIÓN
MAESTRÍA EN INGENIERÍA DE SOFTWARE TERCERA PROMOCIÓN DESARROLLO DE UN MARCO DE ADAPTACIÓN DE LA INGENIERÍA DE LA USABILIDAD AL PROCESO DE DESARROLLO ÁGIL SCRUM, APLICADO EN EL DEPARTAMENTO DE PLANIFICACIÓN
Más detallesCentro Ingeniería de Software y Sistemas (ISYS) 1
Centro Ingeniería de Software y Sistemas (ISYS) 1 Centro Ingeniería de Software y Sistemas (ISYS) 2 Aspectos Generales de la Interacción Humano Computador (IHC) Sensibilización: el nuevo rol de la computación,
Más detallesInteracción Persona - Ordenador
Interacción Persona - Ordenador Diseño de la interfaz en la Ingeniería del Software Dr. Pedro Latorre Dra. Sandra Baldassarri Dra. Eva Cerezo Ingeniería del Software Ingeniería del Software: Definición
Más detallesCómo arrancamos un proyecto de diseño UX/UI?
DISEÑO UX Cómo arrancamos un proyecto de diseño UX/UI? Primero hay que saber: 1. Qué es UX y UI? En qué se diferencian? 2. A qué llamamos Usabilidad. 3. Cómo es el proceso de diseño y sus etapas? UX UI
Más detallesSomos una agencia dedicada al diseño, comunicación y desarrollo digital.
Somos una agencia dedicada al diseño, comunicación y desarrollo digital. En De3 trabajamos combinando diseño, programación y tecnología a través de metodologías que transforman cómo el usuario interactúa
Más detallesContenidos a medida. Virtualizamos en múltiples formatos. Desde un curso preexistente en PPT. Focus Experto Vídeo gamificado Vídeo interactivo
Virtualizamos en múltiples formatos Desde un curso preexistente en PPT Módulo interactivo Focus Experto Vídeo gamificado Vídeo interactivo Totalmente a medida Video-cast Vídeo testimonial Ejercicios y
Más detalles4/15/2010. Requerimientos de Software UARG.UNPA Requerimientos de Software. Requerimientos de Software
UARG.UNPA 2009 Un caso de uso es una interacción típica entre un usuario y un sistema computacional.(fowler) Un caso de uso especifica el comportamiento deseado del sistema (objetivos del usuario). (Jacobson)
Más detallesCriterios de Evaluación
Criterios de Evaluación Se ha reconocido la importancia de la comunicación visual y sus principios básicos. Se han analizado y seleccionado los colores y tipografías adecuados para su visualización en
Más detallesInteracción Persona - Ordenador
Interacción Persona - Ordenador Análisis de Requisitos (I) Dr. Pedro Latorre Dra. Sandra Baldassarri Dra. Eva Cerezo Modelo de proceso de diseño de la interfaz Análisis de Requisitos Recogida de datos
Más detallesDiseño de Interacción e Interfaces Digitales (UX, IxD & UI)
Diseño de Interacción e Interfaces Digitales (UX, IxD & UI) : Nivel Medio Diseño de Interacción e Interfaces Digitales (UX, IxD & UI) El diseño de interacción (IxD) y el diseño de interfaces (UI Design)
Más detallesUsabilidad y métricas en la Web
Usabilidad y métricas en la Web Juan Manuel Cueva Lovelle cueva@lsi.uniovi.es www.di.uniovi.es/~cueva Departamento de Informática Universidad de Oviedo (Asturias, España) OOTLab www.ootlab.uniovi.es Usabilidad
Más detallesComunicación Hombre Máquina
Comunicación Hombre Máquina Es una disciplina relacionada con el diseño, implementación y evaluación de sistemas informáticos interactivos para ser usados por personas, y con el estudio de los fenómenos
Más detallesMÁSTER EN UX / UI_ DURACIÓN: 300 HORAS
MÁSTER EN UX / UI_ DURACIÓN: 300 HORAS MÁSTER EN UX / UI_ Saber combinar estética y usabilidad es fundamental en cualquier producto de consumo y, por supuesto, no iba a ser menos para la web. Estos dos
Más detallesProducción Multimedia
Producción Multimedia Grado en COMUNICACIÓN AUDIOVISUAL 4º curso Presencial Sumario Datos básicos 3 Breve descripción de la asignatura 4 Requisitos previos 4 Objetivos 4 Competencias 4 Contenidos 5 Metodología
Más detallesCurso de Experiencia de Usuario (UX)_
Curso de Experiencia de Usuario (UX)_ DURACIÓN: 150 HORAS Curso de Experiencia de Usuario (UX)_ Quieres dedicarte a una de las profesiones más demandadas aplicadas a nuevas tecnologías? No le des más vueltas:
Más detallesDescripción. Objetivos de Aprendizaje. Estructura y Contenidos
Descripción Las certificaciones de Android tienen como objetivo enseñarte las herramientas necesarias para que aprendas a diseñar e implementar aplicaciones Android para dispositivos móviles, partiendo
Más detallesIngeniería de Software II
Ingeniería de Software II Segundo Cuatrimestre de 2008 Clase 8 Diseño de Interfaces de Usuario y Usabilidad Buenos Aires, 15 de Septiembre de 2008 Qué es una interfaz de usuario? 2 Usabilidad La Usabilidad
Más detallesCurso ONLINE de Experiencia de Usuario_. Duración: 50 sesiones aprox. (150 horas lectivas)
Curso ONLINE de Experiencia de Usuario_ Duración: 50 sesiones aprox. (150 horas lectivas) CURSO ONLINE DE EXPeriencIA DE USUARIO (UX)_ Quieres dedicarte a una de las profesiones más demandadas y apasionantes
Más detallesTema 3. Diseño web. Aplicación de los principios de diseño centrado en el usuario
Tema 3. Diseño web. Aplicación de los principios de diseño centrado en el usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Conocer los principios de diseño centrados en el
Más detallesParte 1: Información Curso Código-Curso: Tiene como prerrequisito: Programa-Semestre: Intensidad semanal: Créditos: Objetivo General:
Parte 1: Información Curso Código-Curso: 105 Arquitectura de la Información Tiene como prerrequisito: Diagramación y Tipografía Programa-Semestre: Diseño de Medios Interactivos Quinto Semestre Intensidad
Más detallesoctubre de 2007 Arquitectura de Software
octubre de 2007 Arquitectura de Software Seis mejores Prácticas Desarrollo Iterativo Administrar Requerimientos Usar Arquitecturas basadas en Componentes Modelado Visual (UML) Verificar Continuamente la
Más detallesQUÉ SON EL ANÁLISIS Y EL DISEÑO?
QUÉ SON EL ANÁLISIS Y EL DISEÑO? Análisis: Investigación Para crear una aplicación de software hay que describir el problema y las necesidades o requerimientos: en qué consiste el conflicto y que debe
Más detallesAnálisis Histórico - Conceptual
Análisis Histórico - Conceptual En la mayoría de la bibliografía se aborda que el acuñamiento del término se le debe a Richard Saul Wurman en el año 1975 y que alrededor del año 1998 Rosenfeld y Morville
Más detallesEl diseño web más allá de la estética
El diseño web más allá de la estética http://lrjimenez.com/ UNIVERSIDAD TÉCNICA DE COTOPAXI poetzle@yahoo.es / luis.jimenez@utc.edu.ec Universidad Central del Ecuador Conocido como uno de los grandes visionarios
Más detallesMultimedia I. Profesor DI Especialista Ariel Amadío
Multimedia I Profesor DI Especialista Ariel Amadío Multimedia I Profesor DI Ariel Amadío Unidad IV: La Producción Multimedia Unidad IV LA PRODUCCIÓN MULTIMEDIA Introducción al guión multimedia Introducción
Más detallesDiseño de la interacción de aplicaciones móviles
Diseño de la interacción de aplicaciones móviles Desarrollo de aplicaciones en Android Xavier Ferré ETSI Informáticos - UPM IPO y Diseño de la Interacción Interacción Persona-Ordenador (IPO) Se ocupa del
Más detallesPRESENTACIÓN OBJETIVO PERFIL DE INGRESO PERFIL DE EGRESO DIRECCIÓN DE DOCENCIA EN TIC DIPLOMADO PLANEACIÓN Y CONSTRUCCIÓN DE SITIOS WEB
PRESENTACIÓN El diplomado Planeación y Construcción de Sitios Web está diseñado para brindar la capacitación requerida por los encargados del desarrollo y soporte de la comunicación corporativa e institucional,
Más detallesElemento Design e Mobile PagBoleto Floopie App
Acerca de mí Diseñadora y socia-directora de Elemento Design e Mobile desde 2006 Diseñadora de Interfaz por el Instituto de Artes Interactivas de São Paulo (Brasil) 2 aplicativos lanzados desde 2010! PagBoleto
Más detallesPROGRAMA DE CURSO. Horas Docencia Horas de Trabajo Horas de Cátedra Docentes
PROGRAMA DE CURSO Código Nombre CC5510 Diseño de Sistemas Interactivos Nombre en Inglés Interaction Design SCT Unidades Horas Docencia Horas de Trabajo Horas de Cátedra Docentes Auxiliar Personal 6 10
Más detallesConstrucción ágil de la Usabilidad
Construcción ágil de la Usabilidad E.Acosta/N.Zambrano Centro Isys - Esc. Computación U.C.V Octubre 2007 Construcción ágil de la Usabilidad 1 Contenido: Usabilidad y definiciones e importancia el contexto
Más detallesMÁSTER online EN Diseño Gráfico_
MÁSTER online EN Diseño Gráfico_ DURACIÓN: 100 sesiones aprox. (300 horas lectivas) MÁSTER online EN DISEÑO GRÁFICO_ El talento de los creativos gráficos invade cada aspecto de nuestras vidas: desde los
Más detallesMáster en Diseño Gráfico_ DURACIÓN: 300 HORAS
Máster en Diseño Gráfico_ DURACIÓN: 300 HORAS Máster en Diseño Gráfico_ Si quieres convertirte en el autor del packaging más original, los diseños editoriales más atractivos, la web más innovadora o la
Más detallesUnidad 7. Ingeniería de Requisitos y Análisis OO. M.C. Martín Olguín
Unidad 7 Ingeniería de Requisitos y Análisis OO M.C. Martín Olguín Conceptos Requisitos del Software Es la descripción de los servicios y restricciones de un sistema de software, es decir, lo que el software
Más detallesElementos de la experiencia de usuario
Jueves, 19 de Enero de 2006 Elementos de la experiencia de usuario Aplicaciones web centradas en el usuario Ing. René Zuleta Arango rzuleta@metodus.com Agenda Revisión de agenda Presentación Charla: 1ra
Más detallesGUÍA PRÁCTICA DE ARQUITECTURA DE INFORMACIÓN PARA APLICACIONES DE REALIDAD VIRTUAL
3C TIC (Edición núm. 8) Vol.3 Nº 1 Marzo Junio 2014, 8-18 Área Área de de Innovación Innovación y y Desarrollo, Desarrollo, S.L. S.L. Recepción: 25 de mayo de 2014 Aceptación: 16 de septiembre de 2014
Más detallesPROYECTO ENTORNOS DE USUARIO. Parte 1. Análisis del Entorno de Usuario
PROYECTO ENTORNOS DE USUARIO Parte 1. Análisis del Entorno de Usuario Obtener los requerimientos iniciales del entorno, en lo que respecta a la aplicación, el usuario y las tareas principales del entorno.
Más detallesModelo para el diseño y producción de libros electrónicos interactivos (e-books) para Tablets PC
Modelo para el diseño y producción de libros electrónicos interactivos (e-books) para Tablets PC MG. Edwin A. Sepúlveda C. Doctorando. Carlos Suárez Q. Grupo de Investigación Urbanitas Fac. Comunicación
Más detallesInteracción persona-ordenador Ingeniería de la interfaz
Interacción persona-ordenador Ingeniería de la interfaz Objetivos Conocer el proceso de diseño de sistemas interactivos Apreciar la importancia de realizar un diseño centrado en el usuario Presentar técnicas
Más detallesUnidad III. Análisis y diseño de IHC Modelos de ciclo de vida en el diseño de IHC.
Unidad III Análisis y diseño de IHC 3.1. Modelos de ciclo de vida en el diseño de IHC. Los sistemas interactivos se caracteriza por la importancia del diálogo con el usuario. La interfaz de usuario es
Más detalleswww com.pe Las normas de ergonomía del software
Las normas de ergonomía del software Como lo señala Fenoulière (2002), la normalización por lo general sólo es visto por las empresas a través de su resultado, la certificación, un paso obligado para ser
Más detallesDiseño: Interface de Usuario
Diseño: Interface de Usuario 1 Diseño de Interfaces Fácil de Aprender? Fácil de Usar? Fácil de entender? Informática Empresarial, UCR IF 7100 Ingeniería de Software 2 Diseño de Interfaces Errores Típicos
Más detallesDISEÑO Y CONSTRUCCION DE MODELOS WEB
DISEÑO Y CONSTRUCCION DE MODELOS WEB UNIDAD II Politécnicos 2.1 DISEÑO DE SITIOS WEB El diseño se desarrollaba de manera ad- hoc y por lo general se efectuaba a medida que se generaba HTML. Después evolucionó
Más detallesTeslaCenter: Concepto de interfaz gráfica táctil para el Tesla Model S
TeslaCenter: Concepto de interfaz gráfica táctil para el Tesla Model S Autoinforme de autoevaluación Grado de Multimedia Comunicación visual y creatividad Autor: Jorge de Diego Valdeavero Consultor: Ángel
Más detallesGRADO EN DISEÑO MULTIMEDIA Y GRÁFICO PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA GUÍA DOCENTE DISEÑO INTERACTIVO
GRADO EN DISEÑO MULTIMEDIA Y GRÁFICO PLANIFICACIÓN DE LA DOCENCIA UNIVERSITARIA GUÍA DOCENTE DISEÑO INTERACTIVO CURSO ACADÉMICO 2017 2018 1. DATOS DE IDENTIFICACIÓN DE LA ASIGNATURA Título: Módulo: Denominación
Más detallesUsabilidad. Eder Mauricio Abello Rodríguez. Departamento de Ingeniería de Sistemas Facultad de Ingeniería Pontificia Universidad Javeriana
Usabilidad Eder Mauricio Abello Rodríguez Departamento de Ingeniería de Sistemas Facultad de Ingeniería Pontificia Universidad Javeriana Definición Métricas Casos de estudio Conclusiones Contenido Definición
Más detallesREGISTRO DE EVIDENCIAS
Escuela Preparatoria No. 12 Unidad de Aprendizaje: Diseño Digital de Interactivos Nombre del alumno: Grado y grupo: 5 REGISTRO DE EVIDENCIAS Competencias Disciplinares y Genéricas No. de Secuencia No.
Más detallesPrograma de Certificaciones Internacionales
2523-4095 admisiones@ulacit.ac.cr Programa de Certificaciones Internacionales Tabla de Contenido FUNDAMENTOS DE ITIL FUNDAMENTOS DE COBIT 5.0 SCRUM MASTER ADOBE CERTIFICACIONES EN MICROSOFT 3 7 11 14 17
Más detalles