Diseño WebApps

Ver más

SUPERMODERNISMO

por katerin paternina vitola

cultura, cohesion social y convivencia

por carmenza yaruro

Diseño de Interfaces de Usuario

por Antonio Martinez Robles

Contexto histórico de la rigorización de las matemáticas y crisis de los fundamentos matemáticos en el siglo XX

por JOTA BRANGO

Diseño WebApps

actividades técnicas y no,para
establecer la sensación de webapp,
creando el contenido y la funcionalidad

Metas del Diseño

Compatibilidad: debe ser echa de tal manera que pueda correr en varios ambientes.

Atractivo visual: debe ser muy visual, dinámica, estética, debe tener muchos aspectos

Navegabilidad: sencilla, consistente, intuitiva y predecible, el usuario debe comprender como navegar por la appweb casi que de manera automática sin instrucciones

Robustez: funciones y contenido robusto, relevantes para las necesidades del usuario, que sean suficientes.

Identidad: el diseño debe ser congruente con el dominio, o tema para el que se va a elaborar la aplicación

Consistencia: el diseño debe tener congruencia , las imágenes coherentes en su diseño color y estilo, deberá parecer un lugar físico si no dará confusión

Simplicidad: se busca aplicar la moderacion y la simplicidad para no saturar al usuario con informacion, estéticamente agradable

Diseño de la Interfaz de la Webapp

opciones de navegacion

imágenes: establece un vinculo hacia un contenido por representaciones gráficas

iconos gráficos: botones, interruptores etc que seleccione una decisión

menus de navegacion: lista de contenido o funciones claves

objetivos

organizar las opciones de navegación y contenido

guiar al usuario hacia una serie de interacciones

establecer una ventana congruente en el contenido y las funciones que brinda

guiar al usario con una compresion intuitiva de la interfaz

si es en un punto inicial que los reciba debe contener características de navegación hacia los objetos de contenido

ingreso a la webapp en una ubicación inicial de la web, o través de un vinculo de su arquitectura que redirija hacia su entrada

crear un punto de entrada que reciba al usuario puden ser de dos tipos

usar primero un diseño estético enfoncandose en la distribucion y forma de los mecanismos de navegacion

Calidad del Diseño de WebApps

tiempo para llegar al mercado: que se pueda disponer en el mercado lo mas rápido posible esto determinara su éxito frente a los competidores

escalabilidad: que la aplicación pueda manejar cualquier cantidad de usuarios, a medida que su uso crece.

facilidad de mantenimiento: adaptación, capacidad de correpcion, extensibilidad

eficiencia: velocidad de la pagina y de los gráficos

confiabilidad: validación y recuperación de entrada de usuarios, recuperación de errores, procesamiento correcto de vinculos

funcionalidad: características de navegación, brusquedad y recuperación lo relacionado con el dominio de la app

Usabilidad: entrega una comprensión global del sitio, características de estética he interfaz

Disponibilidad: debe estar disponible 24/7 y debe tener todas sus funciones disponibles en todos los navegadores.

seguridad: rechaza los accesos no autorizados, protegiendo los datos de los usuarios

¿Que es?

actividades técnicas y no, para dar la sensación de webapp, creando contenido y funcionalidad que reside en la arquitectura

actividades técnicas y no, para dar la sensación de
webapp, creando contenido y funcionalidad que
reside en la arquitectura

importancia

por que en el diseño es donde se establece la calidad de la webpp

¿Quien lo hace?

la realizan ingenieros web, diseñadores gráficos y desarrolladores de contenido

pasos

* Diseño de componentes: estructura interna de elementos funcionales

* Diseño de navegación: da la forma en que se navega en la estructura de hipermedios

* Diseño de interfaz: establece la distribución para definirse

* Diseño arquitectónico: ofrece la estructura general de hipermedios.

* Diseño estético: vista y sensación de usuario final

Diseño de contenido: es la base para establecer el diseño

producto final

modelo del diseño:en la arquitectura , navegacion, aspecto contenido, componentes he interfaz