SlideShare ist ein Scribd-Unternehmen logo
1 von 17
USABILIDAD EN EL DISEÑO DE SITIOS WEB ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],USABILIDAD EN EL DISEÑO DE SITIOS WEB -  1
Experiencia del usuario USABILIDAD EN EL DISEÑO DE SITIOS WEB -  2 Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.
¿Qué es la experiencia de usuario? The elements of user experience J.J. Garrett 2002 La web fue originalmente concebida cono un espacio de información hipertextual. El desarrollo de tecnologías cada vez más sofisticadas la han convertido a nivel del uso, en una interfaz remota de software.  USABILIDAD EN EL DISEÑO DE SITIOS WEB -  3 Experiencia del usuario La  ESTRATEGIA  es donde todo comienza. ¿Cuales son los objetivos del sitio web? ¿Cuáles son las necesidades de nuestros usuarios? El  ALCANCE  convierte la estrategia en requerimientos. ¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios? La  ESTRUCTURA  da forma al alcance. ¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web? El  ESQUELETO  hace la estructura concreta. ¿Que componentes permiten a los usuarios interactuar con el sitio web? La  SUPERFICIE  reúne todo junto visualmente. ¿Cómo se ve y se siente el producto terminado?
Arquitectura de información aplicada al desarrollo de proyectos web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],USABILIDAD EN EL DISEÑO DE SITIOS WEB -  4
Se indican las areas tematicas, los derechos de acceso. Las paginas que contienen enlaces globales y tiras publicitarias estan señaladas. USABILIDAD EN EL DISEÑO DE SITIOS WEB -  5 Arquitectura de información aplicada al desarrollo de proyectos web
Una deficiente usabilidad equivale a que no haya clientes. USABILIDAD EN EL DISEÑO DE SITIOS WEB -  6 Errores comunes en el desarrollo de proyectos web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  7 "Análisis de Usuarios y Tareas para el Diseño de Interfaces",  Jo Ann Hackos y Janice (Ginny) Redish Análisis de Usuarios y Tareas  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  8 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Análisis de Usuarios y Tareas
Un ejemplo de análisis de tarea Desde la  pagina  de búsqueda el usuario  envia  una pregunta. El sistema revisa si la pregunta es valida, y si no, devuelve al usuario a la pagina de busqueda. Si la pregunta es válida se le presenta al usuario una serie paginas de resultados. Desde estas paginas el usuario puede ingresar a una o mas paginas que contengan  la  respuesta buscada o retornar a la pagina de busqueda para refinar su busqueda. Pregunta de busqueda USABILIDAD EN EL DISEÑO DE SITIOS WEB -  9 Análisis de Usuarios y Tareas  invalido valido Resultados Paginas de contenido buscar Refinar busqueda
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  10 Diseño de página Espacio de pantalla. Sistema operativo y Navegador Publicidad Navegacion interna y externa HASTA 20% Contenido MINIMO 50%
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  11 Diseño de página ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],SIMPLICIDAD ES MEJOR QUE COMPLEJIDAD: Eliminar elementos superfluos de navegacion.
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  12 Diseño de página ,[object Object],[object Object],[object Object],[object Object]
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  13 Diseño de página ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
USABILIDAD EN EL DISEÑO DE SITIOS WEB -  14 Diseño del Sitio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cabecera Vínculo Globales Carpetas Herramientas Anuncios Navegación global Promoción Busqueda en la Web Servicios relacionados Trucos Buzón de entrada Anuncios Anuncios Servicios relacionados Herramientas Salir Buzón de entrada Escribir USABILIDAD EN EL DISEÑO DE SITIOS WEB -  15 Análisis de Usuarios y Tareas
MUCHAS GRACIAS Hector Castelblanco Mendieta/ Diseñador [email_address]

Weitere ähnliche Inhalte

Was ist angesagt?

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsSonia Villanueva
 
Ux beneficios e implementación
Ux beneficios e implementaciónUx beneficios e implementación
Ux beneficios e implementaciónEdwin Madueño
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosRoger Crunch
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experienceOveralia
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseñoBrandi Minaya
 
Curso de Usabilidad en web
Curso de Usabilidad en webCurso de Usabilidad en web
Curso de Usabilidad en weblaminarrieta
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UIAndrea Cantú
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del UsuarioJorge Arango
 
El equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasEl equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasPercy Negrete
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front endDavid Hurtado
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoFrancisco Rodriguez
 
Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialIxDA La Plata
 

Was ist angesagt? (20)

5.2 Usabilidad Web
5.2 Usabilidad Web5.2 Usabilidad Web
5.2 Usabilidad Web
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ Highlights
 
Ux beneficios e implementación
Ux beneficios e implementaciónUx beneficios e implementación
Ux beneficios e implementación
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Curso de Usabilidad en web
Curso de Usabilidad en webCurso de Usabilidad en web
Curso de Usabilidad en web
 
Preparados, listos, Ajax!
Preparados, listos, Ajax!Preparados, listos, Ajax!
Preparados, listos, Ajax!
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del Usuario
 
El equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasEl equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareas
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
User experience design
User experience designUser experience design
User experience design
 
Diseño Centrado en el Usuario
Diseño Centrado en el UsuarioDiseño Centrado en el Usuario
Diseño Centrado en el Usuario
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
 
Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión Social
 

Andere mochten auch

Mi presentacion 2
Mi presentacion 2Mi presentacion 2
Mi presentacion 2Vanegu2010
 
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...Miguel Angel Urbina
 
Resumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosResumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosGuisella Jimenez
 
Multimedios
MultimediosMultimedios
Multimediosfreslly
 
Portafolio Diseño Elaboración de Multimedios
Portafolio Diseño Elaboración de MultimediosPortafolio Diseño Elaboración de Multimedios
Portafolio Diseño Elaboración de MultimediosGuisella Jimenez
 
Análisis de una página web
Análisis de una página webAnálisis de una página web
Análisis de una página webFreak0101
 
Los multimedios (mynte)
Los multimedios (mynte)Los multimedios (mynte)
Los multimedios (mynte)NandoSuazo
 
Brochure 2007 Empresa Multimedios
Brochure 2007 Empresa MultimediosBrochure 2007 Empresa Multimedios
Brochure 2007 Empresa MultimediosSergio Zaragoza
 
Taller analítica web Congreso web
Taller analítica web Congreso webTaller analítica web Congreso web
Taller analítica web Congreso webBárbara Mackey
 
Reforma laboral 2012 gesdocument
Reforma laboral 2012  gesdocumentReforma laboral 2012  gesdocument
Reforma laboral 2012 gesdocumentGesdocument
 
Reforma laboral 2012
Reforma laboral 2012Reforma laboral 2012
Reforma laboral 2012vgp212
 
Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 IIedgarcajun
 
Reforma laboral 2012; Beatriz Jiménez Rodrigo
Reforma laboral 2012; Beatriz Jiménez RodrigoReforma laboral 2012; Beatriz Jiménez Rodrigo
Reforma laboral 2012; Beatriz Jiménez RodrigoBeatrizJimenez123
 

Andere mochten auch (20)

Innovación educativa
Innovación educativaInnovación educativa
Innovación educativa
 
Trabajando con css
Trabajando con cssTrabajando con css
Trabajando con css
 
Mi presentacion 2
Mi presentacion 2Mi presentacion 2
Mi presentacion 2
 
Los multimedios
Los multimediosLos multimedios
Los multimedios
 
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
Taller de inducción de publicidad en medios digitales Grupo El Comercio (Part...
 
Resumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosResumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de Multimedios
 
Multimedios
MultimediosMultimedios
Multimedios
 
Ponencia unidad2 proyectos web
Ponencia unidad2   proyectos webPonencia unidad2   proyectos web
Ponencia unidad2 proyectos web
 
Presentacion multimedios
Presentacion multimediosPresentacion multimedios
Presentacion multimedios
 
Portafolio Diseño Elaboración de Multimedios
Portafolio Diseño Elaboración de MultimediosPortafolio Diseño Elaboración de Multimedios
Portafolio Diseño Elaboración de Multimedios
 
Análisis de una página web
Análisis de una página webAnálisis de una página web
Análisis de una página web
 
Proyectos con multimedios o
Proyectos con multimedios oProyectos con multimedios o
Proyectos con multimedios o
 
Los multimedios (mynte)
Los multimedios (mynte)Los multimedios (mynte)
Los multimedios (mynte)
 
Brochure 2007 Empresa Multimedios
Brochure 2007 Empresa MultimediosBrochure 2007 Empresa Multimedios
Brochure 2007 Empresa Multimedios
 
Taller analítica web Congreso web
Taller analítica web Congreso webTaller analítica web Congreso web
Taller analítica web Congreso web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Reforma laboral 2012 gesdocument
Reforma laboral 2012  gesdocumentReforma laboral 2012  gesdocument
Reforma laboral 2012 gesdocument
 
Reforma laboral 2012
Reforma laboral 2012Reforma laboral 2012
Reforma laboral 2012
 
Clase3 Pdigital2008 II
Clase3 Pdigital2008 IIClase3 Pdigital2008 II
Clase3 Pdigital2008 II
 
Reforma laboral 2012; Beatriz Jiménez Rodrigo
Reforma laboral 2012; Beatriz Jiménez RodrigoReforma laboral 2012; Beatriz Jiménez Rodrigo
Reforma laboral 2012; Beatriz Jiménez Rodrigo
 

Ähnlich wie Usabilidad en la web

Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Alexa Zárrate
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webInterlat
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas webCesar Salazar
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3FRISLY5
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismoDianCOC
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuarioomarbeto
 

Ähnlich wie Usabilidad en la web (20)

Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Que Es La User Experience
Que Es La User ExperienceQue Es La User Experience
Que Es La User Experience
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad web
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas web
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismo
 
Omar Quispe Presencia Web
Omar Quispe Presencia WebOmar Quispe Presencia Web
Omar Quispe Presencia Web
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuario
 

Kürzlich hochgeladen

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 

Kürzlich hochgeladen (15)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 

Usabilidad en la web

  • 1.
  • 2.
  • 3. Experiencia del usuario USABILIDAD EN EL DISEÑO DE SITIOS WEB - 2 Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.
  • 4. ¿Qué es la experiencia de usuario? The elements of user experience J.J. Garrett 2002 La web fue originalmente concebida cono un espacio de información hipertextual. El desarrollo de tecnologías cada vez más sofisticadas la han convertido a nivel del uso, en una interfaz remota de software. USABILIDAD EN EL DISEÑO DE SITIOS WEB - 3 Experiencia del usuario La ESTRATEGIA es donde todo comienza. ¿Cuales son los objetivos del sitio web? ¿Cuáles son las necesidades de nuestros usuarios? El ALCANCE convierte la estrategia en requerimientos. ¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios? La ESTRUCTURA da forma al alcance. ¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web? El ESQUELETO hace la estructura concreta. ¿Que componentes permiten a los usuarios interactuar con el sitio web? La SUPERFICIE reúne todo junto visualmente. ¿Cómo se ve y se siente el producto terminado?
  • 5.
  • 6. Se indican las areas tematicas, los derechos de acceso. Las paginas que contienen enlaces globales y tiras publicitarias estan señaladas. USABILIDAD EN EL DISEÑO DE SITIOS WEB - 5 Arquitectura de información aplicada al desarrollo de proyectos web
  • 7.
  • 8.
  • 9.
  • 10. Un ejemplo de análisis de tarea Desde la pagina de búsqueda el usuario envia una pregunta. El sistema revisa si la pregunta es valida, y si no, devuelve al usuario a la pagina de busqueda. Si la pregunta es válida se le presenta al usuario una serie paginas de resultados. Desde estas paginas el usuario puede ingresar a una o mas paginas que contengan la respuesta buscada o retornar a la pagina de busqueda para refinar su busqueda. Pregunta de busqueda USABILIDAD EN EL DISEÑO DE SITIOS WEB - 9 Análisis de Usuarios y Tareas invalido valido Resultados Paginas de contenido buscar Refinar busqueda
  • 11. USABILIDAD EN EL DISEÑO DE SITIOS WEB - 10 Diseño de página Espacio de pantalla. Sistema operativo y Navegador Publicidad Navegacion interna y externa HASTA 20% Contenido MINIMO 50%
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Cabecera Vínculo Globales Carpetas Herramientas Anuncios Navegación global Promoción Busqueda en la Web Servicios relacionados Trucos Buzón de entrada Anuncios Anuncios Servicios relacionados Herramientas Salir Buzón de entrada Escribir USABILIDAD EN EL DISEÑO DE SITIOS WEB - 15 Análisis de Usuarios y Tareas
  • 17. MUCHAS GRACIAS Hector Castelblanco Mendieta/ Diseñador [email_address]