Concepción del producto: el guión
Diagrama de flujo
El diagrama de flujo tiene una estructura de navegación “Combinada”:
- la parte inicial (de navegación libre) tiene estructura arbórea, jerárquica.
- la parte para usuarios registrados es secuencial, lineal, una pantalla lleva a otra.



Diseño de la interactividad
- En la parte pública del producto donde no hace falta estar registrado, utilizaremos una interfaz intuitiva en donde el usuario se comunique con la máquina de una forma amigable y natural, como si diese un paseo por una ciudad viendo sus principales monumentos o conociendo sus costumbres.
- Dado que nuestro producto está enfocado a gente adulta, no utilizaremos una gran interactividad, sino más bien un hilo argumental estructurado con un cierto grado de libertad.
- Utilizaremos la metáfora de un paseo por una ciudad, el usuario a través de numerosas fotografías va paseando por la ciudad y se le van proponiendo caminos que puede o no elegir, como escuchar una música, entrar en un restaurante, echar un vistazo a una carta, ampliar fotos de los platos que se sirve, escuchar una poesía, leer una biografía de algún personaje.
- Se trata de que el usuario pueda vivir una ciudad y su ambiente visitando la página, o pueda conocer a los profesores que se anuncian en ella viendo sus bailes, su método de enseñanza, sus fotos, etc. También dispondrá de una opción de “Una visita guiada” donde podrá ver un video representativo de la ciudad.
- La parte para usuarios registrado tiene una mayor interactividad a pesar de que posee un guión secuencial, pero el usuario debe escoger entre diferentes opciones, debe elegir entre las diferentes alternativas que se le proponen para poder maquetar su viaje.
- Orientar al usuario: En toda la página habrá botones e hipervínculos que indicarán claramente el contenido, unos llevarán a siguiente pantalla y otros con información adicional se abrirán en pequeñas pantallas que el usuario deberá cerrar una vez leído el contenido. También se hará uso de los mapas de imágenes.
- Accesibilidad: Los botones principales quedan siempre en la parte superior de la pantalla, por lo que siempre se sabe como salir de donde estamos. No tendrá textos largos y preferiblemente habrá un cambio de pantalla antes de utilizar un scroll, se dispondrá la información en paquetes pequeños y claros.
- Usabilidad: Fácil usabilidad. La parte más compleja de ver será “La visita guiada” que requerirá un plugin que algunos ordenadores pueden no tener pero dispondrán de una llamada de instalación los más sencilla posible. El resto de la página no requiere ninguna cosa especial.
Diseño funcional
- La página tiene dos apartados que se comportan de diferente forma. La resolución será 1024x768
- La parte pública está realizada en html, lleva un recuadro donde los usuarios registrados pueden entrar a la zona restringida poniendo su nombre y contraseña. Y el botón “regístrate como usuario” lleva a una pantalla donde aparece un formulario a rellenar. Los usuarios no serán dados de alta hasta que no se compruebe la veracidad de sus datos pues a la hora de contratar un viaje hace falta tener una cierta seguridad de con quién se está trabajando.
- Toda la página lleva una unidad estilística coherente con la imagen corporativa en el frame de arriba 20% donde aparecen también los botones principales, el resto de la información aparecerá en el escenario.
- Este escenario puede contener también un frame a la izquierda si la información lo requiere.
- Los feedbacks sólo aparecerán en la parte de usuarios registrados que es donde mayor interactividad tenemos. Estos mensajes indicarán si se ha cometido algún error en la elección de opciones o se ha tomado un camino imposible.
La
1ª pantalla es de bienvenida, la imagen de la empresa y un diseño
relacionado con la materia que se verá dentro. La 2ª pantalla
consta de 4 botones y los dos primeros al pasar por encima de ellos
abren menús desplegables. Los otros dos llevan directamente a
otras pantallas. También existe el camino para los usuarios registrados,
dónde pueden planear y estructurar su viaje. Estos 4 botones
en páginas siguientes pasan a estar siempre disponibles en la
parte superior de la pantalla.