bootcamp

Prototipado, una forma de acercarse al producto real.

¿Te has preguntado cómo representar las ideas de una forma que se puedan acercar a la realidad? A continuación te hablaremos sobre qué es un prototipo y cómo incide en el desarrollo web full stack.

Contenido:

Significado de prototipo

Es el primer modelo que sirve como representación o simulación de un producto final y permite verificar el diseño y los requerimientos que son características específicas que debe incluir el producto.

Un prototipo nos permite aprender rápido e incluir las modificaciones antes de implementar en la fase de desarrollo. Es así que es posible aportar una nueva funcionalidad, lograr 

 

estructuras del sistema que no se pueden mejorar o detectar aquellos cambios para que el producto tenga una mejor aceptación en el mercado o quizás acciones que no sean viables al proyecto. A partir de ello se realizan pruebas para mediar las reacciones del producto frente a situaciones de movimiento, uso y tiempo. Además, al hacer un prototipado podemos confirmar si el producto cumple con lo que busca el cliente o usuario final.

 

Conoce cuándo iniciar a prototipar

Prototipado Full Stack

En el diseño web y desarrollo de aplicaciones móviles existen herramientas y procesos que pueden ayudar a nuestras ideas, como la fase de prototipo del design thinking. Esta es una metodología que nos ayuda a seguir paso a 

paso un proceso en diseño para lograr un diseño óptimo. Si quieres ampliar un poco más sobre el significado y el paso a paso de la metodología, aprende aquí acerca del design thinking.

 

¿Qué es prototipar en full stack? Tipos de prototipado y su aplicación

Prototipar se define como la fase de ideación de un proyecto, es así que hace parte del proceso para pasar una idea a la realidad. En el desarrollo de software es un modelo del comportamiento del sistema que puede ser usado completamente, o parte de ello, para clarificar los  requerimientos y hacer parte de la representación de un sistema que posee las características del sistema final o parte de ellas. En el desarrollo web full stack, la importancia del prototipado que ayuda a los desarrolladores a validar las correcciones frente a las especificaciones del producto, así como aprender sobre problemas que se presentan durante el diseño o la implementación del  sistema; mejorar el producto rectificando la viabilidad y la utilidad de la aplicación.

De igual manera, es implementado como base definitiva para siempre tener en cuenta la  arquitectura de la información, la cual permite organizar cuáles van a ser los ítems más específicos que tendrá el producto y la necesidad que cubrirá al usuario; como el ejemplo de un prototipo, en este caso un producto muy común, una app para viajes en el que encontramos perfil, home,  medios de pago, mis alojamientos, etc. que serán útiles para definir la tarea específica que realizará el usuario en el sistema. Conforme al tipo de target o necesidad al cual estemos diseñando, es indispensable conocer cuáles son los tipos de prototipos que existen:

Prototipado de interfaz de usuario: va relacionado a modelos de pantallas que se manejan para el desarrollo de formularios o generación de código a través de bocetos en papel y aplicaciones de dibujo, apoyados de generadores de interfaz, editores de página web y herramientas CASE.

Prototipado funcional (operacional): aquí se van implementando algunas funciones, se comprueba si hay que ajustar o corregir y seguir las siguientes implementaciones de una forma rápida.

Modelo de rendimiento rápido o desechable: permite hacer el análisis y la validación de requisitos, luego se redacta la especificación y se desecha el prototipo.

De igual manera, es implementado como base definitiva para siempre tener en cuenta la arquitectura de la información, la cual permite organizar cuáles van a ser los ítems más específicos que tendrá el producto y la necesidad que cubrirá al usuario; como el ejemplo de un prototipo, en este caso un producto muy común, una app para viajes en el que encontramos perfil, home,  medios de pago, mis alojamientos, etc. que serán útiles para definir la tarea específica que realizará el usuario en el sistema. Conforme al tipo de target o necesidad al cual estemos diseñando, es indispensable conocer cuáles son los tipos de prototipos que existen:

Modelo de rendimiento evolutivo: comienza con un sistema simple que implementa los requisitos más importantes, luego el prototipo va cambiando o aumentando de acuerdo a las funcionalidades y es muy utilizado en el desarrollo de sitios web y aplicaciones de comercio electrónico.

Modelo de rendimiento vertical: se desarrollan todas las funciones de manera completa.

Modelo de rendimiento horizontal: aquí se desarrollan todas las funciones de manera parcial.

Herramientas para llevar a cabo el desarrollo del prototipo

Prototipado Full Stack

A continuación te presentamos algunas de las herramientas que más se emplean para el desarrollo de prototipos que servirán de apoyo para exponer el producto digital en el desarrollo web full stack. 

Lenguajes de dinámicos de alto nivel

Entre las herramientas más utilizadas se encuentra

  • Smalltalk (basado en objetos, sistemas interactivos)
  • Java (basado en objetos, sistemas interactivos)
  • Prolog (lógico, procesamiento simbólico)
  • LISP (basado en listas, procesamiento simbólico)

Lenguajes de cuarta generación

El 4GL es un lenguaje de programación BBDD basado en navegadores web. Entre sus ventajas reduce los costos del desarrollo y es el más utilizado en el desarrollo de prototipado evolutivo que generan un lenguaje de programación (SQL).

Ensamblaje de componentes y aplicaciones

Aquí se emplea en el desarrollo de prototipos reutilizados que comprende dos niveles. El primero, enfocado al nivel de aplicación integrada en el prototipo; por ejemplo, es en el caso de un procesador de textos, donde se puede integrar un programa como (MS office). En segundo nivel, los componentes se integran en un marco estándar como: visual basic o Python que son lenguajes de alto nivel con kit de herramientas gráficas, desarrollo de aplicaciones pequeñas y sencillas a nivel colaborativo y que no requieren una arquitectura de sistema previa.

Prototipado Digital: simulación digital de un producto

Prototipado Full Stack

Funciona como cualquier otro prototipo, su relación no es física, sino digital. A partir de la creación del mismo se puede explorar la pieza o producto antes de llevarlo a cabo. Estos prototipos son una simulación digital de un producto, aquí se puede evaluar la forma, ajuste, función, usabilidad e interactividad que puede ser accesibles y lo más cercano a la realidad.

Entre ellos encontramos el prototipado app en el que al desarrollar una aplicación móvil. Numerosos factores y procesos intervienen en el proceso de prototipado, cuyo fin es ver cómo podría quedar una app móvil en cuanto a diseño del sistema. Por esta razón, es indispensable optimizar y gestionar los recursos de la mejor manera para el desarrollo de este tipo de soluciones para así brindar una ayuda a los profesionales agilizando procesos gracias al prototipado de una app. Al tener una visualización previa a la

programación, desde el nivel de diseño, navegación y usabilidad, es posible optimizar tiempos y recursos. Tiene mucha similitud cuando se desarrolla un prototipo de una página web, lo que los diferencia es que para el desarrollo de app se deben respetar los guidelines en la estructura de los sistemas operativos tanto para IOS como para Android, mientras que para la página web está ligado el tipo de lenguaje en el que se vaya a desarrollar (javascript, C++ entre otros).

En conclusión, la importancia del prototipado en desarrollo web full stack, bajo el diseño del sistema, hace parte de la relación entre el usuario y la incidencia en los requisitos que se va a visualizar. Si te interesó este artículo y quisieras volverte un experto en prototipos óptimos para tus usuarios, inscríbete al Bootcamp desarrollo web full stack y conviértete en un crack de productos digitales de la mano de los expertos.

Alejandra Acevedo
Equipo de redacción Bootcamps UDD

Fuentes:

  • https://goo.su/jt6qqBq

Suscríbete a nuestro blog