Curso de Fundamentos de Diseño de Interfaces  UI y UX

Clases del Curso de Fundamentos de Diseño de Interfaces UI y UX

Instruido por:
Tannia Obregón
Tannia Obregón
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Busca tu departamento
Proyecto del curso
Busca tu departamento

El estudiante diseñará una interfaz de un sitio web para la búsqueda de apartamentos.

Curso de Fundamentos de Diseño de Interfaces  UI y UX

Curso de Fundamentos de Diseño de Interfaces UI y UX

Progreso del curso:0/30contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/30contenidos(0%)

Aprender las bases de un proyecto de Diseño de Interfaz y UX

Platzi te da la bienvenida a la Escuela de Product Design

00:59 min

Material Thumbnail

Qué aprenderás sobre el diseño de interfaces UI y UX

00:36 min

Material Thumbnail

¿Qué es user experience?

01:29 min

Material Thumbnail

Qué implica ser un diseñador de interfaces

02:46 min

Material Thumbnail

Básicos de Diseño

04:43 min

Material Thumbnail

Principios de Gestalt y UX

03:22 min

Material Thumbnail

Principios de Usabilidad y Heurística

04:27 min

Material Thumbnail

Kickoff del proyecto del curso

01:34 min

Realizar la investigación inicial de un proyecto UI

Material Thumbnail

Entender el problema: ¿Qué queremos solucionar?

02:06 min

Material Thumbnail

Tipos de investigación

01:26 min

Material Thumbnail

User Research: Encuestas

07:06 min

Material Thumbnail

User Research: Entrevistas

11:40 min

Organizar la información y bocetar los primeros wireframes

Material Thumbnail

Análisis de Interfaces

11:12 min

Material Thumbnail

Introducción a la Arquitectura de la Información

05:00 min

Material Thumbnail

Wireframes: comienza en papel

07:03 min

Material Thumbnail

Guerrilla testing con Paper Prototyping

06:44 min

Material Thumbnail

Wireframes digitales en Sketch

13:41 min

Diseñar los detalles de nuestra interfaz de producto

Material Thumbnail

Diseñando interfaces con Sketch, empty states, mensajes de error y notificaciones

14:05 min

Material Thumbnail

Diseño Responsivo y Adaptativo

01:47 min

Entregar el diseño de la interfaz e iterar

Material Thumbnail

Cómo entregar para desarrollo: Zeplin

03:28 min

Material Thumbnail

Cómo seguir probando tu interfaz: A/B Testing con Optimize y HotJar

01:57 min

Mentorías expert

Diseño UI en vivo

70:42 min

nuevosmás votadossin responder
Gaudy Areli Cadenillas Saldaña
Gaudy Areli Cadenillas Saldaña
Estudiante

Hace poco me mostraron la web de un curso online donde te mostraba todo lo que vas a aprender separados por unidades 1, 2, etc. Sin embargo, a medida que avanzabas, no mostraba para nada el proceso. Ni donde te quedaste, ni qué clases ya visualizaste, ni nada. ¿Sería un ejemplo del mal uso o ausencia del principio de visibilidad del estado del sistema? El diseño muy gráfico y bonito, pero súper difícil saber en dónde te quedaste por ejemplo 😦

3
Sara Amaya Caldas
Sara Amaya Caldas
Estudiante

Soy la única que piensa que es aburrido y que llenar ese formulario es una perdida de tiempo porque casi nunca contestan? Preferiría tener un enlace directo a WhatsApp, esto seria valido?

3
Sara Amaya Caldas
Sara Amaya Caldas
Estudiante

dark patterns podrían ser cuando salen anuncios recién abres una pagina??

2
Raúl Beristain Álvarez
Raúl Beristain Álvarez
Estudiante

Qué software me recomiendan aprender a utilizar primero para Figma, Adobe XD, o algun otro? Es que no soy diseñador gráfico ni tengo el background como tal; sin embargo sé que debo conocer las herramientas desarrollo de interfaz. Ayuda!!

3
Emmanuel Rodríguez Ramírez
Emmanuel Rodríguez Ramírez
Estudiante

Arquitectura de información (AI)

.

Definición

Es el resultado de organizar y estructurar el contenido de los sitios web, aplicaciones móviles y del contenido social.
En concreto, es una acto de disponer la forma en que las partes de “un algo” es entendible.
.
▶︎ El rol de la AI en el diseño UI


Hoy en día, el contenido se encuentra estructurado en función de la audiencia objetivo, ya que la satisfacción del usuario es la prioridad para el éxito de cualquier producto o contenido web.
.
Muchas compañías no alcanzan ver la importancia de la AI, ya que se cree que el costo / beneficio dependerá de tener habilidades especificas bajo un periodo corto de tiempo. Sin embargo, AI tiene como principal objetivo el garantizar una alta calidad de producto (o contenido) mejorando la usabilidad y navegación.
.
▶︎ La relación de la AI con el diseño UX


Técnicamente hablando, son campos diferentes pero no lejanos entre si ya que los diseñadores de UX se ven beneficiados de este repositorio de información.

Recordando que una de las actividades primarias de una UX es el mejorar la interactividad o usabilidad de un producto, el AI es un boceto de diseño que permite generar wireframes o sitemaps para que de esto , los UX puedan crear una planeación de navegación.
.

Componentes de la AI

Los pioneros en este concepto establecieron 4 principales sistemas:

▶︎ Sistemas de organización

Describen a la información como una agrupación o categorización que ayudan al usuario a predecir la localización para encontrar cierta información. Dicho contexto, es posible estructurarla en:

  • Jerarquías. Siendo una organización visual, permite activar la habilidad en el cerebro de distinguir elementos mediante diferencias físicas, como tamaño, color, contraste o alineamiento.
  • Secuencial. Estructura que crea un tipo de camino que mediante, paso a paso, el contenido se dispone para crear una seriación.
  • Matriz. Una disposición compleja mediante la preferencia del usuario, el cual pudiera están ordenada acorde a la fecha, o alguna otra de navegación.

.
▶︎ Sistemas de etiquetas


Este sistema envuelve la manera en que la organización es establecida. Generalmente, se cuenta con grandes volúmenes de información, los cuales, mal organizadas, pueden generar una excedencia de la misma.

El sistema de etiquetas permite trabajar la información como unicidad permitiendo generar CTA (Call To Action) estableciendo enlaces de asociación.
.
▶︎ Sistemas de navegación


Conocido como el conjunto definido de acciones y técnicas de flujo en que los usuarios logran sus metas o interacciones exitosas esperadas por el producto.
.

Sistemas de búsqueda


Siendo un motor de especialización, es un sistema que mejora la utilidad de un producto que, de manera directa o indirecta, soluciona la pérdida de información de un usuario.

En este apartado, el diseñador deberá considerar filtros, un banner de interacción y la manera en que se dispone la representación de una información, antes y después de su uso.

.

1
Raúl Beristain Álvarez
Raúl Beristain Álvarez
Estudiante

Ya me perdí, digo estoy en haciendo simultáneamente el proyecto con la maestra en la búsqueda de departamentos/casas en renta. Pero ella también incluye apps o websites de casas o departamentos en renta para fin de semana. Al final va a existir un sesgo significativo a la hora de presentar los resultados. Estoy en lo correcto?

1
Giovanny Cervera Vázquez
Giovanny Cervera Vázquez
Estudiante

¿Cómo podemos definir correctamente un alcance?

  • ¿En cuanto a tiempo? Como por ejemplo lanzar un MVP: “Lanzaremos el producto en 6 meses”.
  • ¿En cuanto a funcionalidad? Como por ejemplo definir qué parámetros debe cumplir el producto para que sea funcional, sin importar el tiempo: “La app necesita de un registro, una pantalla de perfil, y la opción de comentar”.

Si alguien me puede compartir su experiencia con prácticas que le ayudaron en este paso se lo agradecería mucho.

3
Raúl Beristain Álvarez
Raúl Beristain Álvarez
Estudiante

¿Alguien sabe como se puede subir un screenshot? desde:

  1. La laptop o computadora de escritorio
  2. Desde dispositivos móviles
1
karen Julieth Pabon Rivera
karen Julieth Pabon Rivera
Estudiante

Buenas tardes.
Al realizar una encuesta se determina un parámetro especifico en el orden de importancia de las preguntas o si se parte de lo especifico a lo general ?

1
Priscilla Báez
Priscilla Báez
Estudiante

¿El design system se realiza luego de terminar el wireframe?

1