¿Cuál es la mejor manera de revisar maquetas móviles estáticas?

Si está simulando el producto en Photoshop antes de codificarlo, también puede guardar la imagen en la resolución correcta del dispositivo y simplemente mostrarla en el propio dispositivo.

Para presentar a varias personas, sería útil tener algún tipo de pantalla que muestre varias páginas a la vez, especialmente si solo tiene un dispositivo para pasar por la sala.

Realmente depende de los recursos disponibles para usted y el entorno.

¿Cuál es tu conclusión?

Sí.

Significado: Todas son soluciones válidas, útiles y puede que acabes utilizando una o más de ellas dadas las particularidades de cada proyecto (El cliente, los objetivos, los modelos de desarrollo, las necesidades de testing, etc.)

Tenga en cuenta que su segundo ejemplo, sin embargo, parece ser una estructura alámbrica, no una maqueta visual. Lo cual es importante también.

¿Alguien ha encontrado la magia, una solución única para todos?

Dado que no hay dos clientes ni dos proyectos iguales, por desgracia, no.

¿Cómo presentas tus maquetas y por qué?

Mi modelo ideal:

• Wireframes de "boceto de servilleta" (cuadros y flechas): toscos, simples y destinados a precisar la funcionalidad principal y el flujo general del sitio/aplicación.

• wireframes interactivos: código de muestra, o HTML/CSS o algo como Axure (creación de prototipos de alta fidelidad). Esto ayuda a refinar lo anterior y comenzar a enfocarse en el diseño de interacción y las necesidades de contenido.

• Maqueta de alta fidelidad: estos pueden ser diseños de pantalla reales simulados en las formas que usted describe. Puede ser solo una pantalla. Incluso puede ser simplemente una guía de estilo que muestre botones y encabezados y demás, independientemente de una pantalla en particular.

En última instancia, el objetivo, en mi humilde opinión, es asegurarse de no "cegar" al cliente con imágenes de alta fidelidad demasiado pronto en el proceso. Una vez que lo haga, todo el enfoque se centrará en las paletas de colores y el tamaño del logotipo. Así que guarde eso para estar más cerca del final del proceso en lugar del principio.

Convéncenos a todos de adoptar tus medios para falsificar la experiencia móvil

Recomiendo encarecidamente evitar "falsificar" siempre que sea posible. Un sitio web/aplicación es interactivo. Hay tantos detalles en los toques, deslizamientos, animaciones, desplazamientos, contenido, etc. que las maquetas estáticas siempre serán intrínsecamente "deshonestas", ya que se centrarán más en las imágenes que en cualquier otra cosa. A veces eso está bien, ya veces eso es necesario, pero tenga en cuenta los inconvenientes en todo momento.

ACTUALIZAR:

Según su apéndice, diría "no importa". Dado que esto es solo una pequeña porción de su flujo de trabajo/proceso general, diría que es realmente uno de los menos importantes. Simulalo de la manera que te resulte más conveniente. Dado que está manejando wireframes y prototipos en otro lugar, su objetivo aquí es realmente solo imágenes, lo que podría hacerse simplemente a través de capturas de pantalla o archivos PDF.

Bueno, la maqueta utilizada depende únicamente de la cantidad de contenido que desea mostrar. Si se trata de una propuesta de cliente para una aplicación, no dudaría ni miraría dos veces antes de usar la segunda maqueta. Si es para una cartera, me inclinaría más por la tercera. El primer estilo de foto nunca lo encontré utilizable y siento que si el dispositivo no se extiende tan bien, es inútil y la entrega de la imagen es defectuosa.

Para extenderme más en lo que respecta a la segunda imagen, incluso ofrecería una sola fila con el logotipo, la paleta de colores y cualquier otra característica, como íconos en el tamaño del dispositivo de pantalla completa para agregar carácter y un tema al diseño de la maqueta.

Otra opción que podría ser posible es ¿por qué no hacer un carrete de demostración? He visto a mucha gente hacer un archivo gif de la página de inicio. He visto algunos que están lanzando un desarrollo con el cliente que tienen un tablero de presentación de 36" x 24" de la segunda imagen y un video que se reproduce en una pantalla de proyector que muestra cómo funciona la aplicación.