Si para realizar un simple plato de “espaguetis a la boloñesa” requerimos el cumplir una serie de “requisitos” porque para llevar a cabo un desarrollo web los obviamos o no le transmitimos a nuestro cliente la importancia de disponer de los correctos ”ingredientes”, herramientas y medios para llevar a cabo con éxito el desarrollo de un proyecto web.

Jugando un poco con el paralelismo y trasladando problemas comunes de desarrolladores a otros escenarios de la vida más cotidiana, es curioso ver como si logramos abstraernos y empatizar con el ejercicio nos llevaremos más de una sonrisa y por supuesto una sorpresa.

Un ejemplo que a mi personalmente me gusta usar es comparar el desarrollo de una web con una receta de cocina, por ejemplo. Para llevar a cabo un simple plato de “espaguetis a la boloñesa” hemos de seguir una receta, un listado de elementos básicos necesarios para llevar a cabo ese proceso, en el caso del plato mencionado sería:

• 200gr pasta
• 200gr de carne picada, ternera o cerdo
• 400gr de tomate triturado
• 100gr de cebolla picada
• 8 cucharadas de aceite de oliva
• Queso parmesano rallado

Y por supuesto y no menos importantes los medios que necesitamos para llevar a cabo esto, tales como:

• Olla
• Sartén
• Platos
• Vasos
• 30 minutos libres disponible

Entonces, si para realizar un simple plato de “espaguetis a la boloñesa” requerimos el cumplir esta serie de “requisitos” porque para llevar a cabo un desarrollo web los obviamos o no le transmitimos a nuestro cliente la importancia de disponer de los correctos ”ingredientes”, herramientas y medios para llevar a cabo con éxito el desarrollo de un proyecto web.

Y como no sirve de nada quejarse sin actuar, vamos a dar la correcta receta para llevar a cabo un buen proyecto web.

• Contenidos web
• Imagen corporativa
• Libro de estilos
• Mockups y Wireframes
• Prototipos

Vamos a revisar brevemente cada uno de estos puntos:

Contenidos Web

Básicamente es la estructura, textos, línea argumental y objetivos de nuestra web. Estos textos y estructura son los que van a hacer que lleguemos o no a entregar nuestro mensaje a los usuarios. Si existe una incoherencia en esto, los usuarios se marcharán. Si no se consigue transmitir un objetivo claro, los usuarios se marcharán. Sino se definen objetivos y se miden resultados, no podremos saber si esa zona en concreto está haciendo que usuarios se queden o bien se marchen. Los contenidos de una web son el 80% de la base de esta, recordemos que es por lo que los diferentes buscadores nos van a indexar, por lo que los usuarios nos van a buscar.

Imagen Corporativa

Disponer de una correcta imagen corporativa es vital para el desarrollo de un buen website, solo existe una posibilidad de causar una primera buena impresión. Una correcta imagen corporativa nos garantiza unificar conceptos de nuestra marca, nos refuerza la identidad de esta y todo esto hace que podamos transmitir confianza y calidad. Disponer de acceso completo a este desarrollo de Imagen Corporativa es para los desarrolladores web necesario, ya que sino la web/proyecto a desarrollar carecerá de carisma e identidad propia de esa marca.

Libro de estilos

Un correcto libro de estilos es el punto de conexión entre los diferentes perfiles profesionales que desarrollan un proyecto web. El libro de estilos debe seguirlo a raja tabla, tanto diseñador como programador, tanto maquetador como el copy, tanto el SEO como el responsable de analítica. El libro de estilos estandariza los estilos de la web, llega a un acuerdo común entre los diferentes departamentos y estandariza una coherencia y unidad para los diferentes aplicativos.

Mockups y Wireframes

Comúnmente conocidos como borradores o maquetas, los mockups y wireframes nos ayudan a evitar confusiones y agilizar el desarrollo, ya que de una forma muy básica y abstracta podemos conceptualizar y acerca la idea de un cliente a las ideas del equipo desarrollador. Estos “borradores” nos ayudan a evitar confusiones, desvirtualizamos el concepto/idea a desarrollar y por lo tanto reforzamos el concepto y la base así como enfatizamos el objetivo.

Prototipos

Poder ofrecer un buen producto a los clientes con una coherencia total entre el front-end y el back-end es una ardua tarea que solo con la experiencia y las horas de trabajo se acaba consiguiendo. Principalmente al cliente solamente le interesa el resultado que se observa en la parte frontal de una web, pero es de suma importancia que esta sea muy fácil de administrar y liderar desde el back-end, es lo que va a hacer que ese proyecto siga creciendo por parte del cliente o bien acabe muriendo. Es por eso que disponer del tiempo necesario para realizar bocetos en html5 y css3 de una forma muy básica para validar estructuras y conceptos con el cliente es una buena idea a implementar, ya que es mucho más ágil, rápido y accesible jugar con estos lenguajes básicos de marcado que desarrollar una estructura muy sólida detrás sino tenemos 100% claro el comportamiento en el front-end. Definiendo muy bien estos prototipos la tarea de desarrollo en el Back-End se hace mucho más liviana, puesto que solo has de implementar, ya que la parte de validación, cambios y comportamiento la tendrás muy muy avanzada.

Joomla! una solución genial para afrontar proyectos web

Todos los puntos anteriormente citados son directa e indirectamente compatible con Joomla!, ya que este nos permite tanto hacer uso de él como mero CMS o bien como nuestro Framework principal para el desarrollo. Con Joomla! tenemos una total libertad para implementar una buena Estructura de Contenidos, nos permite implementar de con total libertad nuestra imagen corporativa y crear a partir de esta un correcto libro de estilos y a través de los wireframes y prototipos podemos desarrollar con Joomla! una solución totalmente a medida para un proyecto, y si tenemos en cuenta los pasos mencionados, tenemos el éxito asegurado ;)

En las próximas entregas de la Magazine procedemos a ver con mayor profundidad cada uno de estos pasos en diferentes artículos, uno en cada próxima entrega en la Magazine.

Muchas gracias a todos!