Actualmente estoy diseñando un sitio web para mi cliente. Decidí usar Sketch para preparar mesas de trabajo y la aplicación web Invision para crear un prototipo y presentarlo.
Durante el proceso de diseño planeé que algunas partes del sitio presentaran desplazamiento de paralaje. Tengo un elemento parcialmente superpuesto por elemento en la parte superior, y se volverá más y más visible después de que el usuario se desplace hacia abajo.
Ahora, ¿cómo se lo muestro al cliente? Es solo un diseño, por lo que no quiero ensamblarlo en un entorno de prueba, ya que no estoy seguro de que le guste y decida usar esa opción de diseño de todos modos, pero si es estático, todo lo que verá es una superposición. , oscureciendo elementos importantes.
En este caso, mi problema es con el desplazamiento de paralaje, pero esto se puede preguntar fácilmente sobre otros elementos, como encabezados de video o botones de desplazamiento. ¿Hay alguna manera de presentarlo como un diseño coherente y que se explica por sí mismo?
Eche un vistazo a las herramientas de creación de prototipos como Origami Studio, Principle o RelativeWave Form. Todos estos se importan de Sketch y están diseñados para mostrar interacciones enriquecidas en una pantalla. (La desventaja de eso es que requiere más trabajo y, aparte de Principio, administrar varias pantallas puede ser incómodo).
Dependiendo de la relación con tu cliente, muéstrale un ejemplo de otro sitio web. Hazle entender lo que quieres hacer y trata de convencerlo de esa manera. He hecho esto muchas veces, y si puedes transmitir la misma sensación que en el sitio de ejemplo, todos estarán felices al final.
Desde mi punto de vista, lo siguiente no vale la pena, pero podrías hacerlo:
Haz una pequeña animación/gif con tu diseño que muestre cómo funcionaría. Si tiene After Effects, es una cosa de 3 clics, 2 arrastrar, 1 guardar , por lo que no llevará mucho tiempo y puede agregarlo a su archivo y presentárselo al cliente. Lo mismo ocurre con los otros elementos principales de UI/UX.
Encuentre un gif de Internet de un paralaje que coincida con el suyo y muéstrelo a su cliente como un concepto.
XD (Diseño de experiencia) de Adobe es una herramienta fantástica para este tipo de cosas, aunque es probable que primero tengas que reconstruirlo en XD. Todavía está en Beta, pero tiene toneladas de excelentes opciones de presentación sin tener que construir el sitio real.
Si esa no es una opción para usted, le sugiero "guion gráfico" del sitio... es decir, tome capturas de pantalla del diseño en diferentes intervalos, mostrando lo que el usuario verá a medida que se desplaza y mostrándolos en orden. No es la presentación más completa y requerirá que el presentador haga un trabajo minucioso de explicación (y algo de imaginación por parte del cliente), pero puede ser su mejor apuesta.
Lado oeste
Hanna