Cómo especificar y simular el diseño de una versión móvil de un sitio web para un desarrollador

La respuesta más simple es el diseño en lo que está familiarizado (Photoshop, Illustrator, etc.), luego puede tomar sus diseños y utilizar una herramienta como Adobe XD Experience Designer ( Experiencia de usuario, aplicación de creación de prototipos) o Invision (Web gratis y Prototipos móviles ( Web, iOS, Android) y UI Mockup Tool | InVision), hay varias otras herramientas para la creación de prototipos, enumeraré más al final.

Hay algunas ventajas para algunas de estas herramientas, como recopilar comentarios, verificar / validar un patrón de interacción que puede ahorrarle tiempo (y dinero al cliente) en lugar de desarrollarlo solo para descubrir que algo no funciona. Esto también proporciona información valiosa al desarrollador sobre cómo implementar mejor una característica o componente.

Algunas otras herramientas de creación de prototipos:

• POP | POP – Prototipos en papel
• Prototipos móviles y web gratuitos (iOS, Android) para diseñadores – Marvel
• Proto.io: prototipos que se sienten reales

La respuesta más complicada:

La respuesta cambiará significativamente si está diseñando para un nuevo sitio web o uno ya existente.

Si es un sitio existente, pregúntese si el sitio actual se está volviendo “receptivo” o si la experiencia móvil será un sitio completamente diferente, hable con su desarrollador sobre el mejor enfoque para sus circunstancias.

Suponiendo que no desea cambiar nada en la experiencia de “escritorio” existente (o tener muy poco impacto) mientras implementa el material móvil, mantenga una conversación con el desarrollador (y el cliente si hay uno) en la misma habitación ( o conferencia de pantalla compartida) una vez que tenga una idea de algunos de los cambios que le gustaría hacer. Su desarrollador puede informarle si ese cambio es factible dentro de su marco de tiempo / presupuesto.

También hable con su desarrollador para ver si tienen alguna solicitud especial de especificaciones, cada desarrollador es diferente.

¡Espero que esto ayude!

Photoshop sería una práctica bastante común.

La mejor de las suertes

http://www.themecanvas.com

More Interesting

¿Mis conversaciones web de WhatsApp están almacenadas en mi computadora?

¿Qué es la escalabilidad?

¿Cómo cambia el rol de los gerentes de producto para proyectos de desarrollo móvil versus web?

¿Cuáles son las opciones tecnológicas para desarrollar un servidor común entre una aplicación móvil y una aplicación web?

Startup Founders and Entrepreneurs: Tengo un proyecto para desarrollar una aplicación de Android y un sitio web para el mismo. El dinero es realmente bueno, pero solo puedo desarrollar la aplicación yo mismo, ¿qué debo hacer?

Cómo crear una aplicación en Play Store

Cómo comenzar como principiante en la aplicación web

¿Qué tipo de equipo debería contratarse para una red social, para dispositivos móviles, un buen diseño y una gran seguridad de código?

¿Hacer que una aplicación sea simple aumenta la actividad del usuario?

¿Qué marco de interfaz de usuario móvil es mejor usar ahora para el desarrollo de aplicaciones híbridas?

¿Cuál es el mejor enfoque de UX para rediseñar una aplicación web existente?

¿Qué tecnologías, idiomas y herramientas se utilizan para crear aplicaciones de chat como WhatsApp? ¿Requiere codificación en todos los idiomas nativos o hay alguna forma multiplataforma para hacerlo?

¿Qué requiere para alojar un sitio web o una aplicación de mensajería móvil (excepto para la programación)?

¿Son buenos los programas como Clickteam Fusion 2.5 para crear aplicaciones y juegos?

¿Por qué una aplicación nativa es mejor que una aplicación web?