Antes de ponernos a diseñar como locos las páginas de nuestra web, tenemos que sentarnos un momento para crear el esquema funcional de una web, o tendremos problemas a largo plazo.
3 - Esquema funcional de una web
Vamos pues a elaborar un funcional para la web que nos ocupa, y veremos qué denominadores comunes tenemos en estos casos, y qué particularidades nos encontramos.
Como veréis, no solo nos informa de las "vistas" que deberemos crear, sino también del flujo de las mismas. Lo podremos crear con cualquier software, desde una presentación de Google hasta con Illustrator, un Keynote o PowerPoint ¡Empecemos!
¿Os dais cuenta como estos esquemas nos ayudan extraordinariamente? Ya habéis visto como repasando sobre el funcional hemos visto como faltaban ciertos elementos que hemos ido incorporando o modificando. Esto es esencial para comprender el alcance del proyecto que estamos desarrollando.
Y lo más importante: Situar a todo el mundo: A nosotros, al cliente, al programador, al diseñador, y a todos los que tengan que tomar decisiones en el resultado final. ¡Sin esto, acabaríamos locos! Incluso como clientes, nos puede interesar presentar un funcional, para dejar claro lo que queremos y lo que no.
Evidentemente, no hace falta que los creéis desde cero cada vez, seguramente en muchas ocasiones podréis aprovechar esquemas de otras webs que ya tengáis hechos, y sólo deberéis modificar lo que haga falta.
Así pues, ya lo sabéis: Todos a hacer los deberes, creando vuestro esquema funcional. Y si os surge alguna duda o pregunta, aquí nos tenéis, para resolverla. :)
Nos vemos en la siguiente clase, en la que daremos un paso más hacia el resultado final, y veremos el fantástico mundo de los wireframes. ¡Hasta entonces!
Todos los capítulos de este curso:
- Curso de diseño web #2: Anatomía y claves
- Curso de diseño web #1: Introducción al diseño web
- Curso de diseño web #3: Esquema de una web
- Curso de diseño web #4: Photoshop
- Curso de diseño web #5: Wireframe
- Curso de diseño web #6: Diseñando la home
- Curso de diseño web #7: Diseño de categoría, ficha de producto y vendedores
- Curso de diseño web #8: Diseño de carrito, checkout y Mi cuenta
- Curso de diseño web #9: Adaptando nuestro diseño a móvil
- Curso de diseño web #10: Repaso final, presentación y exportación