En este capítulo vamos a dar contexto al curso de desarrollo front-end hablando de en qué consiste el desarrollo de productos digitales.
Hay varios tipos de productos digitales, pero por simplicidad vamos a centrarnos en aplicaciones web y móviles. Una aplicación web nos ofrece un servicio a través de un navegador web, como Firefox, Chrome, Safari o Internet Explorer. Una aplicación móvil se instala normalmente en el dispositivo desde donde nos ofrece su servicio. Muchas veces nos referimos al producto como la aplicación.
La creación de productos digitales viene determinada por una necesidad de los usuarios que se solventa mediante el uso del producto. Crear un producto digital es un proceso complejo con muchos agentes y procesos implicados. Detallamos algunas fases de la creación de productos, pero sin que el orden implique que una fase debe terminarse antes que la anterior. Eso dependerá de la metodología utilizada en el desarrollo del producto, una temática que abordaremos más adelante.
-
Toma de requisitos. El responsable del producto se encarga de comunicarse con los usuarios y decidir cómo tiene que ser el producto. De este análisis surgen una serie de requisitos sobre el producto que deberán ser implementados. Normalmente la lista de requisitos es muy grande, y cambia a lo largo del proyecto. También es importante tener una priorización de los requisitos (o historias de usuario) para tener claro qué funcionalidades dan más valor al negocio.
-
Diseño de interfaz y experiencia de usuario (UX). Dados una serie de requisitos o historias de usuario, el equipo de diseño y UX va a crear el diseño gráfico de la aplicación y diseñar la experiencia del usuario. El diseño gráfico implica el diseño visual de los elementos de la interfaz de usuario (lo que el usuario ve en el navegador o en el móvil), qué elementos aparecen en pantalla en cada momento y dónde están situados. Además, el diseño de interacción describe cómo se comporta la aplicación y qué sucede ante las interacciones del usuario: si aparecen o desaparecen elementos de pantalla, si el usuario interactúa con un click o un gesto táctil, etc. Todo esto compone la experiencia de usuario (UX). Al final de esta fase, tendremos imágenes (muchas veces creadas con herramientas como Photoshop) de la interfaz de usuario, en distintos estados (por ejemplo, sin login, después de una búsqueda, etc.) y las transiciones entre ellos.
-
Desarrollo del producto. Esta es la parte en que se construye el producto a partir de los diseños anteriores.