Lunes 29 Agosto 2022. Se completa el prototipo en Figma, se logra construir interfaces interactivas para un producto digital. Se define su forma, estructura y comportamiento.
Durante el desarrollo del módulo se describen conceptos de usabilidad y jerarquía en el diseño de interfaz buscando usar las reglas de usabilidad de Nielsen.
Para el desarrollo del modulo se comienza con el desarrollo del flujo de una función especifica para mi sitio. en mi caso seria la reproducción de la radio.
La creación de un flujo de usuario, es vital a la hora de conocer las rutas de interacción que seguirán los usuarios al interactuar con un producto. Definir previamente la ruta que seguirá el usuario nos permitirá obtener una mejor experiencia de usuario en la interacción con nuestro producto.
Luego del User flow comienza el aprendizaje del programa Figma. Es un editor de gráficos vectoriales y una herramienta de prototipado. Es una aplicación web que puedes usar en el navegador Google Chrome y también te puedes descargar la aplicación para tu ordenador, porque Figma es multiplataforma.
El sistema de gestión de contenidos utilizado es el Design System.
Los Design System o sistemas de diseño ayudan a agilizar el proceso de diseño del producto y hacerlo más transparente y predecible.
Está guiada por prácticas claras y preestablecidas, además de la esencia del producto, su filosofía, su porqué. Es el ADN de nuestro producto y ayuda a que todo el equipo vaya en la misma dirección. No es estático, sino dinámico, y crece a medida que lo hace el producto.
El pixel perfect.
Se trata de un concepto usado por diseñadores y maquetadores digitales. Este concepto se trata de diseñar a la perfección, para que cada parte de la página o aplicación trabajen conjuntamente en ofrecer la mejor y la misma experiencia para los usuarios en cualquier tipo de navegador y dispositivo.
Al crear un sitio web, gran parte del trabajo consiste en disponer correctamente los distintos elementos que la componen. El diseño debe ser atractivo, pero claro al mismo tiempo, y se debe comprender de forma intuitiva. Las hojas de estilo en cascada (CSS) constituyen una herramienta para diseñar sitios web con esas características. Mientras que HTML muestra el contenido de forma rudimentaria, CSS es apto para diseños complejos. La tecnología de la web está en constante desarrollo y ahora, con CSS3, han aparecido técnicas nuevas que permiten aplicar el lenguaje en el Internet móvil y utilizar el diseño responsivo.
El prototipado
Es una versión inicial de la idea de un producto o servicio. El prototipado nos permite probar, evaluar y validar si efectivamente la idea que tenemos en mente cumple los objetivos de la empresa y de los usuarios. A continuación presento los vínculos de las pantallas.
Prototipo interactivo
Para finalizar se presenta el prototipo de alta fidelidad en Figma.
– Prototipo navegable en Figma (URL)
