¿Cómo utilizan los profesionales Adobe Muse? Tomé diez minutos para preguntarle a Robert Tait, el hombre detrás de SnoValuation de 910Zen, acerca de su flujo de trabajo Adobe Muse.
Describa su flujo de trabajo de diseño cuando use Adobe Muse. ¿Qué es lo primero que haces? ¿Bosquejas con papel y lápiz? ¿Su flujo de trabajo para la web es diferente al de otros medios??
Mi flujo de trabajo generalmente depende del proyecto y de la creatividad que el cliente nos permita ser. Cada proyecto comienza con un cuestionario detallado que nos ayuda a entrar en el estadio antes de comenzar a jugar con diseño, diseño o interfaz de usuario..
Por lo general, comienzo con un lápiz y papel y empiezo a dibujar pequeñas miniaturas. Esas ideas eventualmente terminan haciéndose más grandes y refinadas. Cuando esté satisfecho con el destino de las distintas opciones, me daré el paso para convertirlas en composiciones de tamaño completo (sitios web en este caso) en Photoshop. A veces, la interactividad es una parte vital del sitio web, por lo que es fácil saltar a Muse para mostrar cómo pueden funcionar varias cosas..
Llevo más de 15 años diseñando y planificando sitios web, y Adobe Muse ha cambiado completamente mi proceso. Antes, diseñábamos un sitio web plano y entregábamos esas composiciones o ilustraciones a los programadores para que lo pusieran todo junto. Era como diseñar y crear todas las partes de un automóvil, pero luego tenía que darle todas las partes a un mecánico para que las armara. Ahora puedes diseñar, crear y ensamblar todo a la vez. Es realmente revolucionario.
Ahora puedo dejar que Muse sea parte de mi exploración. Me encuentro incorporando más interactividad en los sitios web, ya que puedo probar cosas en tiempo real y ver los resultados. De repente, un sitio web plano y estático ya no es tan emocionante como solía ser..
Cuando trabajo en otros proyectos, como logotipos o folletos, mi flujo de trabajo no cambia mucho. Las ideas deben provenir de algún lugar y me parece más liberador comenzar con un lápiz y papel. Si te subes a la computadora y simplemente comienzas a hacer clic, de repente te verán limitados por las computadoras, el software y las restricciones únicas de cada programa. Encuentro que solo después de haber encontrado las soluciones adecuadas en papel, puedo elegir el software adecuado para crear mi visión.
¿En qué medida confía en otras aplicaciones de diseño, como Photoshop, Illustrator, sincronización en la nube, por ejemplo??
Photoshop, Illustrator y Muse son mis tres grandes. Con estos tres programas, puedo hacer casi cualquier cosa que pueda pensar como un diseñador web. La sincronización de Creative Cloud ha agregado un nivel adicional de conveniencia. De repente, su computadora portátil y su escritorio tienen las mismas preferencias. Puede tomar cualquier aplicación de Adobe (y hay muchas) en cualquier momento que necesite e instalarla. Las actualizaciones son rápidas e indoloras, e incluso puede cargar archivos en los que está trabajando para asegurarse de nunca dejar un archivo importante en su otra computadora.
En definitiva, Creative Cloud ha cambiado mi forma de trabajar, haciendo que todo sea mucho más sencillo y conveniente que nunca..
¿Cómo encontró el proceso de Muse pasando del diseño estático a la interactividad dentro de un navegador web??
Cuando estoy diseñando un sitio web, siempre trato de planificar formas únicas de involucrar al usuario con cierto nivel de interactividad. No siempre hacen el corte, y debe tener en cuenta su objetivo demográfico, por lo que algunas ideas quedan en el piso de la sala de corte..
En este caso, tuvimos que dejar de lado la interactividad, ya que su mercado objetivo son los propietarios de casas de esquí o banqueros. Tienden a estar en el sitio por hechos solos. Estoy realmente sorprendido de poder lograr el nivel de diseño que tenía con este proyecto. Afortunadamente, el propietario del sitio es bastante joven y moderno. Si nos fijamos en los pocos sitios web de esta industria, todos parecen que fueron diseñados a mediados de los 90 en Microsoft Word. Este sitio realmente se destaca de la multitud.
En los sitios donde es más bienvenida la interactividad, me parece que Adobe Muse es una herramienta increíble, ya que proporciona una gran cantidad de herramientas "In The Box" (por así decirlo), que te permiten probar cosas sobre la marcha y ver qué funciona y qué no. t.
Es refrescante no depender de un programador para convertir mi visión en realidad.
¿Cómo imaginó / diseñó elementos interactivos como los efectos de puntos de referencia, donde los elementos se animan a medida que la página se desplaza??
No pude usar ninguno de esos efectos en este sitio, pero es genial tener todo tipo de trucos bajo la manga. Nunca se sabe cuándo un cliente va a pedir algo o si necesita que le arrebaten los calcetines en algún momento. Todas las opciones de desplazamiento de paralaje son fantásticas y cubren un rango tan amplio que es fácil introducir algún movimiento para mostrar un producto, mantener al usuario interesado o simplemente divertirse..
¿Hubo algunos aspectos de su sitio que encontró especialmente difíciles de construir utilizando Adobe Muse??
El desplazamiento de Parallax más complicado puede requerir un poco de experimentación para dominarlo, pero nada realmente aparece como un desafío para construir en Muse..
En SnoValuation, originalmente estaba usando pestañas para alternar entre dos mapas de Google (costa oeste y costa este), pero cuando cambiaba los mapas en cualquier navegador, el mapa (originalmente oculto detrás del otro) nunca se centraría correctamente. Finalmente descubrí que era un error de Google Map y no tenía nada que ver con Adobe Muse. Finalmente, simplemente desechamos el segundo mapa, ya que el usuario puede navegar fácilmente a donde quiera en un mapa..
¿Cuánta libertad de diseño le brindó al utilizar componentes comerciales, como los formularios de contacto, los carruseles, el mapa, etc.?.?
Una vez más, este sitio está esencialmente diseñado para propietarios de banquetes de esquí y banqueros, por lo que no tuve exactamente el reinado libre, pero tuve la suerte de tener un cliente progresivo que no quería un sitio de evaluación "típico".
Los componentes integrados y el hecho de que es fácil incrustar el código donde lo desee, lo hace increíblemente flexible. Si no puede encontrar lo que necesita en un widget (y hay muchas opciones), generalmente puede incrustar el código de un sitio de terceros..
Los widgets incluidos son excelentes y mejoran con cada actualización..
Pude usar el formulario incorporado para la página de contacto e incrustar google maps directamente. Es genial tener estos elementos como parte de la aplicación, y cada nueva versión de la aplicación contiene más y más posibilidades útiles..
En la superficie, algunos de estos widgets parecen simplistas, pero es increíble lo que puedes hacer con el conjunto estándar de herramientas, con un poco de creatividad..
Ya he estado en conversaciones con el propietario del sitio para realizar nuevas actualizaciones que incorporarán un montón de las nuevas capacidades integradas. Estoy deseando que llegue la fase dos.
¿El uso de Adobe Muse desencadenó aspectos del diseño que de otra forma no hubiera pensado o atrevido a intentar??
Usar Muse es casi como usar Photoshop. No es raro que empiece a construir la idea inicial en Photoshop y luego mueva algunos de los elementos en bruto a Muse para un poco de montaje. Una vez en Muse, los elementos se pueden voltear, girar, escalar, animar, desvanecer ... Es sorprendente lo que puedes hacer, y lo bello es que "lo que ves es lo que obtienes".
Adobe Muse añade una etapa extra de libertad creativa..
Trabajar en Photoshop y entregar sus archivos a un programador siempre se sintió un poco vacío ... como si faltara algo. Ahora puedes ver cómo la magia cobra vida y ajustar las cosas a medida que avanzas..
Ahora, no hay excusa para los diseñadores para hacer sitios web aburridos..
¿Experimentaste con alguna de las herramientas de Muse que no necesitabas usar??
SIEMPRE estoy probando las nuevas herramientas, cuando tengo tiempo. Hay tantas opciones disponibles que posiblemente no puedas usar todo en cada sitio. Vale la pena experimentar con cada herramienta, porque nunca se sabe si su próximo proyecto se beneficiará con uno de los widgets incluidos. Me gusta conocer todas mis opciones, antes de tomar cualquier decisión..
Siempre estoy emocionado por una actualización de Muse, ya que parecen tener un pulso en las próximas tendencias. Aprender a usar Muse es como aprender lo que tus clientes están a punto de pedir..
Una vez que construyó el producto final, ¿sintió que la salida necesitaba ajustes manuales en cualquier aspecto??
Afortunadamente, Muse hace un buen trabajo al verse y comportarse de manera similar en diferentes navegadores. Siempre revisaré tantos dispositivos como sea posible para asegurarme de que no haya sorpresas en el camino, pero los ajustes generalmente son mínimos.
Lo único que tenía que ajustar era hacer los cuadros de texto del encabezado más anchos, ya que estaba teniendo una o dos rupturas extrañas, pero aparte de eso, hay muy pocas modificaciones no relacionadas con el diseño..
Muse ofrece la posibilidad de construir una pantalla separada, una versión móvil y una tableta de un diseño. ¿Cómo encontró el diseño de versiones separadas y fue el resultado final lo que esperaba??
El sitio SnoValuation es bastante simple, por lo que no se pierde mucho en la reducción de la versión móvil. En esta situación particular, SnoValuation no solicitó un tamaño de "tableta" y sentí que la versión de "escritorio" (que es la versión predeterminada de la tableta si no se crea una versión de tableta) se tradujo lo suficientemente bien como para dejarla sola.
Nunca sabes en qué dispositivo alguien va a ver tu sitio web. Así que es genial que Muse ofrezca las tres versiones diferentes. Parece un poco desalentador al principio, pero por lo general no requiere mucho más esfuerzo para redimensionar su sitio web para optimizarlo para las otras dos opciones. Requiere un poco de ajuste y experimentación, pero vale la pena el esfuerzo adicional para transmitir su mensaje, independientemente del dispositivo que esté viendo el usuario..
Eche un vistazo a las últimas ofertas y características de Adobe Muse en la página de inicio de Adobe Muse.