Patrones de diseño web

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

Transcript of 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.

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.

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.