SlideShare una empresa de Scribd logo
1 de 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.

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

Destacado (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
 

Similar a 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
 

Similar a 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...
 

Último

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
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
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
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
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
 
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
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
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
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
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
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 

Último (20)

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
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
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
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
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
 
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
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
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)
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
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
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.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.