Dirijo una agencia digital con sede en el Área de la Bahía y nuestro equipo diseña tanto para nuestros ingenieros internos como para nuestros clientes. Pasamos de Photoshop para nuestros diseños de aplicaciones a Sketch (Software) por completo. La única vez que usamos Photoshop es para hacer esas simulaciones de perspectiva 3D o un cliente cuyo equipo de diseño todavía vive en Photoshop.
Usamos Sketch para crear los diseños reales de las aplicaciones, pero eso rara vez es lo que entregamos a nuestros ingenieros o clientes. En su lugar, colocamos los diseños en un prototipo InVision (producto), algo como esto Cargando …
Hacemos esto por varias razones:
- Cómo resolver el problema de 'error de conexión o código mmi no válido'
- ¿Qué habilidades necesito para comenzar el desarrollo de aplicaciones móviles?
- ¿En qué etapa debe pensar el propietario de un sitio web de compras sobre el desarrollo de aplicaciones móviles?
- ¿Cuáles son las 10 principales empresas de desarrollo móvil en Boston?
- ¿Cuáles son los mejores premios o concursos para la empresa de desarrollo de aplicaciones móviles?
- Los ingenieros saben exactamente cómo funciona.
- Los ingenieros saben cómo fluye una pantalla a la siguiente
- Los ingenieros saben lo que sucede cuando hacen clic en algo
Invision es una gran herramienta para entregar prototipos a clientes e ingenieros porque los comentarios se recopilan donde es relevante. Si se toman notas en un documento separado, deberá consultar la pantalla de la que está hablando y las cosas podrían perderse. Invision le permite hacer clic en la ubicación en la que tiene problemas y comentarios, y solo comentar. Incluso puede incluir a las personas adecuadas en la conversación y marcar un problema como resuelto cuando se ha solucionado. (Sueno como un vendedor de Invision, pero te aseguro que no lo soy).
Sin embargo, ese aún no es el final. Los ingenieros necesitan más que un prototipo en el que se pueda hacer clic para poder convertir sus diseños en código. Necesitan las especificaciones EXACTAS. Puede pasar días armando un documento de especificaciones. Eso es lo que solíamos hacer. Para una aplicación con montones y montones de pantallas, solía llevarnos MUCHO tiempo. Pero hoy en día usamos otra herramienta llamada Zeplin. Este SaaS mágico toma un archivo de Sketch y lo CONVIERTE en un documento de especificaciones interactivo en SEGUNDOS. Un ingeniero puede hacer clic en cualquier campo, icono o etiqueta y conocer exactamente la coordenada xy, el tamaño de fuente, el tipo y el color. Si un ingeniero necesita un ícono, los diseñadores ya no necesitan exportar toda esa basura en 1x, 2x y 3x, todo lo que está disponible allí mismo en el documento de especificaciones de Zeplin.
Después de haber realizado más de 200 proyectos, nuestro equipo puede dar fe de que este proceso simplifica el proceso de diseño, elimina la falta de comunicación de los comentarios de diseño y reduce la cantidad de tiempo necesario para realizar el trabajo duro de especificar un diseño.