SlideShare une entreprise Scribd logo
1  sur  15
Unidad 4
Patrones de Diseño Web.
INGENIERÍA DE SOFTWARE II
Principios de Usabilidad Web.
Definición:
 La usabilidad se considera como la capacidad que tiene el
producto software para permitir que los usuarios puedan
realizar tareas específicas de forma productiva, con
efectividad, seguridad y satisfacción.
 El objetivo que tiene un producto software es que posea
la calidad necesaria básica para que satisfaga las
necesidades de los usuarios.
¡PIENSA EN EL
USUARIO!
Principios de Usabilidad Web.
 En el diseño de productos y software, los usuarios pagan de antemano y
experimentan la usabilidad después.
 En la web, los usuarios experimentan primero la usabilidad y pagan
después.
 Las expectativas infladas de los usuarios de la tecnología Internet puede
ser difícil de satisfacer.
 Un sitio web puede atender una infinidad de perfiles de usuario.
Construir un sitio web orientado a audiencias no es fácil.
 La mayoría de los sitios web requieren estar operativos en un corto lapso
de tiempo y esto dificulta el nivel de rigor de varias actividades del proceso.
Sitios Web – Situación Actual.
 Un sitio web es una entrada a la
información de las organizaciones, sus
productos y servicios.
 Debe ser un reflejo de las necesidades de
los usuarios-clientes a quienes sirve.
 Pero el diseño y desarrollo web,
generalmente es hecho en base a la
tecnología o estructura, objetivos del
negocio; más que por lo que el usuario
necesita.
 Recientemente han comenzado a
comprender la importancia de la usabilidad.
¿Cómo los usuarios utilizan la web?
 No leen las páginas, las exploran.
 No hacen elecciones óptimas.
 No aprecian cómo trabajan las
cosas.
Objetivos específicos de la
Usabilidad.
EFECTIVIDAD EFICIENCIA SATISFACCION
Precisión y plenitud con
la que los usuarios
alcanzan los objetivos
especificados.
También se considera la
facilidad de aprendizaje,
tasa de errores del
sistema y facilidad del
sistema para ser
recordado.
Es en relación con la
precisión y plenitud con
la que los usuarios. Se
asocia la facilidad de
aprendizaje, una
asimilación inapropiada
puede traducirse en
errores de usuario.
Ausencia de
incomodidad y la actitud
positiva en el uso del
producto.
Se trata de un factor
subjetivo.
5 características de la Usabilidad.
1. Facilidad de aprender.
2. Eficacia de uso.
3. Facilidad del sistema para ser recordado.
4. Frecuencia y severidad del error.
5. Satisfacción subjetiva.
Errores más comunes de
Usabilidad.
 Indefinición del sitio: ¿Qué es esto?
 Indefinición de las funciones a realizar: ¿Dónde está lo
que busco?
 Búsquedas que no ofrecen resultados.
 Mala navegación.
 Enlaces perdidos.
Diseño Web Líquido o Fluído.
Liquid or fluid layout.
 Una web tiene diseño líquido o fluído cuando su tamaño se ajusta
a la dimensión horizontal de la pantalla de forma automática y sin
necesidad de una barra de desplazamiento horizontal (scroll).
 El diseño se expande al ancho disponible en la pantalla, porque el
tamaño de los distintos elementos es un porcentaje del total
disponible de la pantalla.
Layouts.
Diseño Web Híbrido.
 Es híbrido cuando en una web se combinan áreas con
ancho fijo y otras con ancho variable.
 El resultado final es una web de diseño líquido que
conserva las proporciones en determinadas áreas.
Diseño Web para Móviles.
 En el caso de crear un sitio web para ser accedido desde
dispositivos móviles o en pantallas pequeñas, se debe considerar un
diseño y otros aspectos como: la disposición de contenidos, cantidad
de contenidos, criterios de accesibidad, pero de imágenes y archivos.
 Criterios de accesibilidad: menús y rutas de navegación.
Preguntas y Comentarios.

Contenu connexe

Tendances

Accesibilidad para tod@s
Accesibilidad para tod@sAccesibilidad para tod@s
Accesibilidad para tod@sLisandra Armas
 
Master en formación y tecnologías para e learning
Master en formación y tecnologías para e learningMaster en formación y tecnologías para e learning
Master en formación y tecnologías para e learningMAN A.B
 
¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?Scio Consulting
 
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvilJoomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvilykro
 
Las opiniones de los alumnos de Conversia
Las opiniones de los alumnos de ConversiaLas opiniones de los alumnos de Conversia
Las opiniones de los alumnos de ConversiaConversia
 
Tipos de navegadores y buscadores
Tipos de navegadores y buscadoresTipos de navegadores y buscadores
Tipos de navegadores y buscadoresBelencastillocruz
 
Módulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMódulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMario Carvajal
 
Progressive web app
Progressive web appProgressive web app
Progressive web appVíctor Eer
 
PRINCIPALES FUNCIONALIDADES DEL ZOOM
PRINCIPALES FUNCIONALIDADES DEL ZOOM PRINCIPALES FUNCIONALIDADES DEL ZOOM
PRINCIPALES FUNCIONALIDADES DEL ZOOM mayra736031
 
Aplicacion de escritorio
Aplicacion de escritorioAplicacion de escritorio
Aplicacion de escritorionaticabrera1993
 

Tendances (17)

Webquest 2.0 Blog.
Webquest 2.0  Blog.Webquest 2.0  Blog.
Webquest 2.0 Blog.
 
Accesibilidad para tod@s
Accesibilidad para tod@sAccesibilidad para tod@s
Accesibilidad para tod@s
 
Master en formación y tecnologías para e learning
Master en formación y tecnologías para e learningMaster en formación y tecnologías para e learning
Master en formación y tecnologías para e learning
 
¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?
 
5.2 Usabilidad Web
5.2 Usabilidad Web5.2 Usabilidad Web
5.2 Usabilidad Web
 
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvilJoomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
 
Las opiniones de los alumnos de Conversia
Las opiniones de los alumnos de ConversiaLas opiniones de los alumnos de Conversia
Las opiniones de los alumnos de Conversia
 
Webquest 2.0
Webquest 2.0 Webquest 2.0
Webquest 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Tipos de navegadores y buscadores
Tipos de navegadores y buscadoresTipos de navegadores y buscadores
Tipos de navegadores y buscadores
 
P1jorge serrano
P1jorge serranoP1jorge serrano
P1jorge serrano
 
Módulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMódulo 4: Usabilidad Web
Módulo 4: Usabilidad Web
 
Axplore folleto2
Axplore folleto2Axplore folleto2
Axplore folleto2
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
PRINCIPALES FUNCIONALIDADES DEL ZOOM
PRINCIPALES FUNCIONALIDADES DEL ZOOM PRINCIPALES FUNCIONALIDADES DEL ZOOM
PRINCIPALES FUNCIONALIDADES DEL ZOOM
 
Aplicacion de escritorio
Aplicacion de escritorioAplicacion de escritorio
Aplicacion de escritorio
 

En vedette

10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_webartomagna
 
Principios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilPrincipios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilJuan Pittau
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webJuan Aguillon
 
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
 
Principios fundamentales del diseño
Principios fundamentales del diseñoPrincipios fundamentales del diseño
Principios fundamentales del diseñoRusia González
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseñoalexei.hidalgo
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web Digetech.net
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño webOmar Sosa-Tzec
 

En vedette (10)

10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web10 principios diseño_usabilidad_web
10 principios diseño_usabilidad_web
 
Principios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web MóvilPrincipios Básicos del Diseño Web Móvil
Principios Básicos del Diseño Web Móvil
 
Disenoweb
DisenowebDisenoweb
Disenoweb
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
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
 
Principios fundamentales del diseño
Principios fundamentales del diseñoPrincipios fundamentales del diseño
Principios fundamentales del diseño
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseño
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Principios básicos de diseño web
Principios básicos de diseño webPrincipios básicos de diseño web
Principios básicos de diseño web
 

Similaire à Unidad 4 patrones de diseño web. (1)

Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert Arevalo
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolioEnrique Reyes
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Searchmediafb
 
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
 
Errores en la usabilidad
Errores en la usabilidadErrores en la usabilidad
Errores en la usabilidadsullinsan
 
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
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadIvan Aguilar
 
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Lisandra Armas
 
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Argentesting
 

Similaire à Unidad 4 patrones de diseño web. (1) (20)

Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.Herbert mauricio leiva portafolio.
Herbert mauricio leiva portafolio.
 
Universidad gerardo barrio portafolio
Universidad gerardo barrio portafolioUniversidad gerardo barrio portafolio
Universidad gerardo barrio portafolio
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Portafolio
PortafolioPortafolio
Portafolio
 
Usabilidad y el desarrollo de software
Usabilidad y el desarrollo de software Usabilidad y el desarrollo de software
Usabilidad y el desarrollo de software
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?
 
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
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Articulo2
Articulo2Articulo2
Articulo2
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
Errores en la usabilidad
Errores en la usabilidadErrores en la usabilidad
Errores en la usabilidad
 
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
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
 
Usabilidad: Definiciones
Usabilidad: Definiciones Usabilidad: Definiciones
Usabilidad: Definiciones
 
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
 
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
Argentesting 2018 - Usabilidad: un peldaño fundamental para el éxito o fracas...
 

Dernier

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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
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
 
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
 
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
 
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
 
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
 

Dernier (15)

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
 
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
 
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)
 
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
 
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
 
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
 
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
 
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
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
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
 
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...
 
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
 
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
 
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
 

Unidad 4 patrones de diseño web. (1)

  • 1. Unidad 4 Patrones de Diseño Web. INGENIERÍA DE SOFTWARE II
  • 2. Principios de Usabilidad Web. Definición:  La usabilidad se considera como la capacidad que tiene el producto software para permitir que los usuarios puedan realizar tareas específicas de forma productiva, con efectividad, seguridad y satisfacción.  El objetivo que tiene un producto software es que posea la calidad necesaria básica para que satisfaga las necesidades de los usuarios.
  • 4. Principios de Usabilidad Web.  En el diseño de productos y software, los usuarios pagan de antemano y experimentan la usabilidad después.  En la web, los usuarios experimentan primero la usabilidad y pagan después.  Las expectativas infladas de los usuarios de la tecnología Internet puede ser difícil de satisfacer.  Un sitio web puede atender una infinidad de perfiles de usuario. Construir un sitio web orientado a audiencias no es fácil.  La mayoría de los sitios web requieren estar operativos en un corto lapso de tiempo y esto dificulta el nivel de rigor de varias actividades del proceso.
  • 5. Sitios Web – Situación Actual.  Un sitio web es una entrada a la información de las organizaciones, sus productos y servicios.  Debe ser un reflejo de las necesidades de los usuarios-clientes a quienes sirve.  Pero el diseño y desarrollo web, generalmente es hecho en base a la tecnología o estructura, objetivos del negocio; más que por lo que el usuario necesita.  Recientemente han comenzado a comprender la importancia de la usabilidad.
  • 6. ¿Cómo los usuarios utilizan la web?  No leen las páginas, las exploran.  No hacen elecciones óptimas.  No aprecian cómo trabajan las cosas.
  • 7. Objetivos específicos de la Usabilidad. EFECTIVIDAD EFICIENCIA SATISFACCION Precisión y plenitud con la que los usuarios alcanzan los objetivos especificados. También se considera la facilidad de aprendizaje, tasa de errores del sistema y facilidad del sistema para ser recordado. Es en relación con la precisión y plenitud con la que los usuarios. Se asocia la facilidad de aprendizaje, una asimilación inapropiada puede traducirse en errores de usuario. Ausencia de incomodidad y la actitud positiva en el uso del producto. Se trata de un factor subjetivo.
  • 8.
  • 9. 5 características de la Usabilidad. 1. Facilidad de aprender. 2. Eficacia de uso. 3. Facilidad del sistema para ser recordado. 4. Frecuencia y severidad del error. 5. Satisfacción subjetiva.
  • 10. Errores más comunes de Usabilidad.  Indefinición del sitio: ¿Qué es esto?  Indefinición de las funciones a realizar: ¿Dónde está lo que busco?  Búsquedas que no ofrecen resultados.  Mala navegación.  Enlaces perdidos.
  • 11. Diseño Web Líquido o Fluído. Liquid or fluid layout.  Una web tiene diseño líquido o fluído cuando su tamaño se ajusta a la dimensión horizontal de la pantalla de forma automática y sin necesidad de una barra de desplazamiento horizontal (scroll).  El diseño se expande al ancho disponible en la pantalla, porque el tamaño de los distintos elementos es un porcentaje del total disponible de la pantalla.
  • 13. Diseño Web Híbrido.  Es híbrido cuando en una web se combinan áreas con ancho fijo y otras con ancho variable.  El resultado final es una web de diseño líquido que conserva las proporciones en determinadas áreas.
  • 14. Diseño Web para Móviles.  En el caso de crear un sitio web para ser accedido desde dispositivos móviles o en pantallas pequeñas, se debe considerar un diseño y otros aspectos como: la disposición de contenidos, cantidad de contenidos, criterios de accesibidad, pero de imágenes y archivos.  Criterios de accesibilidad: menús y rutas de navegación.