Diseño de aplicaciones web: temas y métricas

Diseño para aplicaciones

web.

El diseño y desarrollo de aplicaciones web consiste en implementar sus necesidades, objetivos o ideas en Internet utilizando las tecnologías más idóneas según su proyecto. Las aplicaciones web ofrecen servicios a los usuarios de Internet que acceden utilizando un navegador web

Temas de diseño para

ingeniería web.

Pirámide del diseño

ingeniería web.

Diseño de la interfaz de

la webapp.

Diseño estético.

Diseño de navegación.

Diseño arquitectónico.

Diseño del contenido.

Métricas de diseño para

webapps..

El estudio de la calidad de productos y procesos de desarrollo para la Web es muy reciente y todavía no se dispone de métodos de evaluación ampliamente difundidos para este tipo de entorno.

características de diseño de calidad Web son:

Metas de diseño

Seguridad

Disponibilidad

Escalabilidad

Tiempo en el mercado

Compatibilidad

Simplicidad

Consistencia

Identidad

Robustez

Navegabilidad

Apariencia visuel

Una buena mezcla de estética, contenido y tecnología es el producto del diseño, esta mezcla variara dependiendo de la webapp, la complejidad y diseño estético de esta; de igual manera variaran las actividades de diseño.

El contenido es el rey y este debe estar bien protegido por sus tropas (diseño / desarrollo). Aquí juega un papel crucial la arquitectura de la información.

Y todo este mundo triangular se encuentra inmerso en una enorme esfera formado por millones de usuarios. Son las personas quien usa los sitios web, no los navegadores, ni los buscadores.

La base propiamente dicha de cualquier web es el contenido (información que alberga).

En la base de todo sitio web existen dos vértices, la función (desarrollo) y la forma (diseño).

Todo web tiene una finalidad concreta, un vértice que debe estar muy bien definido desde la planificación del proyecto.

La pirámide central representa el sitio web.

Es recomendable que toda interfaz de usuario tome en cuenta el uso de las siguientes características: fácil de aprender, fácil de usar, fácil de navegar, intuitiva, consistente, eficiente, funcional y libre de errores. Y lo más importante es ofrecer al usuario final una experiencia satisfactoria y gratificante.

Toda interfaz de usuario debe presentar las siguientes características:

Los principios y directrices esenciales del diseño de una WebApp se pueden mencionar:

Facil de usar

Fácil de aprender

Intuitiva

Fácil de navegar

Funcional

Consistente

Eficiente

Libre de errores

Uso equitativo

Flexibilidad en el uso

Uso sencillo e intuitivo

Tamaño y espacio para acercarse y usar.

Esfuerzo físico reducido

Información perceptible

Tolerancia al error

El diseño estético, también llamado diseño gráfico, es un esfuerzo artístico que complementa los aspectos técnicos de la ingeniería Web. Sin él una WebApp puede ser funcional, pero sin atractivo.

lineamientos generales

de la distribución general como:

No tema al espacio en blanco

Agrupar la navegación, el contenido y función en forma geográfica dentro de la página.

No aumentar la superficie para que el usuario utilice la barra de desplazamiento.

Considerar la resolución y tamaño de la ventana del navegador.

Hacer énfasis en el contenido

Organizar elementos con una distribución que vaya desde arriba a izquierda, hacia abajo a la derecha.

Considerar el uso de pantallas tipo para que mantener las pantallas homogéneas.

El diseño de contenido se ocupa de la representación de la información dentro de un objeto de contenido específico: actividad de diseño que dirigen los publicistas, los diseñadores gráficos y otros que generan el contenido de una webapp.

Primero, se desarrolla la representación del diseño para los objetos de contenido y los mecanismos requeridos para establecer una relación entre ellos.

Además se crea la información dentro de un objeto de contenido específico.

Un siguiente trabajo, lo llevan a cabo escritores, diseñadores gráficos y otros generadores de contenido de la webApp.

Un objeto de contenido se parece a un objeto de datos, incluye información de contenido específico y atributos de implementación específica que se establecen como parte del diseño.

Los objetos de contenido definidos como parte del modelo de requerimientos y los objetos de diseño que representan el contenido, es análoga a la relación existente entre las clases de análisis y los componentes de diseño.

Las metas establecidas para la webapp están enlazadas directamente con el diseño arquitectónico, con el contenido que se presentara, la filosofía de navegación establecida y los usuarios que se espera la visitan. El diseñador encargado de esta actividad identifica la arquitectura de contenido y la propia de la webapp.

La arquitectura de la webapp es la encargada de gestionar la interacción entre esta y el usuario, maneja las tareas de procesamiento, presenta el contenido además de efectuar la navegación correspondiente

Arquitectura de contenido

. Existen cuatro diferentes estructuras de contenido de entre las cuales el diseñador puede elegir

Las estructuras lineales se encuentran cuando es común una secuencia predecible de interacciones.

Las estructuras en retícula son una opción arquitectónica aplicable cuando el contenido de la webapp está organizado categóricamente en dos (o más) dimensiones.

Las estructuras jerárquicas son indudablemente las arquitecturas webapp más comunes.

Una estructura en red o “web pura” es similar en muchos sentidos a la arquitectura que evoluciona para los sistemas orientados a objetos

Una manera de llegar a esto es:

1) Identificar la semántica de navegación para diferentes usuarios del sitio.

2) Definir la mecánica (sintaxis) que logra la navegación

Semántica de navegación

El diseño de navegación inicia con la consideración de la jerarquía de usuario y los casos de uso relacionados y desarrollados para cada categoría de usuario.

Cada usuario tiene diferentes requisitos de navegación y por lo tanto usa la webapp de manera un poco diferente al resto de usuarios.

Sintaxis de navegación

La mecánica de navegación es definida mientras se lleva a cabo el diseño; es posible elegir entre muchas opciones, entre las cuales se encuentran:

Vínculo de navegación individual.

 Barra de navegación horizontal.

 Columna de navegación vertical.

 Pestañas.

 Mapas de sitio.

Las métricas deben ofrecer respuestas cuantitativas a las siguientes preguntas

¿La interfaz de usuario promueve la facilidad de uso?

¿La estética de la WebApp es apropiada para el dominio de la aplicación y confortable al uso?

¿La navegación es eficiente y directa?

¿Los componentes estándar diseñado en una forma que reduce la complejidad y aumenta la exactitud, la confiabilidad y el desempeño?

¿La arquitectura de la WebApp se ha diseñado para acomodar las metas y objetivos especiales de los usuarios de la WebApp la estructura de contenido y funcionalidad y el flujo de navegación requerido para usar el sistema de manera efectiva?

¿El contenido está diseñado en una forma que proporciona mayor información con el menor esfuerzo?

FUENTES DE INFORMACION

Fernández, S. (2010). Estudio para aplicaciones web . Montevideo, Uruguay: Editorial Universia.

Taller ingenieria software. (2000, 30 mayo). Taller de ingenieria de software. Recuperado 25 de agosto de 2001, de https://sites.google.com/site/talleringenieriasoftwareivan/unidad-5-diseno-para-aplicaciones-web/5-8-metricas-de-diseno-para-webapps