Patrones de diseño web

UNIVERSIDAD GERARDO BARRIOS.
FACULTAD DE CIENCIA Y TECNOLOGIA
Objetivo: Recopilar la información, conocimientos, y
experiencias adquiridas en el asignatura XXX para demostrar
los esfuerzos y logros obtenidos a lo largo de la esta asignatura
Alumno:
HERBERT MAURICIO LEIVA RIVERA
Docente:
LIC.CARLA MILAGRO LOPEZ.
Tarea:
Portafolio Patrones de Diseño Web.

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!
*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.

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 Fluido.
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.

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.

Patrones de diseño web

Más contenido relacionado

La actualidad más candente (20)

Similar a Patrones de diseño web (20)

Más de Herbert Arevalo (8)

Último (20)

Patrones de diseño web