Modelado de Diseño para Aplicaciones Web

Según Jakob Neilsen existen dos enfoques básicos del diseño: el ideal artístico de expresarse uno mismo y el ideal de ingeniería de resolver un problema para un cliente.

El diseño wed abarca actividades técnicas y otras que no son la visión y el sentido del contenido se desarrollan como parte del diseño gráfico ,la plantilla estática de la interfaz de usuario se crea como parte de diseño de la interfaz y la estructura técnica de la webapp se modela como parte del diseño arquitectónico y navega.

Árbol de requisitos de calidad



Los principales atributos de una WebApp son:

Seguridad: la medida clave de seguridad es la habilidad de la Aplicación Web y su ambiente de servidor de rechazar el acceso no autorizado e impedir un ataque a la misma.

Disponibilidad: es la medida del porcentaje del tiempo que una WebApp esta disponible para usarla, el usuario final espera que las aplicaciones web estén disponibles en 24 horas de todos los días del año. 

Escalabilidad: las WebApp pueden escalarse para manejar 100, 1000, 1000000 usuarios. Es importante que las aplicaciones web puedan soportar varios usuarios para ser mas exitosas.

Tiempo en el Mercado: no es un verdadero atributo de calidad, pero se considera como uno, desde el punto de vista de los negocios.

Metas de Diseño

Simplicidad: como su nombre lo dice "todo debe ser con moderación", se aplican a las WebApp para que no estén recargadas.

Consistencia: se aplica virtualmente a cada elemento del modelo de diseño, el contenido de debe construir de manera consistente.

Identidad: un ingeniero web debe trabajar por medio del diseño o de lo que quiere reflejar en su aplicación web.

Robustez: el usuario espera contenido y funciones robustas que sean relevantes para sus necesidades.

Navegabilidad: debe estar diseñada de modo que sea intuitiva y predecible, que el usuario entienda como moverse dentro de la aplicación.

Apariencia visual: las WebApp son las mas visibles por lo que su apariencia debe ser indudablemente la mas bella.

Compatibilidad: la WebApp debe estar diseñada para que sea compatible con cada ambiente.

Pirámide del Diseño Web




Diseño de la Interfaz: toda interfaz del usuario diseñada para una WebApp, debe presentar las siguientes características:
  • fácil de usar
  • fácil de aprender
  • fácil de navegar
  • intuitiva
  • consistente
  • eficiente
  • libre de errores
  • funcional
Debe ofrecer al usuario final una experiencia satisfactoria y gratificante.

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. El diseño estético considera aspectos de la presentación y percepción de Web.

El diseño del Contenido: se enfoca en dos asuntos de diseño diferente, cada uno lo abordan individuos con conjunto de habilidades. Además el diseño de contenidos se ocupa de representar la información dentro de un objeto.

Resultado de imagen para interfaz pngEl diseño de Navegación: una vez establecida la arquitectura de la web y la identificación de los componentes, el diseñador debe definir las rutas de navegación que habiliten para los usuarios el acceso al contenido y las funciones de la web.

El diseño Arquitectónico: esta enlazado con las metas establecidas para la Web, el contenido que representan, los usuarios que la visitaran y la filosofía de navegación que se establezca. El diseñador arquitectónico de identificar la arquitectura de contenido y la arquitectura de la Web.

El diseño al nivel de Componentes: realizan procesamiento localizado para generar capacidad de contenido y navegación de forma dinámica. Ofrecen capacidades de computación o procesamiento de datos, dominio de negocios de la WebApp. Proporciona cuestionamientos y acceso sofisticado a bases de datos. Establecen interfaces de datos con sistemas corporativos externo.

El Ingeniero Web deberá diseñar y construir componentes de programa que sean idénticos en forma a los componentes de software a implementar.







Comentarios

Publicar un comentario

Entradas más populares de este blog

Modelado de Análisis para WebApps

Prueba de Aplicaciones Web

Formulación y Planeación para Ingeniería Web