El prototipo del sitio web o la aplicación es una herramienta segura y confiable para probar una idea. Le permite presentar el modelo de su producto futuro a los usuarios potenciales, recibir sus comentarios y mejorarlo. Si desea hacer prototipos rápidamente, puede elegir un modelo o un paso para hacer un prototipo. Por ejemplo, elija solo un prototipo de papel o una estructura metálica digital:
Prototipo de papel
- ¿Cuál es la diferencia entre diseño web y desarrollo web? ¿Se puede aprender uno sin el otro?
- ¿Son las aplicaciones basadas en la web el futuro?
- Escalabilidad: ¿Cómo encontrar cuellos de botella en su sitio web / producto web durante las pruebas?
- ¿Hay mucho dinero en la creación de aplicaciones / contratos / páginas web en Ethereum?
- ¿Cuáles son los usos del archivo .htaccess?
El primer paso es esbozar su idea en una hoja de papel. Si te consideras un mal artista, no dejes que eso te detenga. Un prototipo en papel no se trata de arte, se trata de presentar la idea de manera simplificada.
Tome un cuaderno de dibujo y un bolígrafo e intente poner su idea en papel. Para hacerlo más visual, puede usar un cuaderno de bocetos con plantillas de teléfonos en cada página, o descargar e imprimir dichas plantillas. Esto le permite obtener una visión clara de cómo se verá la aplicación en la pantalla del dispositivo.
Es importante dibujar todas las pantallas de la aplicación para obtener una estructura clara. Si su producto incluye muchas pantallas, preséntelas en una sola página y agregue las conexiones.
Un boceto a lápiz y papel es solo un borrador para un prototipo interactivo. Por lo tanto, en esta etapa, debe prestar más atención a los elementos clave y su ubicación y no al diseño detallado. La interfaz de usuario de la futura aplicación o sitio web nace en este momento.
Además de las imágenes, puede esbozar información adicional que será útil para el proyecto. Describa sus personajes compradores: los clientes potenciales que pagarán por usar su producto. Describa el posible viaje del usuario a través de la aplicación, sus pasos y sus impresiones. Y recuerda, no estás escribiendo una novela, así que no busques la perfección en tu escritura. Un prototipo en papel es solo una visualización en bruto de sus pensamientos.
¿Por qué son buenos los prototipos en papel?
En primer lugar, puedes hacerlos en cualquier momento y en cualquier lugar. Viajar en un tren, pasear al perro, ver el programa matutino: una idea puede golpearlo inesperadamente. Si tiene un bloc de notas y un bolígrafo, está totalmente equipado para su primer prototipo. De lo contrario, verifique si hay otro material disponible. Quizás puedas agarrar varias servilletas del KFC más cercano.
En segundo lugar, no necesitas tener experiencia en programación o diseño para saber cómo hacer un prototipo en papel. Una comprensión de su producto futuro es suficiente.
En tercer lugar, los prototipos no le cuestan casi nada. No necesita dispositivos caros y herramientas de creación de prototipos para esbozar el primer modelo de su aplicación. No tendrá que pagarle a nadie por hacer el prototipo por usted. Sí, te llevará algún tiempo, pero créeme, pasarías mucho más tiempo explicando lo que realmente eres a un desarrollador.
Con un poco de creatividad, su prototipo de papel puede volverse interactivo.
Una vez que el primer prototipo en papel esté listo, puede comenzar a mostrárselo a otras personas. La presentación visual de su idea podría ser bastante útil para encontrar personas de ideas afines, que potencialmente se unirán a su equipo.
Crear una estructura digital
Una vez que la estructura de la aplicación es más o menos clara, es hora de crear una estructura digital, que es un modelo que representa el esqueleto de la aplicación futura.
El término estructura metálica digital habla por sí mismo: se crea con la ayuda de herramientas de creación de prototipos digitales.
Si realmente le gusta su prototipo de papel y cree que incluye todos los elementos necesarios de la interfaz de usuario, puede ahorrar tiempo con POP (la abreviatura de Prototyping on Paper) de Marvel. Le ayudará a transformar un prototipo de lápiz y papel en uno digital. Simplemente tome fotos de sus bocetos, y la herramienta los cargará como pantallas de su aplicación futura. Incluso es posible agregar diferentes tipos de interacciones.
También hay docenas de aplicaciones para prototipos profesionales. Pero no dejes que la palabra “profesional” te asuste. Todos son fáciles de aprender, y la mayoría de ellos tienen pruebas o planes gratuitos.
Uno de nuestros favoritos es InVision, una herramienta de creación de prototipos para crear tramas digitales y prototipos interactivos. Usando una rica biblioteca de elementos de IU listos, puede construir el diseño de literalmente cualquier tipo de aplicación o sitio web.
InVision es la herramienta adecuada si se pregunta cómo hacer que un prototipo sea interactivo. Esto significa que puede agregar diferentes transiciones como deslizar, tocar, disolver, etc. El prototipo digital interactivo se parece a la aplicación lista.
InVision también permite compartir proyectos por correo electrónico, SMS y URL. Los usuarios autorizados también pueden dejar comentarios. Dichas aplicaciones son excelentes cuando se trabaja con un equipo remoto, ya que no está limitado a una ubicación.
Comparte tu prototipo con la gente
La ventaja de la estructura digital es la capacidad de compartirla con cualquier persona en cualquier rincón del planeta, lo que es imposible de hacer con el prototipo en papel. Las herramientas de creación de prototipos digitales le permiten compartir prototipos con quien quiera. InVision, por ejemplo, permite dejar comentarios y discutir el prototipo del sitio web en línea. Entonces, ¿cómo hacer que un prototipo funcione para usted?
Compartir con amigos. Pide su opinión. Las ideas desde otra perspectiva pueden ser inesperadas pero bastante valiosas.
Comparte con el diseñador. Al tener un esqueleto del producto, puede involucrar a un profesional para crear un diseño UI / UX atractivo y amigable.
Compartir con usuarios potenciales. Póngase en contacto con sus clientes potenciales para obtener sus comentarios sobre el producto y su lógica. Nadie puede entender el producto mejor que las personas que están destinadas a usarlo.
Compartir con inversores. Si desea recaudar dinero, debe mostrar a sus potenciales inversores algo convincente, un prototipo interactivo, por ejemplo. El wireframe es una presentación detallada y visual de la idea, lo que demuestra que usted se toma en serio la implementación. Por supuesto, no obtendrá millones de dólares de inmediato, pero puede atraer capital semilla que lo ayudará a desarrollar su producto y comenzar a avanzar.
Comparte con los desarrolladores. Un prototipo de aplicación es esencial al colocar su futuro producto en manos del equipo de desarrollo. Es una hoja de ruta clara para que sepan cómo debería verse la aplicación, qué funcionalidad debería incluir y cómo debería resolver los problemas de los usuarios. Con un prototipo, puede solicitar una estimación precisa del tiempo y los costos de desarrollo.
Descubra más métodos de creación de prototipos en este artículo: ¿Cómo hacer un prototipo?
