Cómo puedo crear un prototipo
Respuestas a la pregunta
Respuesta:
1. Crea un diagrama o boceto detallado
2. Crea un modelo 3D (opcional)
3. Crea una “prueba de concepto”
4. Crea tu primer prototipo
5. Crea un prototipo listo para la producción
Respuesta:
1. Framer
Framer es una herramienta de diseño para macOS que requiere codificación y se usa mejor cuando se crean prototipos animados o interactivos. Usando Framer, puedes diseñar flujos elaborados de UX, insertar formas, agregar texto y reubicar imágenes. La herramienta tiene una amplia gama de funcionalidades que van desde diseño, colaboración y creación de prototipos, por lo que es ideal para equipos con diferentes habilidades y requisitos.
Framer ofrece un flujo de trabajo de diseño todo en uno, con un espacio de trabajo equipado con un kit de herramientas de edición vectorial que permite exportar fácilmente cada fotograma y forma como mapas de bits o vectores. Framer también tiene un espacio de trabajo de código para agregar animaciones, gestos y componentes. Puedes exportar el código listo para producción haciendo clic con el botón derecho en Copiar CSS o Copiar SVG.
Puedes crear diseños para todo tipo de dispositivos. Cuando programas dentro de Framer puedes acceder fácilmente a la documentación dentro de la aplicación. Esto incluye código y bloques de construcción para capas, animaciones, estados, eventos y más. La programación se realiza en el lenguaje CoffeeScript, una versión más accesible de Javascript descrita por los creadores como “un intento de exponer las partes buenas de JavaScript de una manera simple”.
Cuando estés listo para compartir tu trabajo con tu equipo o con las partes interesadas, puedes copiar y pegar activos o exportar todo tu lienzo. Dado que es una herramienta basada en el navegador, todo lo que se diseña está optimizado para la web. Si tu proyecto requiere colaboración puedes hacerlo intercambiando comentarios y cargando prototipos en Framer Cloud. Origami Studio
Origami Studio es una herramienta de creación de prototipos propiedad de Facebook que se ha utilizado para crear maquetas para varias aplicaciones, incluidas Instagram, Messenger y Paper. Aunque Origami está reservado solo para usuarios de Mac, ofrece la posibilidad de previsualizar prototipos en vivo tanto en dispositivos Android como iOS. La herramienta también ofrece un conjunto de gestos y animaciones de transición comunes a los patrones de UI móviles, muchos de los cuales están disponibles a través de archivos de muestra descargables.
Origami ofrece incluye una extensa biblioteca de documentación completa con foros, videos tutoriales y guías. Esta herramienta es útil cuando se muestran muchas microinteracciones, ya que se pueden visualizar con gran detalle para mostrar exactamente cómo funcionará el proyecto
3. InVision
InVision es una herramienta de prototipos basada en la web que permite a los diseñadores crear maquetas altamente interactivas para proyectos web y móviles. Si bien no puedes crear diseños directamente dentro de la aplicación InVision, puedes cargar tus diseños de página estáticos en la herramienta y luego agregar puntos de acceso para transformarlos en maquetas totalmente interactivas. Además, InVision tiene la capacidad de sincronizarse con tus documentos de Sketch o Photoshop, lo que te permite actualizar tu prototipo en tiempo real dentro del programa de diseño de tu elección.
En términos de características, InVision tiene una amplia gama de herramientas valiosas para facilitar el flujo de trabajo, incluyendo modo de vista previa, modo de creación de zonas interactivas, modo de inspección para transferir activos a los miembros del equipo, comentarios, control de versiones y sincronización de archivos. También ofrece una variedad de animaciones de transición y gestos móviles (deslizar, tocar, etc.) que pueden ayudarte a darle vida a tu diseño.
Explicación: