Kategorier: Alle - compatibilidad - navegabilidad - identidad - consistencia

av andrew julian 4 år siden

683

Diseño WebApps

El diseño de aplicaciones web es crucial para garantizar la calidad y funcionalidad de la aplicación. En este proceso, se aplican diversas actividades y técnicas para crear contenido y funcionalidades que se alineen con la arquitectura de la web.

Diseño WebApps

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