Estoy de acuerdo con Alan, y su proceso es casi exactamente lo que estoy haciendo para diseñar páginas aquí en Yahoo. Tampoco conozco ninguna conversión de Keynote a HTML, JS y CSS, no creo que sea técnicamente muy fácil, pero eso no nos impide soñar que algún día Apple podría hacer algo así como un híbrido entre iWeb y Keynote.
Pero para crear experiencias de comportamiento tempranas de sitios (o aplicaciones) antes de construirlos completamente, Keynote es una herramienta excelente. Los presento como “estructuras de alambre mejoradas” en lugar de “maquetas de baja resolución”. Parece ayudar a evitar confusiones, porque uno puede llegar a una página de aspecto bastante realista con bastante rapidez, y la mayoría de las personas asocian ese nivel de acabado con una maqueta. Pero, como todos sabemos, la naturaleza dinámica de los sitios web y aplicaciones contemporáneos significa que es igualmente importante ordenar los flujos y las transiciones al mismo tiempo que está trabajando en el diseño visual, y aquí es donde Keynote realmente puede ayudar a resolver los insectos temprano.
Algunos consejos: los cambios de imagen no se burlan fácilmente en Keynote, ya que Keynote ’09 no proporciona esa funcionalidad. Pueden ser animados, pero es un poco lento. Sin embargo, para proyectos móviles, esto por supuesto no importa.
- ¿Cuáles son los sitios a los que está suscrito?
- ¿Qué errores se han encontrado en el sitio web de Quora?
- Cómo aceptar pagos en mi sitio web
- ¿Qué aplicaciones web tienen los flujos de bienvenida más bellos y efectivos después de la creación de la cuenta?
- ¿Es posible restringir que las personas hagan múltiples cuentas en su sitio web?
Use Masters: para las partes estáticas de las páginas, los Masters son una excelente manera de mantener la coherencia. No se pueden anidar, por lo que no son súper potentes, pero pueden ser útiles una vez que comprenda sus limitaciones. Recuerde que uno puede tener la capa de diapositiva maestra con la diapositiva; esto es útil cuando desea usar un marco como un iPad (con el área de la pantalla desactivada).
Use botones invisibles: puede falsificar las áreas objetivo (o mapas de imágenes) de ciertas partes de su pantalla usando la herramienta Forma y asociando un hipervínculo con ese objeto. Luego puede establecer la Opacidad de ese objeto en cero.
Mi antiguo colega de Yahoo, Luke W, también es fanático de Keynote. Puede consultar algunos de sus escritos y consejos sobre esto en http://www.lukew.com/ff/entry.as…