Revista Comunicación

Adobe Muse, una web en una tarde

Publicado el 10 febrero 2015 por Carmen Ferreira @negocioscaninos

Adobe Muse, una web en una tarde, el editor web mas fácil.

Yo tan friky de mí siempre soñé con que existiera un editor de webs que fuese tan fácil como el crear un layout de PSD.

Acabar una web en un día eso sí muy simple era una utopía sobretodo yo porque no soy programadora profesional*, aunque siempre he trabajado con Dreamweaver y es mi editor web favorito, no obstante muchas cosas de Adobe Muse son para refinar luego en Dreamweaver , pero Muse es el mejor editor para novatos de la historia, si no quieres tocar código y no tienes ni ni idea de diseño web es ideal, si eres de los que te gusta tocar las tripillas el programa te va a parecer estupendo.

Voy a seguir con Adobe Muse, yo uso la versión CC sufro actualizaciones cada dos por tres lo cuál se agradece por qué este programa comenzó siendo una castaña! a lo primero  y lo sigo haciendo lo usaba para hacer lo mapas del sitio eh ojo no los site maps!, pero queda muy bien y te haces una idea de como está estructurada tu web tal y es como hacer un esquema con un folio y un boli, también mola para enseñar mas o menos como puede ser website, pero ha ido mejorando y aunque las opciones son bastante limitadas yo he logrado webs pero que muy interesantes con muse y me sorprende su estabilidad.

En adobe Muse se trabaja a tiempo real en lo que es la mejor vista diseño que hay y la estabilidad que tiene, la posibilidad de poder disponer tú los layouts alternativos (teléfono, tablet, portatíl…) es una pasada, porque cuántas webs al pasar a móvil son inavegables? pasar mil fotos, logo, slider rebasando…títulos descolocados…. te permite casi el simular lo que puede ser una aplicación, eliminar en esa vista lo pesado, disminuir el tiempo de carga  y optimizar el texto y los botones! un ojo a eso que para nada es una tontería simplemente variando esa simpleza la UX User experience mejora mucho, también la opción de poder colocar los datos de manera mas accesible.

Encontré el uso ideal para Adobe Muse que son las Landing pages, he probado varios editores ya haré un post al respecto y una Landing page no requiere ni muchos artificios, ni demasiado diseño y si es cierto que Muse se ha realizado casi como marco para insertar composiciones de edge animated y un slider para realizar un call to action en edge animated puede estar muy pero que muy bien, a parte una landing suele ser muy simple por tanto Muse que tiene la virtud de reproducirse casi igual en todos los navegadores, y la verdad es muy fácil diseñar 5 o 6 landing en una tarde sin volverte loco.

Otra de sus estrellas es paralax y sus efectos de scroll un poco raros a veces pero muy divertidos e interesantes, aunque si buscas algo mas tendrás que integrar composiciones de edge animated, la posibilidad de usar el scroll horizontal y que sea tan fácil y poder colocar stops en cualquier página, el diseño horizontal es algo que este año va a dar mucho que hablar este año es tendencia pero del dicho al hecho… quizás dentro de unos años veamos mas páginas horizontales en lugar de verticales, pero mientras wordpress ocupe el 60% de las webs mundiales lo dudo.

muse-caracteristicas

Su adaptación con las redes sociales y la localización de google mapas están muy logradas, porque ahorran el exfuerzo de andar creando una api en facebook, otra en twitter, etc..  y la integración de pay pal me parece estupenda.

Otra de las cualidades es su integración para las redes sociales y google mapa que es drag & drop y bastante customizable. La biblioteca de widgets es mas que suficiente para cualquier necesidad, son muy modificables y a parte existe una gran variedad de plantillas comercializadas y algunas extensiones muy recomendables.

La posibilidad de exportar el sitio como HTML para poder trabajarlo en otros editores web es bastante recomendable, yo la usaba mucho al principio pensando que a lo mejor Muse no lograba un hueco en el mercado y podía dejarme tirada con las webs, luego me dí cuenta que de esa forma podía añadir todo lo que le faltaba con dreamweaver.

A dreamweaver para:

  • Las optimización puntuales para SEO, aunque ya se puede hacer en Muse, pero…
  • Para insertar videos e infografías, yo he insertado videos programando en Muse sin salir de el programa prescindiendo de youtube o vimeo pero es un tostón y el formato de vídeo a utilizar no es estable para todos los navegadores… por tanto los inserto con dreamwever en mp4 y no tengo que sufrir por culpa de los obsoletos iframe de you tube además quiero que el visitante se quede en mi web! no desviarlo a una tarde de vídeos de gatitos!.
  • Modificar estilos.
  • Limpiar código que sobra y eliminar etiquetas vacias.

La mayor pega es que no es responsive, aunque existen hacks, layouts que imitan aún esa posibilidad no está disponible aunque con las templates da bastante bien el pego, de cara al cliente sólo quieren que se vea la imagen de lado a lado de la pantalla es suficiente, ya dedicaré un especial a plantillas full width o adaptativas para muse.

La nueva función que permite realizar cambios en un sitio de Muse desde cualquier navegador sin tener que estar alojado en Catalysts  con un hosting común, en tiempo real y sin ningún problema es realmente un punto a su favor, nos abre la posibilidad a ofrecer sitios en los que el cliente pueda hacer cambios en texto e imágenes cuando los necesite.

Este post es para levantar la curiosidad sobre Muse así que no os perdáis los próximos tutoriales.

*pero ando en ello es la próxima parada obligada por una academia , por cierto si sabéis de alguna darme consejos os lo agradeceré un montón!


Volver a la Portada de Logo Paperblog