SlideShare una empresa de Scribd logo
1 de 7
Diseño Web 
Centrado en el Usuario 
Usabilidad y Arquitectura 
de la Información 
Seminario Ciberculturas UNR 
Prof. Silvana Comba y Prof. Edgardo Toledo
Usabilidad 
 Facilidad de uso. 
 Grado de eficacia, eficiencia y satisfacción con 
la que usuarios específicos pueden lograr sus 
objetivos (encontrar información, 
comunicarse, comprar, etc.) en contextos de 
uso específicos. 
 Técnicas que nos aseguran que el 
funcionamiento de la página/app será 
predecible, estándar y sencillo para el usuario.
Accesibilidad 
 Acceso a todos los potenciales usuarios. 
 Se deben considerar las limitaciones 
individuales (ej., discapacidades, 
dominio de idiomas) y las limitaciones 
del contexto de acceso (software y 
hardware, ancho de banda, etc.) 
 Responsive design: adaptar la interface 
al dispositivo que se esté utilizando para 
visualizar correctamente la página/app.
Arquitectura de la información (AI) 
 Organización de los espacios de 
información: estructuración, 
clasificación y rotulado de los 
contenidos de un sitio web/app. 
 Una buena AI facilita al usuario la 
recuperación de la información (diseño 
conceptual de índices, búsquedas, etc.) 
 Visibilidad (ej. optimización del sitio para 
buscadores, sindicación, etc.)
Interfaz 
 Aspecto visible de la arquitectura de la 
información. 
 Elementos de interacción entre el 
usuario y la página/app. 
 Ej.: menúes de navegación, enlaces, 
botones, cajas de textos, contraste en el 
color para discriminar y distribuir 
información, etc.
El diseño de la arquitectura de 
la información y la interfaz va 
a modelar la interacción entre 
el usuario y la aplicación.
Diseño hipermedia 
 La hipermedia es la tecnología que nos 
permite estructurar la información de 
una manera no-secuencial (hipertexto), a 
través de nodos interconectados por 
enlaces. 
 La información puede integrar diferentes 
lenguajes (texto, sonido, gráficos, 
imágenes, videos). Multimedia.

Más contenido relacionado

Destacado

Presupuesto Participativo Facultad Ciencia Política UNR
Presupuesto Participativo Facultad Ciencia Política UNRPresupuesto Participativo Facultad Ciencia Política UNR
Presupuesto Participativo Facultad Ciencia Política UNRSeminario Cibercultura
 
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...Seminario Cibercultura
 
Modos De Conocer Y Modos De Comunicar En
Modos De Conocer Y Modos De Comunicar EnModos De Conocer Y Modos De Comunicar En
Modos De Conocer Y Modos De Comunicar EnSeminario Cibercultura
 
Evaluación de gestión de la comunicación
Evaluación de gestión de la comunicaciónEvaluación de gestión de la comunicación
Evaluación de gestión de la comunicaciónSeminario Cibercultura
 
Put ‘er there: The six worst kind of handshakes
Put ‘er there: The six worst kind of handshakesPut ‘er there: The six worst kind of handshakes
Put ‘er there: The six worst kind of handshakesjimmygru
 
Modos de Conocer y Comunicar en la Universidad. El caso de la carrera de Per...
Modos de Conocer y Comunicar  en la Universidad. El caso de la carrera de Per...Modos de Conocer y Comunicar  en la Universidad. El caso de la carrera de Per...
Modos de Conocer y Comunicar en la Universidad. El caso de la carrera de Per...Seminario Cibercultura
 
Dónde gestionamos hoy la comunicación? Contexto y comunicación
Dónde gestionamos hoy la comunicación? Contexto y comunicaciónDónde gestionamos hoy la comunicación? Contexto y comunicación
Dónde gestionamos hoy la comunicación? Contexto y comunicaciónSeminario Cibercultura
 
Comunicación Estratégica clase 2013 UNR
Comunicación Estratégica clase 2013 UNRComunicación Estratégica clase 2013 UNR
Comunicación Estratégica clase 2013 UNRSeminario Cibercultura
 
Presentación de Comunicación Estratégica II - UNR 2012
Presentación de Comunicación Estratégica II - UNR 2012Presentación de Comunicación Estratégica II - UNR 2012
Presentación de Comunicación Estratégica II - UNR 2012Seminario Cibercultura
 
Comunicación estratégica ii primera clase 2011
Comunicación estratégica ii primera clase 2011Comunicación estratégica ii primera clase 2011
Comunicación estratégica ii primera clase 2011Seminario Cibercultura
 
Investigación diagnóstica en Comunicación
Investigación diagnóstica en ComunicaciónInvestigación diagnóstica en Comunicación
Investigación diagnóstica en ComunicaciónSeminario Cibercultura
 
Presentación Seminario Ciberculturas UNR
Presentación Seminario Ciberculturas UNRPresentación Seminario Ciberculturas UNR
Presentación Seminario Ciberculturas UNRSeminario Cibercultura
 
Comunicación estratégica ii primera clase 2014
Comunicación estratégica ii primera clase 2014Comunicación estratégica ii primera clase 2014
Comunicación estratégica ii primera clase 2014Seminario Cibercultura
 
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016Leticia Giaccaglia
 
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...Jorge Gobbi
 
Comunicación estratégica II . Clase inaugural
Comunicación estratégica II . Clase inauguralComunicación estratégica II . Clase inaugural
Comunicación estratégica II . Clase inauguralSeminario Cibercultura
 

Destacado (20)

Presupuesto Participativo Facultad Ciencia Política UNR
Presupuesto Participativo Facultad Ciencia Política UNRPresupuesto Participativo Facultad Ciencia Política UNR
Presupuesto Participativo Facultad Ciencia Política UNR
 
Identidad imagen
Identidad   imagenIdentidad   imagen
Identidad imagen
 
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...
Los jóvenes se narran en las redes sociales. La renovación de los contenidos ...
 
Modos De Conocer Y Modos De Comunicar En
Modos De Conocer Y Modos De Comunicar EnModos De Conocer Y Modos De Comunicar En
Modos De Conocer Y Modos De Comunicar En
 
Evaluación de gestión de la comunicación
Evaluación de gestión de la comunicaciónEvaluación de gestión de la comunicación
Evaluación de gestión de la comunicación
 
Put ‘er there: The six worst kind of handshakes
Put ‘er there: The six worst kind of handshakesPut ‘er there: The six worst kind of handshakes
Put ‘er there: The six worst kind of handshakes
 
Modos de Conocer y Comunicar en la Universidad. El caso de la carrera de Per...
Modos de Conocer y Comunicar  en la Universidad. El caso de la carrera de Per...Modos de Conocer y Comunicar  en la Universidad. El caso de la carrera de Per...
Modos de Conocer y Comunicar en la Universidad. El caso de la carrera de Per...
 
Dónde gestionamos hoy la comunicación? Contexto y comunicación
Dónde gestionamos hoy la comunicación? Contexto y comunicaciónDónde gestionamos hoy la comunicación? Contexto y comunicación
Dónde gestionamos hoy la comunicación? Contexto y comunicación
 
Comunicación Estratégica clase 2013 UNR
Comunicación Estratégica clase 2013 UNRComunicación Estratégica clase 2013 UNR
Comunicación Estratégica clase 2013 UNR
 
Presentación de Comunicación Estratégica II - UNR 2012
Presentación de Comunicación Estratégica II - UNR 2012Presentación de Comunicación Estratégica II - UNR 2012
Presentación de Comunicación Estratégica II - UNR 2012
 
Comunicación estratégica ii primera clase 2011
Comunicación estratégica ii primera clase 2011Comunicación estratégica ii primera clase 2011
Comunicación estratégica ii primera clase 2011
 
Investigación diagnóstica en Comunicación
Investigación diagnóstica en ComunicaciónInvestigación diagnóstica en Comunicación
Investigación diagnóstica en Comunicación
 
Los nuevos medios de comunicación
Los nuevos medios de comunicaciónLos nuevos medios de comunicación
Los nuevos medios de comunicación
 
Pueblo vs plebe
Pueblo vs plebe Pueblo vs plebe
Pueblo vs plebe
 
Como comunican las organizadciones
Como comunican las organizadcionesComo comunican las organizadciones
Como comunican las organizadciones
 
Presentación Seminario Ciberculturas UNR
Presentación Seminario Ciberculturas UNRPresentación Seminario Ciberculturas UNR
Presentación Seminario Ciberculturas UNR
 
Comunicación estratégica ii primera clase 2014
Comunicación estratégica ii primera clase 2014Comunicación estratégica ii primera clase 2014
Comunicación estratégica ii primera clase 2014
 
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016
Clase Unidad 2: Tecnologías de la información y sociedad - Versión 2016
 
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...
Jorge Gobbi Presentación Internet y las etapas del Viaje, Foro de Turismo del...
 
Comunicación estratégica II . Clase inaugural
Comunicación estratégica II . Clase inauguralComunicación estratégica II . Clase inaugural
Comunicación estratégica II . Clase inaugural
 

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

Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la InformaciónXimena Tabares
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajoXzta Zandi
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...SdenkaCGuzman
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesSdenkaCGuzman
 
Diseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozDiseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozFabianCroos
 
Infografía estándares de red
Infografía estándares de redInfografía estándares de red
Infografía estándares de redmilena garcia
 
Diseño web - haeold montaña
Diseño web - haeold montañaDiseño web - haeold montaña
Diseño web - haeold montañahaphar
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficajhordy2000
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la informacióniConstruye
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)Javier Chávez
 
Formacion UCD -1-
Formacion UCD -1-Formacion UCD -1-
Formacion UCD -1-Aurora Font
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónCesar Salazar
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitalesrick arias
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño webAmnada14
 

Similar a Diseño centrado en el usuario: AI, interface, usabilidad. (20)

Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
 
Diseño WEB By Fabian Muñoz
Diseño WEB By Fabian MuñozDiseño WEB By Fabian Muñoz
Diseño WEB By Fabian Muñoz
 
Infografía estándares de red
Infografía estándares de redInfografía estándares de red
Infografía estándares de red
 
Diseño web - haeold montaña
Diseño web - haeold montañaDiseño web - haeold montaña
Diseño web - haeold montaña
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la información
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)
 
UX
UXUX
UX
 
Formacion UCD -1-
Formacion UCD -1-Formacion UCD -1-
Formacion UCD -1-
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
1
11
1
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
El diseño equipo 2
El diseño equipo 2El diseño equipo 2
El diseño equipo 2
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 

Más de Seminario Cibercultura

La cultura después de las vanguardias
La cultura después de las vanguardiasLa cultura después de las vanguardias
La cultura después de las vanguardiasSeminario Cibercultura
 
Evaluación de gestión de la comunicación. Comba Toledo
Evaluación de gestión de la comunicación. Comba ToledoEvaluación de gestión de la comunicación. Comba Toledo
Evaluación de gestión de la comunicación. Comba ToledoSeminario Cibercultura
 
Investigación diagnostica Comunicación Estratégica UNR
Investigación diagnostica Comunicación Estratégica UNRInvestigación diagnostica Comunicación Estratégica UNR
Investigación diagnostica Comunicación Estratégica UNRSeminario Cibercultura
 
El lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasEl lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasSeminario Cibercultura
 
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonario
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonarioEncuestas/sondeos de opinión: cómo hacer un buen cuesitonario
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonarioSeminario Cibercultura
 
Sondeos de opinión/encuestas: cómo hacer un cuestionario
Sondeos de opinión/encuestas: cómo hacer un cuestionarioSondeos de opinión/encuestas: cómo hacer un cuestionario
Sondeos de opinión/encuestas: cómo hacer un cuestionarioSeminario Cibercultura
 

Más de Seminario Cibercultura (16)

Esquema Comunicación Estrategica
Esquema Comunicación EstrategicaEsquema Comunicación Estrategica
Esquema Comunicación Estrategica
 
La cultura después de las vanguardias
La cultura después de las vanguardiasLa cultura después de las vanguardias
La cultura después de las vanguardias
 
Evaluación de gestión de la comunicación. Comba Toledo
Evaluación de gestión de la comunicación. Comba ToledoEvaluación de gestión de la comunicación. Comba Toledo
Evaluación de gestión de la comunicación. Comba Toledo
 
Ecología de medios
Ecología de mediosEcología de medios
Ecología de medios
 
Cómo pensar a las organizaciones
Cómo pensar a las organizaciones Cómo pensar a las organizaciones
Cómo pensar a las organizaciones
 
Investigación diagnostica Comunicación Estratégica UNR
Investigación diagnostica Comunicación Estratégica UNRInvestigación diagnostica Comunicación Estratégica UNR
Investigación diagnostica Comunicación Estratégica UNR
 
El lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasEl lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. Canavilhas
 
Como comunican las organizadciones
Como comunican las organizadcionesComo comunican las organizadciones
Como comunican las organizadciones
 
Modos de conocer modos de comunicar
Modos de conocer modos de comunicar Modos de conocer modos de comunicar
Modos de conocer modos de comunicar
 
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonario
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonarioEncuestas/sondeos de opinión: cómo hacer un buen cuesitonario
Encuestas/sondeos de opinión: cómo hacer un buen cuesitonario
 
Sondeos de opinión/encuestas: cómo hacer un cuestionario
Sondeos de opinión/encuestas: cómo hacer un cuestionarioSondeos de opinión/encuestas: cómo hacer un cuestionario
Sondeos de opinión/encuestas: cómo hacer un cuestionario
 
La importancia de los bordes
La importancia de los bordesLa importancia de los bordes
La importancia de los bordes
 
Foda turismo rosario
Foda turismo rosarioFoda turismo rosario
Foda turismo rosario
 
Investigación diagnóstica
Investigación diagnósticaInvestigación diagnóstica
Investigación diagnóstica
 
Presentación momentos com. estrat.
Presentación momentos com. estrat.Presentación momentos com. estrat.
Presentación momentos com. estrat.
 
Multitudes inteligentes
Multitudes inteligentes Multitudes inteligentes
Multitudes inteligentes
 

Último

2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 

Último (13)

2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 

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

  • 1. Diseño Web Centrado en el Usuario Usabilidad y Arquitectura de la Información Seminario Ciberculturas UNR Prof. Silvana Comba y Prof. Edgardo Toledo
  • 2. Usabilidad  Facilidad de uso.  Grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr sus objetivos (encontrar información, comunicarse, comprar, etc.) en contextos de uso específicos.  Técnicas que nos aseguran que el funcionamiento de la página/app será predecible, estándar y sencillo para el usuario.
  • 3. Accesibilidad  Acceso a todos los potenciales usuarios.  Se deben considerar las limitaciones individuales (ej., discapacidades, dominio de idiomas) y las limitaciones del contexto de acceso (software y hardware, ancho de banda, etc.)  Responsive design: adaptar la interface al dispositivo que se esté utilizando para visualizar correctamente la página/app.
  • 4. Arquitectura de la información (AI)  Organización de los espacios de información: estructuración, clasificación y rotulado de los contenidos de un sitio web/app.  Una buena AI facilita al usuario la recuperación de la información (diseño conceptual de índices, búsquedas, etc.)  Visibilidad (ej. optimización del sitio para buscadores, sindicación, etc.)
  • 5. Interfaz  Aspecto visible de la arquitectura de la información.  Elementos de interacción entre el usuario y la página/app.  Ej.: menúes de navegación, enlaces, botones, cajas de textos, contraste en el color para discriminar y distribuir información, etc.
  • 6. El diseño de la arquitectura de la información y la interfaz va a modelar la interacción entre el usuario y la aplicación.
  • 7. Diseño hipermedia  La hipermedia es la tecnología que nos permite estructurar la información de una manera no-secuencial (hipertexto), a través de nodos interconectados por enlaces.  La información puede integrar diferentes lenguajes (texto, sonido, gráficos, imágenes, videos). Multimedia.