Uno de los primeros pasos en el proceso de desarrollo de una aplicaciones móvil es hacer un wireframe o boceto de sus funcionalidades básicas.
El proceso de creación de una App, une tanto la creatividad y el diseño, como la programación. Si no tienes idea de diseñar o programar no te preocupes, lo más importante es la idea y ya la tienes. Quizá pienses que prototipar una App es complicado, pero verás que no es así, estas herramientas que te presentamos a continuación, son muy intuitivas y fáciles de utilizar, interconectan fácilmente textos e imágenes entre sí, de manera que, una vez que tengas el prototipo final, tendrás la sensación de estar usando una verdadera App.
El wireframe o boceto, es el esqueleto del diseño de la App, en el que solamente se representan líneas y vértices, no incluyen color, estilo o gráficos. Se trata únicamente del primer paso de la creación de tu App. El objetivo de todo esto es visualizar la distribución del espacio, la priorización de contenidos, y las funcionalidades disponibles. Utilizar las herramientas adecuadas, es esencial para obtener un buen resultado.
La planificación y el boceto de tu aplicación móvil es una parte primordial del proceso de diseño. Te puede ayudar a ahorrar dinero en los costes de diseño y de desarrollo, y a ampliar las ideas iniciales.
A continuación te mostramos una lista de las herramientas más utilizadas para hacer el prototipo de tu App.
Prezi
Prezi es un sistema pensado para hacer presentaciones dinámicas. Se puede considerar la competencia de Power Point, salvando las distancias. La enorme ventaja de Prezi es que es como un enorme lienzo donde poder plasmar todo lo que tenemos en nuestra cabeza.
Landing pages
Las landing pages son páginas que empleamos para captar la atención de nuestro segmento de clientes. Son páginas que no requieren programación, si empleas programas tipo Unbounce o Instapage, y son muy sencillas de hacer.
En estas landing pages, es clave la selección del cliente objetivo, para poder ajustar la propuesta de valor a ese segmento de cliente concreto. Generalmente, tienen un formulario de contacto, porque lo que se pretende es obtener una base de datos que permita hablar con esos clientes, para mejorar, iterar y evolucionar el producto o servicio que quieres desarrollar.
En una landing page también puedes incluir un vídeo explicativo sencillo, si lo consideras oportuno. No hay una regla para incluir vídeos o no, pero generalmente suele ser una ayuda visual y ayuda a comprender mejor el producto o servicio que vas a ofrecer.
PopApp
Para IOS, Android y Windows phone. Es una de las herramientas más funcionales. Es una aplicación que permite usar la cámara del móvil para fotografiar tus bocetos en papel, y dotarlos de interacción para navegar entre las diferentes pantallas. Sin duda, una opción que puede sacarte de apuros para realizar comprobaciones rápidas. Incluye toneladas de características para construir tu prototipo de la forma que desees, incluyendo la importación de herramientas, enlaces y transiciones.
Marvel
Para iOS y Android. Una nueva herramienta, de mucha utilidad para crear prototipos funcionales de tus aplicaciones a partir del diseño de tus wireframes, o bocetos. Convierte tus borradores en prototipos con objetos insertados, objetos que podrán enlazarse a otras páginas que hayamos diseñado, de forma que el resultado sea lo más parecido posible a la aplicación que tenemos en mente. También podremos insertar imágenes desde la galería fotográfica para presentar un diseño personalizado al máximo. Una vez hayamos enlazado y completado todas las páginas de nuestra aplicación, dispondremos de un prototipo final que será aprobado después de una previsualización, pudiendo crear dichos proyectos en iPhone 4, iPhone 5 y iPad.
Proto.io
Para IOs y Android. Es una buena herramienta para la creación de grandes aplicaciones, con más funcionalidades. Su principal característica es que cuenta con un motor que te permite crear animaciones para aplicaciones móviles. Te permite animar cualquier cosa que veas en la pantalla y usar “timelines” para definir cuanto durará una animación.
JustInMind
Para IOs y Android. Muy útil para los prototipos más avanzados. La versión gratuita es muy buena, y el precio de la versión Pro no es muy elevado. Permite identificar problemas de usabilidad o concepto con los usuarios antes de empezar la fase de construcción.
Para IOs y Android. Muy útil para los prototipos más avanzados. La versión gratuita es muy buena, y el precio de la versión Pro no es muy elevado. Permite identificar problemas de usabilidad o concepto con los usuarios antes de empezar la fase de construcción.
La aplicación es bastantes encilla de usar y tiene 2 partes principales, los paneles dinamicos y los eventos.
Los paneles dinámicos te permiten poner varios elementos en la misma área, de esta forma podremos simular botones, cambios de pestaña u otros contenidos que cambian dinámicamente. Los eventos nos permiten indicar acciones sobre los elementos que tenemos en nuestro diseño.
Fluid
Para Androi e IOS. Es una gran herramienta para construir rápidamente un sencillo prototipo. Es muy eficaz para pequeñas aplicaciones. Con ella puedes realizar el maqueteado de las principales vistas de tu app, pero también puedes enlazar cada una de esas vistas a controles de otras vistas, pudiendo así realizar una demostración interactiva muy cercana a lo que sería el resultado final. En su editor, además, cuenta con diferentes wireframes para las diversas plataformas. De forma gratuita puedes crear proyectos de hasta 10 pantallas. Luego deberás contratar alguno de los diferentes planes mensuales que ofrece.
El prototipo
No hay comentarios:
Publicar un comentario