SlideShare una empresa de Scribd logo
1 de 36
República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politécnica de la Fuerza Armada UNEFA – Chuao 9 º Término de Ingeniería de Sistemas Sección “A” – Aula: 1011 Procesamiento de Datos II       Profesor: Integrantes: Jorge Servin    Boyer Juan.   Mamani Abraham   Morales Yitza.   Querales Nimzay.   Olivares Robert Caracas, 18-11-09
¿Qué es la usabilidad web? ,[object Object],[object Object],[object Object],[object Object],Abraham  Mamani
Abraham  Mamani ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
¿Por que están importante tener en cuenta la usabilidad en una pagina web? Abraham  Mamani ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
10 pesadillas de la Usabilidad que deberías evitar “Porque los sitios que ganan premios son tan horrorosos”   Ferry McGovern  ,[object Object],[object Object],[object Object],[object Object],[object Object],Nimzay Querales
Nimzay Querales  1.- Formularios de login ocultos As Lee  “alguien que haya perdido el tiempo registrándose en tu pagina puede permitirse más de 2 segundos encontrando como logearse” . Vale, ¿pero porque debería hacerlo? ¿Porque el enlace no está en un sitio visible? Suena bastante razonable.
Nimzay Querales  2.- Pop-ups para presentación de contenido El pop-ups son ventanas emergentes que salen durante la navegación, normalmente contienen publicidad .
Nimzay Querales  3.- Arrastrar en lugar de navegación vertical.
Nimzay Querales  4.- Enlaces invisibles (Originalmente creada por Trenton Moss),  ¿Puedes ver los enlaces? 1,3,4,6,7 y el 11 son enlaces, y 2, 5, 8, 9 y 10 no lo son.
Nimzay Querales  5.- Ruido o sobrecarga visual
Nimzay Querales  6.- Zonas sin salida
Nimzay Querales  7.- Bloques de contenido unos encima de otros.
Yitza Morales 8.- Navegación dinámica
Yitza Morales 9.- Menus desplegables
Yitza Morales 10.- Imágenes animadas
Yitza Morales 20 consejos de usabilidad esenciales  para proyectos web Navegaci ó n visible todo el tiempo
Yitza Morales Navegación invisible
Yitza Morales Intros en Flash
Yitza Morales No interrumpas el flujo de trabajo del usuario
Yitza Morales Crea links semánticamente descriptivos
Robert Olivares Toques profesionales Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo  que reflejas.   Uso de prototipos
Robert Olivares Esconde lo que el usuario no necesita saber   Usa  lo que creas Es increíble la cantidad de gente que crea cosas para otros y jamás las usa
Robert Olivares Escucha tus estadísticas Google Analytics  es un software genial. Te permite, usando  pageTracker._setVar , colocar variables de tu creación en las estadísticas. Así puedes ver cosas como las temáticas más visitadas.
Robert Olivares Crea formularios decentes Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario.  Autocompletado en los campos de texto
Robert Olivares En jQuery   Código : $(&quot;#autocomplete&quot;).autocomplete({       data: [&quot;aero&quot;, &quot;airplane&quot;, &quot;book&quot;, &quot;movie&quot;, &quot;music&quot;, &quot;sports&quot;, &quot;skating&quot;, &quot;swim&quot;]   });   Y en HTML: Código : <input id=&quot;autocomplete&quot; type=&quot;text&quot; />   Motores de recomendación
Asesina todos los clicks que puedas La web de las  descargas de Apple  tiene un componente Acordion con las  descargas por categorías, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función &quot; Compra con un click &quot; para  eliminar todos los pasos innecesarios y dolorosos del e-comerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios.   Robert Olivares
¿  Que es AJAX  ?
[object Object],[object Object]
Haz Experimentos de Usabilidad HALO 3 HAZ PRUEBAS  SON GRATIS DATE CUENTA CUAL TE GENERA MÁS VISITAS
IMAGINA INTERFACES NUEVAS ALREDEDOR DEL CONTENIDO EXISTENTE
CONVERSACIONES ANIDADAS El hecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma  en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro.
Principios básicos en los que se basa la usabilidad Facilidad con la que nuevos usuarios desarrollan una iteración efectiva con el sistema o producto Esta relacionada con la sintetización, familiaridad Generalización de los conocimientos previos  y la consistencia FACILIDAD DE APRENDIZAJE
Principios básicos en los que se basa la usabilidad Abarca la posibilidad de diálogo, similitud con tareas anteriores FLEXIBILIDAD Optimización entre el usuario y el sistema Relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información
Principios básicos en los que se basa la usabilidad Capacidad de observación del Usuario ROBUSTEZ Recuperación de información y de ajuste de la tarea al usuario E s el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos
REGLAS DE USABILIDAD DE LA WEB Rápido Simple Investigable Para la Mayoría de las Personas Manténgalo Actualizado
BENEFICIOS DE LA USABILIDAD DE LA WEB Entre los principales beneficios se encuentran:  - Reducción de los costes de aprendizaje. - Disminución de los costes de asistencia y ayuda al usuario. - Optimización de los costes de diseño, rediseño y  mantenimiento. - Aumento de la tasa de conversión de visitantes a clientes de un sitio web. - Mejora la imagen y el prestigio. - Mejora la calidad de vida de los usuarios, ya que reduce su  estrés, incrementa la satisfacción y la productividad.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Diseño y Usabilidad
Diseño y UsabilidadDiseño y Usabilidad
Diseño y Usabilidad
 
Usabilidad web simo network 2009
Usabilidad web simo network 2009Usabilidad web simo network 2009
Usabilidad web simo network 2009
 
Toptenerrores2003
Toptenerrores2003Toptenerrores2003
Toptenerrores2003
 
Patricia mapa mental navegadores
Patricia   mapa mental navegadoresPatricia   mapa mental navegadores
Patricia mapa mental navegadores
 
Guía para evaluación experta
Guía para evaluación expertaGuía para evaluación experta
Guía para evaluación experta
 
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
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Plataformas Blogging Taller Blogs 1
Plataformas Blogging  Taller  Blogs 1Plataformas Blogging  Taller  Blogs 1
Plataformas Blogging Taller Blogs 1
 
Plataformas blogging
Plataformas bloggingPlataformas blogging
Plataformas blogging
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
 
Johana garcia
Johana garciaJohana garcia
Johana garcia
 
como realizar una pagina web
como realizar una pagina webcomo realizar una pagina web
como realizar una pagina web
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
repote de mi blog
repote de mi blog repote de mi blog
repote de mi blog
 
Clase - Guías de diseño web
Clase - Guías de diseño webClase - Guías de diseño web
Clase - Guías de diseño web
 
Clase Usabilidad
Clase UsabilidadClase Usabilidad
Clase Usabilidad
 

Destacado

Applications multimédia dans les réseaux mobiles et sans fils
Applications multimédia dans les réseaux mobiles et sans filsApplications multimédia dans les réseaux mobiles et sans fils
Applications multimédia dans les réseaux mobiles et sans filsLili Amiri
 
Modèles de donnèes & d'opportunités BI
Modèles de donnèes & d'opportunités BI  Modèles de donnèes & d'opportunités BI
Modèles de donnèes & d'opportunités BI Michel Bruley
 
3 clés pour améliorer votre trésorerie
3 clés pour améliorer votre trésorerie3 clés pour améliorer votre trésorerie
3 clés pour améliorer votre trésorerieNeocamino
 
Postgrado de docencia superior
Postgrado de docencia superiorPostgrado de docencia superior
Postgrado de docencia superiorSEEG
 
Comment remplir la nouvelle page des pros
Comment remplir la nouvelle page des prosComment remplir la nouvelle page des pros
Comment remplir la nouvelle page des prosquipeutlefaire
 
JPME 2012: E-réputation par Kollector
JPME 2012: E-réputation par KollectorJPME 2012: E-réputation par Kollector
JPME 2012: E-réputation par KollectorAntoine Servais
 
Perce, quebec
Perce, quebecPerce, quebec
Perce, quebecARCHOUK
 
Book social media 2012-07
Book social media 2012-07Book social media 2012-07
Book social media 2012-07Soluciona Facil
 
Place du numérique dans le parcours d'information des jeunes
Place du numérique dans le parcours d'information des jeunesPlace du numérique dans le parcours d'information des jeunes
Place du numérique dans le parcours d'information des jeunesGérard Marquié
 
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Antoine Mercier-ame
 
Dossier de production eisenberg - Sustainable performance Groupe n°6
Dossier de production eisenberg - Sustainable performance Groupe n°6Dossier de production eisenberg - Sustainable performance Groupe n°6
Dossier de production eisenberg - Sustainable performance Groupe n°6Kenny Duflos
 
Atelier pratique : Je communique pour vendre
Atelier pratique : Je communique pour vendreAtelier pratique : Je communique pour vendre
Atelier pratique : Je communique pour vendrecciducher
 
La publicité pour les médias
La publicité pour les médiasLa publicité pour les médias
La publicité pour les médiasDragodragons
 
Tutorial Evernote - Recordatorios iOS 2013-09
Tutorial Evernote - Recordatorios iOS 2013-09Tutorial Evernote - Recordatorios iOS 2013-09
Tutorial Evernote - Recordatorios iOS 2013-09Soluciona Facil
 
2011 03-11 powerpointapc
2011 03-11 powerpointapc2011 03-11 powerpointapc
2011 03-11 powerpointapcRicardo
 
Let´s GOWEX - Boletín del accionista - feb 13
Let´s GOWEX - Boletín del accionista - feb 13Let´s GOWEX - Boletín del accionista - feb 13
Let´s GOWEX - Boletín del accionista - feb 13gowex
 
Lorem olivier-hoen
Lorem olivier-hoenLorem olivier-hoen
Lorem olivier-hoenOlivier Hoen
 

Destacado (20)

Applications multimédia dans les réseaux mobiles et sans fils
Applications multimédia dans les réseaux mobiles et sans filsApplications multimédia dans les réseaux mobiles et sans fils
Applications multimédia dans les réseaux mobiles et sans fils
 
Modèles de donnèes & d'opportunités BI
Modèles de donnèes & d'opportunités BI  Modèles de donnèes & d'opportunités BI
Modèles de donnèes & d'opportunités BI
 
3 clés pour améliorer votre trésorerie
3 clés pour améliorer votre trésorerie3 clés pour améliorer votre trésorerie
3 clés pour améliorer votre trésorerie
 
Postgrado de docencia superior
Postgrado de docencia superiorPostgrado de docencia superior
Postgrado de docencia superior
 
Comment remplir la nouvelle page des pros
Comment remplir la nouvelle page des prosComment remplir la nouvelle page des pros
Comment remplir la nouvelle page des pros
 
JPME 2012: E-réputation par Kollector
JPME 2012: E-réputation par KollectorJPME 2012: E-réputation par Kollector
JPME 2012: E-réputation par Kollector
 
Perce, quebec
Perce, quebecPerce, quebec
Perce, quebec
 
Le système de retraites suédois est-il vraiment un modèle ?
Le système de retraites suédois est-il vraiment un modèle ?Le système de retraites suédois est-il vraiment un modèle ?
Le système de retraites suédois est-il vraiment un modèle ?
 
Book social media 2012-07
Book social media 2012-07Book social media 2012-07
Book social media 2012-07
 
Place du numérique dans le parcours d'information des jeunes
Place du numérique dans le parcours d'information des jeunesPlace du numérique dans le parcours d'information des jeunes
Place du numérique dans le parcours d'information des jeunes
 
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
 
Dossier de production eisenberg - Sustainable performance Groupe n°6
Dossier de production eisenberg - Sustainable performance Groupe n°6Dossier de production eisenberg - Sustainable performance Groupe n°6
Dossier de production eisenberg - Sustainable performance Groupe n°6
 
Atelier pratique : Je communique pour vendre
Atelier pratique : Je communique pour vendreAtelier pratique : Je communique pour vendre
Atelier pratique : Je communique pour vendre
 
La publicité pour les médias
La publicité pour les médiasLa publicité pour les médias
La publicité pour les médias
 
Tutorial Evernote - Recordatorios iOS 2013-09
Tutorial Evernote - Recordatorios iOS 2013-09Tutorial Evernote - Recordatorios iOS 2013-09
Tutorial Evernote - Recordatorios iOS 2013-09
 
2011 03-11 powerpointapc
2011 03-11 powerpointapc2011 03-11 powerpointapc
2011 03-11 powerpointapc
 
Ple
Ple Ple
Ple
 
Gat 1
Gat 1Gat 1
Gat 1
 
Let´s GOWEX - Boletín del accionista - feb 13
Let´s GOWEX - Boletín del accionista - feb 13Let´s GOWEX - Boletín del accionista - feb 13
Let´s GOWEX - Boletín del accionista - feb 13
 
Lorem olivier-hoen
Lorem olivier-hoenLorem olivier-hoen
Lorem olivier-hoen
 

Similar a Usabilidad Web

Tema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfTema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfjuan667047
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaEliasib Silva
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuarioomarbeto
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBMario Martinez
 
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaUsabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaSusana Heredia
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedJose Maria Diaz
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXJavier da Costa
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasJomicast
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaNominalia
 

Similar a Usabilidad Web (20)

Tema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdfTema 8. Usabilidad Web.pdf
Tema 8. Usabilidad Web.pdf
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Recursos digitales 3
Recursos digitales 3Recursos digitales 3
Recursos digitales 3
 
USABILIDAD WEB
USABILIDAD WEBUSABILIDAD WEB
USABILIDAD WEB
 
Usabilidad Temari
Usabilidad TemariUsabilidad Temari
Usabilidad Temari
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
Omar Quispe Presencia Web
Omar Quispe Presencia WebOmar Quispe Presencia Web
Omar Quispe Presencia Web
 
Presencia web + experiencia de usuario
Presencia web + experiencia de usuarioPresencia web + experiencia de usuario
Presencia web + experiencia de usuario
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaUsabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 

Último

LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdfsharitcalderon04
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 

Último (20)

El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdf
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 

Usabilidad Web

  • 1. República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politécnica de la Fuerza Armada UNEFA – Chuao 9 º Término de Ingeniería de Sistemas Sección “A” – Aula: 1011 Procesamiento de Datos II       Profesor: Integrantes: Jorge Servin Boyer Juan. Mamani Abraham Morales Yitza. Querales Nimzay. Olivares Robert Caracas, 18-11-09
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Nimzay Querales 1.- Formularios de login ocultos As Lee “alguien que haya perdido el tiempo registrándose en tu pagina puede permitirse más de 2 segundos encontrando como logearse” . Vale, ¿pero porque debería hacerlo? ¿Porque el enlace no está en un sitio visible? Suena bastante razonable.
  • 7. Nimzay Querales 2.- Pop-ups para presentación de contenido El pop-ups son ventanas emergentes que salen durante la navegación, normalmente contienen publicidad .
  • 8. Nimzay Querales 3.- Arrastrar en lugar de navegación vertical.
  • 9. Nimzay Querales 4.- Enlaces invisibles (Originalmente creada por Trenton Moss), ¿Puedes ver los enlaces? 1,3,4,6,7 y el 11 son enlaces, y 2, 5, 8, 9 y 10 no lo son.
  • 10. Nimzay Querales 5.- Ruido o sobrecarga visual
  • 11. Nimzay Querales 6.- Zonas sin salida
  • 12. Nimzay Querales 7.- Bloques de contenido unos encima de otros.
  • 13. Yitza Morales 8.- Navegación dinámica
  • 14. Yitza Morales 9.- Menus desplegables
  • 15. Yitza Morales 10.- Imágenes animadas
  • 16. Yitza Morales 20 consejos de usabilidad esenciales para proyectos web Navegaci ó n visible todo el tiempo
  • 19. Yitza Morales No interrumpas el flujo de trabajo del usuario
  • 20. Yitza Morales Crea links semánticamente descriptivos
  • 21. Robert Olivares Toques profesionales Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo que reflejas. Uso de prototipos
  • 22. Robert Olivares Esconde lo que el usuario no necesita saber Usa lo que creas Es increíble la cantidad de gente que crea cosas para otros y jamás las usa
  • 23. Robert Olivares Escucha tus estadísticas Google Analytics es un software genial. Te permite, usando pageTracker._setVar , colocar variables de tu creación en las estadísticas. Así puedes ver cosas como las temáticas más visitadas.
  • 24. Robert Olivares Crea formularios decentes Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario. Autocompletado en los campos de texto
  • 25. Robert Olivares En jQuery Código : $(&quot;#autocomplete&quot;).autocomplete({       data: [&quot;aero&quot;, &quot;airplane&quot;, &quot;book&quot;, &quot;movie&quot;, &quot;music&quot;, &quot;sports&quot;, &quot;skating&quot;, &quot;swim&quot;]   }); Y en HTML: Código : <input id=&quot;autocomplete&quot; type=&quot;text&quot; /> Motores de recomendación
  • 26. Asesina todos los clicks que puedas La web de las descargas de Apple tiene un componente Acordion con las descargas por categorías, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función &quot; Compra con un click &quot; para eliminar todos los pasos innecesarios y dolorosos del e-comerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios. Robert Olivares
  • 27. ¿ Que es AJAX ?
  • 28.
  • 29. Haz Experimentos de Usabilidad HALO 3 HAZ PRUEBAS SON GRATIS DATE CUENTA CUAL TE GENERA MÁS VISITAS
  • 30. IMAGINA INTERFACES NUEVAS ALREDEDOR DEL CONTENIDO EXISTENTE
  • 31. CONVERSACIONES ANIDADAS El hecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro.
  • 32. Principios básicos en los que se basa la usabilidad Facilidad con la que nuevos usuarios desarrollan una iteración efectiva con el sistema o producto Esta relacionada con la sintetización, familiaridad Generalización de los conocimientos previos y la consistencia FACILIDAD DE APRENDIZAJE
  • 33. Principios básicos en los que se basa la usabilidad Abarca la posibilidad de diálogo, similitud con tareas anteriores FLEXIBILIDAD Optimización entre el usuario y el sistema Relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información
  • 34. Principios básicos en los que se basa la usabilidad Capacidad de observación del Usuario ROBUSTEZ Recuperación de información y de ajuste de la tarea al usuario E s el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos
  • 35. REGLAS DE USABILIDAD DE LA WEB Rápido Simple Investigable Para la Mayoría de las Personas Manténgalo Actualizado
  • 36. BENEFICIOS DE LA USABILIDAD DE LA WEB Entre los principales beneficios se encuentran: - Reducción de los costes de aprendizaje. - Disminución de los costes de asistencia y ayuda al usuario. - Optimización de los costes de diseño, rediseño y mantenimiento. - Aumento de la tasa de conversión de visitantes a clientes de un sitio web. - Mejora la imagen y el prestigio. - Mejora la calidad de vida de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.