Diseño centrado en el usuario: AI, interface, usabilidad.

7
Diseño Web Diseño Web Centrado en el Usuario Centrado en el Usuario Usabilidad y Arquitectura Usabilidad y Arquitectura de la Información de la Información Seminario Ciberculturas UNR Seminario Ciberculturas UNR Prof. Silvana Comba y Prof. Edgardo Prof. Silvana Comba y Prof. Edgardo Toledo Toledo

description

Seminario Ciberculturas - Carrera de Comunicación Social - Universidad Nacional de Rosario

Transcript of Diseño centrado en el usuario: AI, interface, usabilidad.

Page 1: Diseño centrado en el usuario: AI, interface, usabilidad.

Diseño Web Diseño Web Centrado en el UsuarioCentrado en el Usuario

Usabilidad y Arquitectura Usabilidad y Arquitectura de la Informaciónde la Información

Seminario Ciberculturas UNRSeminario Ciberculturas UNRProf. Silvana Comba y Prof. Edgardo ToledoProf. Silvana Comba y Prof. Edgardo Toledo

Page 2: Diseño centrado en el usuario: AI, interface, usabilidad.

UsabilidadUsabilidad

Facilidad de uso.Facilidad de uso.

Grado de eficacia, eficiencia y satisfacción con Grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr sus la que usuarios específicos pueden lograr sus objetivos (encontrar información, objetivos (encontrar información, comunicarse, comprar, etc.) en contextos de comunicarse, comprar, etc.) en contextos de uso específicos.uso específicos.

Técnicas que Técnicas que nos aseguran que el nos aseguran que el funcionamiento de la página/app será funcionamiento de la página/app será predecible, estándar y sencillo para el usuario. predecible, estándar y sencillo para el usuario.

Page 3: Diseño centrado en el usuario: AI, interface, usabilidad.

AccesibilidadAccesibilidad

Acceso a todos los potenciales usuarios.Acceso a todos los potenciales usuarios. Se deben considerar las limitaciones Se deben considerar las limitaciones

individuales (ej., discapacidades, individuales (ej., discapacidades, dominio de idiomas) y las limitaciones dominio de idiomas) y las limitaciones del contexto de acceso (software y del contexto de acceso (software y hardware, ancho de banda, etc.)hardware, ancho de banda, etc.)

Responsive design: Responsive design: adaptar la interface adaptar la interface al dispositivo que se esté utilizando para al dispositivo que se esté utilizando para visualizar correctamente la página/app.visualizar correctamente la página/app.

Page 4: Diseño centrado en el usuario: AI, interface, usabilidad.

Arquitectura de la información (AI)Arquitectura de la información (AI)

Organización de los espacios de Organización de los espacios de información: estructuración, información: estructuración, clasificación y rotulado de los clasificación y rotulado de los contenidos de un sitio web/app.contenidos de un sitio web/app.

Una buena AI facilita al usuario la Una buena AI facilita al usuario la recuperación de la información (diseño recuperación de la información (diseño conceptual de índices, búsquedas, etc.)conceptual de índices, búsquedas, etc.)

Visibilidad (ej. optimización del sitio para Visibilidad (ej. optimización del sitio para buscadores, sindicación, etc.)buscadores, sindicación, etc.)

Page 5: Diseño centrado en el usuario: AI, interface, usabilidad.

InterfazInterfaz

Aspecto visible de la arquitectura de la Aspecto visible de la arquitectura de la información.información.

Elementos de interacción entre el Elementos de interacción entre el usuario y la página/app.usuario y la página/app.

Ej.: menúes de navegación, enlaces, Ej.: menúes de navegación, enlaces, botones, cajas de textos, contraste en el botones, cajas de textos, contraste en el color para discriminar y distribuir color para discriminar y distribuir información, etc. información, etc.

Page 6: Diseño centrado en el usuario: AI, interface, usabilidad.

El diseño de la arquitectura de El diseño de la arquitectura de la información y la interfaz va la información y la interfaz va a modelar la interacción entre a modelar la interacción entre

el usuario y la aplicación.el usuario y la aplicación.

Page 7: Diseño centrado en el usuario: AI, interface, usabilidad.

Diseño hipermediaDiseño hipermedia

La hipermedia es la tecnología que nos La hipermedia es la tecnología que nos permite estructurar la información de permite estructurar la información de una manera no-secuencial (hipertexto), a una manera no-secuencial (hipertexto), a través de nodos interconectados por través de nodos interconectados por enlaces. enlaces.

La información puede integrar diferentes La información puede integrar diferentes lenguajes (texto, sonido, gráficos, lenguajes (texto, sonido, gráficos, imágenes, videos). Multimedia.imágenes, videos). Multimedia.