Varios clientes nos han preguntado como encarar el desarrollo del website cuando éste tiene un pasado de varias ediciones y sobre como hacer un sitio sencillo, social y limpio al mismo tiempo. Nuestra respuesta siempre se basa en lo crítico: planifica, piensa que quieres transmitir, empieza por los objetivos. Una vez que lo tengas, diseña bocetos con tu equipo y luego pasa a programación, ya sea con tu agencia o internamente.

El problema es que la programación figure por encima del diseño y, éste, por encima de la funcionalidad (y ésta por encima de los objetivos). Por ello cuando nos llegó la invitación para probar una herramienta como MUSE de Adobe, que pretende renunciar al código para dar paso al concepto, nos resultó mas que apropiada para nuestro discurso:

1) Es posible plasmar una idea pensando primero en el objetivo y luego en el diseño

2) Es posible diseñar un concepto sin programar para una plataforma específica

3) Existen herramientas simples de usar con nula o casi nula curva de aprendizaje

4) El tiempo de reacción tiene una proyección inmediata en este tipo de web

Como usar MUSE

Desde la web de Muse puedes instalar la aplicación. A partir de aquí crearás tu árbol de páginas estáticas (no es un blog, recuérdalo) yendo a Plan en el menú y etiquetando plantillas que usarás de páginas maestras. En Design podrás crear cajas, importar o enlazar gráficos y disponer de objetos prediseñados muy, pero que muy potentes (acordeones, menues, slideshows). El menú Preview te permite ver como queda la página. ¡Ojo! hay unas cuantas diferencias entre lo que dibujas y lo que ves. Son fácilmente solucionables pero molestas:

• El alineamiento entre cajas
• El espacio entre letras
• Ciertos objetos posicionados al pie o superpuestos

Siguiendo la linea Adobe Indesign, definiendo los estilos de párrafos y variantes, puedes manejar todo su set de tipografías. En el caso de los fallos de previsualización antes comentados, es cuestión de volver a Design, modificar ese fallo en un punto y volver a hacer Preview. Cosas de las versiones Beta.

Por último podrás publicarlo en un sitio asignado de Business Catalyst (dándote gratuitamente de alta) antes de subirlo a tu dominio definitivo.

Claros y oscuros

Por un lado la simplicidad de uso y el resultado abierto (está desarrollado en Adobe Air, por lo que podemos trabajar en PC o Mac y con un resultado web legible muy bien en tablets y smartphones)

En contra, las dificultades de todas Beta: una pequeña diferencia entre diseño y resultado y un dolor de cabeza cuando tienes que modificar un objeto en profundidad.

En resumen, una gran herramienta para aclarar ideas o, como es nuestro caso, para armar un sitio desde la conceptualización hasta su diseño final. En cualquier caso estamos muy orgullosos de ser de los pocos miles a nivel mundial que hemos probado la herramienta desde la primera versión beta (o por lo menos beta abierta). O sea que nos ha encantado ser conejitos de indias. ¡Hemos aprendido mucho!

El resultado lo podéis comprobar en nuestra web corporativa.

Si quieres escuchar este artículo pues hacerlo haciendo click en Audio Post | Review: MUSE o como se hizo la nueva 2shareworld.com

Audio post

Para suscribirte al podcast, puedes ir a nuestro canal en iTunes