Martes 30 Agosto 2022. La clase consistió en la presentación de los proyectos prototipados de mis compañeros, y para finalizar el profesor dio un par de reflexiones.
Los prototipos de UI nos ayudaron a ordenar las ideas, explorar diferentes caminos de concepto o diseño y ver posibles problemas o carencias antes de empezar la fase de programación de nuestro proyecto digital”. Es importante en estos proyectos prototipar con pixel perfect y estar en constante comunicación con los programadores.
Con los prototipos puedo probar, analizar, ajustar y perfeccionar los elementos con los que van a interactuar los usuarios de mi aplicación web.
En el proceso de aprendizaje de los módulos aprendí mucho sobre usabilidad y sobre todo lo relacionado con la web. Hoy ya puedo mostrar un proyecto personal para una radio comunal, una web responsiva hecha en wordpress. Se trabajo con un prototipo de baja fidelidad en la versión desktop donde posteriormente se llega al resultado final.
Mi prototipo hecho en figma para la misma radio esta pensado para ser utilizado en una aplicación para Android. Se considera considerar estudios posteriores en talento digital.
DESARROLLO DE APLICACIONES MÓVILES ANDROID TRAINEE
Estos modelos UI ayudan a tener certeza de los lenguajes y códigos de programación que necesitas para desarrollar y operar tu página web, se puede ahorrar tiempo y recursos valiosos porque un prototipo suele ser más barato que desarrollar un sistema real.
También que la creación de prototipos es un proceso iterativo, es decir, que pasa por un ciclo donde se prueban las características de diseño y funcionalidad, mismas que deben cumplir con criterios bien definidos hasta llegar a los resultados deseados.
Un modelo o prototipo de UI es una simulación interactiva y real de cómo funcionará una aplicación web, ya que permite ver los flujos de entradas y salidas, ya sea de una sola sección o de un producto digital completo.
A continuación comparto el trabajo de mis compañeros, se observa que todos hemos puesto lo mejor para aprender, hay muchas horas de trabajo y esfuerzo. Cada uno tiene elementos interesantes para seguir investigando. En lo personal logre establecer un contacto mas cercano con algunos de ellos para seguir aprendiendo.
Herramientas para crear prototipos de UI
En la actualidad existen decenas de aplicaciones (gratuitas, de pago y freemium) para realizar maquetas, wireframes o directamente prototipos de UI. Aquí te dejamos una lista de las 10 más reseñadas por portales sobre diseño web y experiencia de usuario:
| Nombre | Características destacadas | Precio (en dólares) |
 InVision |
Diseño minimalista.Herramientas para dibujar vectores y para animaciones y efectos visuales.Integración con otros programas de diseño como Photoshop o Sketch. | Plan gratuito = hasta 3 proyectos.Plan Pro = $9.95/mes (proyectos ilimitados). |
 Adobe XD |
Creación de sistemas de diseño. Integración directa con suite Adobe.Integración con Dropbox, Slack o Trello vía plugins. | Versión gratuita = 1 proyecto colaborativo.$9.99/mes individual.$22.99/mes eq |
 Sketch |
Elementos reutilizables y escalables. Comandos rápidos.Extensiones e integraciones para agregar características. | Prueba gratis de 30 días.$99 licencia individual permanente.$9/mes por usuario en licenci |
 Figma |
Aplicación basada en la nube.Fácil transición de diseño a simulación interactiva.Muchas herramientas de edición. | Versión gratuita = 3 proyectos, 2 colaboradores.Pro = $15/mes por editor.Organization = $45/año por editor. |
El desarrollo temprano de prototipos de UI puede ser la diferencia entre un proyecto web exitoso y uno que luche por salir del anonimato.
Así, una vez que el prototipo ha sido validado por usuarios reales, su estructura de código podrá ser tratada como plataforma base y cualquier ajuste deberá estar controlado por un mecanismo de solicitud de cambios.
