Para llegar al prototipado de una aplicación web, un Arquitecto de información debe ser responsable de los siguientes pasos:
- Identificar los objetivos del proyecto.
- Identificar las necesidades de los usuarios.
- Especificar las funcionalidades y requerimientos de la aplicación web.
- Definir y diseñar los sistemas de navegación, organización, etiquetado y búsqueda.
- Prototipar, por fin, la aplicación web.
El prototipado se realiza mediante planos y maquetas:
-PLANOS
-PLANOS
- Son diagramas de organización y funcionamiento.
- Se conocen como blueprints, diagramas de contenido o flujo, o mapa web.
- Deben ser comprensibles y reflejar con claridad la estructura, el flujo de navegación y la relación entre los elementos.
-MAQUETAS
- Son diagramas de presentación.
- Crean una referencia visual de la estructura, organización e interacción a nivel de página.
Se dividen en:
1. Prototipos de baja fidelidad
- Dibujos estáticos (Sketching, dibujos a lápiz y papel)
- Wireframe (inventariado de contenido más elaborado y comportamiento de la página)
- Cuando tenemos una secuencia de wireframes, hablamos de Storyboard.
2. Prototipos de alta fidelidad
- Llamados funcionales o mockups.
- Maquetas dinámicas, en HTML, que tienen implementadas partes del sistema final a desarrollar.
La importancia de prototipar una aplicación antes de comenzar el diseño gráfico y su implementación es vital, por varias razones:
- El equipo y el cliente se centran en el diseño de contenidos e interacción y no en el diseño visual.
- El cliente ve y comprende cómo será la aplicación, mucho mejor que si se le ofrece escrita en un documento.
- Evita malentendidos entre el proveedor y el cliente e incluso entre los propios miembros del equipo.
- Ayuda a especificar los requerimientos y a detectar inconsistencias o falta de funcionalidad.
- Es un complemento de gran valor en el análisis.
- El prototipo se modifica con facilidad y rapidez.
- Se evitan modificaciones posteriores mucho más costosas cuando la aplicación ya se está implementando.
- Se reducen costes y tiempo.
- Permite realizar pruebas de usabilidad, como tests con usuarios, en etapas tempranas del proyecto.
- Se detectan y solucionan los problemas antes de comenzar su implementación.
- El resultado son aplicaciones web más fáciles de entender, de usar y que se ajustan mejor a las necesidades de los usuarios.
Consejos para realizar un buen prototipo:
- Sencillez y claridad.
- Hazlo en blanco y negro.
- Representa los tamaños y proporciones de los bloques de contenido.
- Ten en cuenta las pautas de accesibilidad y usabilidad.
- Diseña para tus usuarios.
- Llamados funcionales o mockups.
- Maquetas dinámicas, en HTML, que tienen implementadas partes del sistema final a desarrollar.
La importancia de prototipar una aplicación antes de comenzar el diseño gráfico y su implementación es vital, por varias razones:
- El equipo y el cliente se centran en el diseño de contenidos e interacción y no en el diseño visual.
- El cliente ve y comprende cómo será la aplicación, mucho mejor que si se le ofrece escrita en un documento.
- Evita malentendidos entre el proveedor y el cliente e incluso entre los propios miembros del equipo.
- Ayuda a especificar los requerimientos y a detectar inconsistencias o falta de funcionalidad.
- Es un complemento de gran valor en el análisis.
- El prototipo se modifica con facilidad y rapidez.
- Se evitan modificaciones posteriores mucho más costosas cuando la aplicación ya se está implementando.
- Se reducen costes y tiempo.
- Permite realizar pruebas de usabilidad, como tests con usuarios, en etapas tempranas del proyecto.
- Se detectan y solucionan los problemas antes de comenzar su implementación.
- El resultado son aplicaciones web más fáciles de entender, de usar y que se ajustan mejor a las necesidades de los usuarios.
Consejos para realizar un buen prototipo:
- Sencillez y claridad.
- Hazlo en blanco y negro.
- Representa los tamaños y proporciones de los bloques de contenido.
- Ten en cuenta las pautas de accesibilidad y usabilidad.
- Diseña para tus usuarios.
