Introducción

Desarrollo Web UX/UI

La Experiencia e Interfaz de Usuario, conocida como UXUI, es una disciplina que
tiene como objetivo la mejora continua de productos digitales. Como su nombre lo
indica, esta disciplina se puede dividir en dos grandes ámbitos, por una parte la
Experiencia de Usuario también conocida como UX (User Experience en inglés), y
por otra parte el diseño de Interfaz de Usuario también conocido como UI (User
Interface en inglés).

Los desarrolladores front-end son los encargados de hacer realidad las ideas y
diseños UXUI que proporcionan experiencias extraordinarias a los usuarios
cuando interactúan con las aplicaciones, a través de la codificación haciendo uso
de lenguajes y herramientas de última tecnología.

Este curso ofrece los conceptos, terminología, técnicas y buenas prácticas que
debe conocer un programador front end acerca de la gestión de experiencias e
Interfaces de Usuario (UXUI) centrada en los usuarios, que promueven el
desarrollo de productos de software exitosos, innovadores y de alta calidad.

Objetivos de aprendizaje
1. Definir los conceptos clave de UXUI para el manejo de la terminología,
técnicas y herramientas UXUI a fin de proponer soluciones digitales y
mejorar de la comunicación con todo el equipo de desarrollo de software.

2. Explicar el Pensamiento en Diseño como un enfoque para la creación de

soluciones digitales creativas e innovadoras centradas en los usuarios

3. Aplicar técnicas y herramientas de UXUI para investigación de usuarios,

definición de problemas, generación de ideas, creación de prototipos y
evaluación de soluciones

4. Diseñar interfaces y experiencias de usuarios para productos de software

usables que provoquen emociones positivas y altamente satisfactorias a los
usuarios

5. Construir un portafolio de artefactos generados a través de la aplicación del

Pensamiento en Diseño
Desafío práctico
¡Hola! Te damos la bienvenida a este espacio donde podrás poner en práctica lo
estudiado hasta el momento acerca de los conceptos, términos, cualidades y
técnicas de evaluación UXUI, estamos muy orgullosos de ti por la forma en que
has transitado por este recorrido de aprendizaje.

A fin de identificar algunas cualidades de sitios Web, te solicitamos que

selecciones un sitio web con el cual hayas tenido una buena experiencia como
usuario y otro sitio web con el cual experimentaste alguna decepción o frustración.

Identifica en cada caso:

1. Al menos dos cualidades asociadas a la UXUI que cumple el sitio

Web que te proporcionó una buena experiencia
2. Al menos dos cualidades asociadas a la UXUI que no cumple el sitio
Web que te proporcionó una mala experiencia
3. Lo que te gustó del primer sitio y lo que no te gustó del segundo

Cápsula de conocimiento
Herramientas para la creación de
Portafolios Digitales
La construcción de un Portafolio Digital o, como también lo llamamos ePortafolio,
se puede hacer de diversas formas, incluso como desarrollador front end puedes
desarrollar tu propio sitio web donde incorporar tu marca personal, hoja de vida y
tu ePortafolio desde cero, aplicando todo lo visto en tu formación ¡Seguramente
será un súper éxito!

Por ahora, te presentamos brevemente algunas herramientas y plataformas que te

permiten publicar un ePortafolio de soluciones y artefactos; las cuales son:
Behance, Carbonmade, Github o Adobe Portfolio.

 Behance es una plataforma que permite publicar ePortafolios y ofrece

espacios de inspiración muy interesantes. Es considerada una red social de
creativos propiedad de la empresa Adobe. Está orientada a la publicación
de productos audiovisuales, no es descabellado incorporar artefactos del
desarrollo web; específicamente, en la gestión UXUI, lo cual incluye
elementos tangibles que incorporan tecnología y composiciones
audiovisuales y otros. Se trata de una plataforma usable, accesible y
sociable ya que ofrece una red social donde los usuarios pueden colaborar
y calificar proyectos, y compartirlos.
 Github es una plataforma creada inicialmente para alojar códigos de
aplicaciones de cualquier persona en el mundo. Actualmente, puedes crear
tu perfil y publicar tus productos, soluciones y lo que quieras compartir con
otras personas, quienes te podrán ver y aportar ideas, comentarios y
recomendaciones. Ofrece la posibilidad de manejos de versiones, lo que
permite hacer comparaciones y regresar a artefactos previos. Es una
 plataforma usable y sociable, ya que facilita la comunicación y colaboración
dentro de una comunidad.
 Adobe Portfolio es el portal de Adobe que permite crear tu ePortfolio
utilizando plantillas prediseñadas que puedes editar y personalizar con base
en tu estilo, gusto y necesidades.
 Por último te presentamos a Domestika, como una red social donde
puedes publicar tu ePortfolio y, además, encontrar cursos,
recomendaciones y hasta ofertas de empleo. El registro es gratuito y te
permite subir tus artefactos sin limitar la cantidad.

Esperamos que todo este contenido haya sido provechoso para ti y te invitamos a
seguir avanzando en tu formación con el mismo interés y dedicación. ¡Hasta la
vista!

Momento para relajarnos

poniéndonos el sombrero de
pensador en diseño
El diseño es un proceso creativo para la búsqueda de soluciones en cualquier
ámbito, que involucra varias dimensiones más allá del aspecto, la forma y el color,
abarcando también la funcionalidad, la operatividad, la eficiencia, la vida útil y la
interacción con el usuario. Un diseñador es un profesional del diseño; es decir, de
este proceso creativo.

¿Qué pudiera ser interesante conocer acerca del diseño y de los diseñadores para
incorporarlo en nuestras vidas y que nos ayude a ser exitosos?

Descargar