Patrones de Diseño Web

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.

3. ¡PIENSA EN EL
USUARIO!

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.

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.

12. Layouts.

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.

15. Preguntas y Comentarios.