CursosEmpresasBlogLiveConfPrecios

Contenido del curso

Introducción al Diseño de Producto

  • 1
    Fundamentos del Diseño de Productos Digitales

    Fundamentos del Diseño de Productos Digitales

    03:35 min
  • 2
    Diseño de Producto: UX, UI y UX Research

    Diseño de Producto: UX, UI y UX Research

    Viendo ahora
  • 3
    Roles y Tareas en UX Design: Guía Completa para Profesionales

    Roles y Tareas en UX Design: Guía Completa para Profesionales

    04:57 min
  • 4
    Metodologías de Gestión de Proyectos de Diseño de Producto Digital

    Metodologías de Gestión de Proyectos de Diseño de Producto Digital

    04:17 min
  • 5
    Metodologías Ágiles: Agile, Lean UX, Scrum y Kanban

    Metodologías Ágiles: Agile, Lean UX, Scrum y Kanban

    06:35 min
  • 6
    Diferencias entre CX, UX y Service Design

    Diferencias entre CX, UX y Service Design

    09:28 min

Inicio del proceso de diseño y UX

  • 7
    Reunión de Lanzamiento en Diseño de Productos: Claves y Documentación

    Reunión de Lanzamiento en Diseño de Productos: Claves y Documentación

    05:02 min
  • 8
    Conceptos Básicos en Investigación de Usuarios para Diseño de Productos

    Conceptos Básicos en Investigación de Usuarios para Diseño de Productos

    03:31 min
  • 9
    Técnicas de Research Previas al Diseño de Producto

    Técnicas de Research Previas al Diseño de Producto

    04:55 min

Diseño UI

  • 10
    Diseño de Interfaz de Usuario: Principios y Buenas Prácticas

    Diseño de Interfaz de Usuario: Principios y Buenas Prácticas

    03:30 min
  • 11
    Sistema de Diseño y Diseño Atómico en Interfaces

    Sistema de Diseño y Diseño Atómico en Interfaces

    05:00 min

Diseño UX

  • 12
    Dimensiones del Diseño de Experiencia de Usuario

    Dimensiones del Diseño de Experiencia de Usuario

    08:30 min
  • 13
    Arquitectura de la Información en Productos Digitales

    Arquitectura de la Información en Productos Digitales

    04:36 min
  • 14
    Leyes UX en el Diseño de Productos Digitales

    Leyes UX en el Diseño de Productos Digitales

    03:44 min
  • 15
    Fases del Diseño UX: De Bocetos a Prototipos

    Fases del Diseño UX: De Bocetos a Prototipos

    04:33 min

Testear el diseño y escuchar al usuario

  • 16
    Análisis Heurístico en Usabilidad de Interfaz

    Análisis Heurístico en Usabilidad de Interfaz

    02:11 min
  • 17
    Testing de Usabilidad y Accesibilidad en Productos Digitales

    Testing de Usabilidad y Accesibilidad en Productos Digitales

    03:55 min
  • 18
    Métricas e Indicadores para Mejorar Experiencia de Usuario Digital

    Métricas e Indicadores para Mejorar Experiencia de Usuario Digital

    05:33 min
  • 19
    Glosario Completo de Términos en Product Design

    Glosario Completo de Términos en Product Design

    01:51 min
Tomar examen

Diseño de Producto: UX, UI y UX Research

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      En esta clase vamos a conocer las tres disciplinas que hay dentro del diseño de producto, que es el diseño de las experiencias, el diseño de interfaz y la investigación de la Experiencia de Usuario - UX Research. Estos conceptos nos darán una visión general sobre diseño, producto, UI o interfaz.

      Sin embargo, en este curso no sólo queremos centrarnos en el diseño de productos estéticos o funcionales, sino que buscamos que los productos que se creen sean adecuados a los usuarios y consigan resolver un problema. Por este motivo, también vamos a conocer otro tipo de términos que deben ir de la mano del diseño, que son la Experiencia de Usuario, UX Research y el diseño centrado en el usuario.

      La Experiencia de Usuario en diseño

      El UX design o en español; el diseño de la experiencia de usuario, es una disciplina que, a través de procesos de trabajo, se encarga de modelar y crear experiencias positivas en el uso de un producto.

      La mayor parte de las funciones del diseño UX tienen que ver con la interacción entre el usuario y el producto, pero para conseguir que esta interacción proporcione experiencias positivas, se deben incluir procesos de investigación y Testing, desde el inicio del proceso hasta las últimas fases de la iteración del producto.

      Lo que se trata de conseguir con el diseño UX es crear productos:

      • Fáciles.
      • Intuitivos.
      • Que proporcionen valor a los usuarios.

      En definitiva, el diseño de la Experiencia de Usuario abarca todo el proceso desde la captación de la información correcta y comprensión del problema a resolver, hasta la creación del producto, que permita la facilidad de uso, para que las personas puedan realizar los procesos que desean de forma rápida y concisa.

      Para profundizar en este concepto también es necesario conocer el término UX:

      La UX o Experiencia de Usuario son las percepciones y respuestas resultantes del uso de un producto, sistema o servicio. La UX incluye todas las emociones, creencias, preferencias, percepciones, respuestas físicas y psicológicas, comportamientos y logros de las personas usuarias que ocurren antes, durante y después del uso. La UX también engloba el ambiente, contexto o entorno en el que se va a utilizar un producto.

      La Experiencia de Usuario abarca todos los aspectos de la interacción del usuario final con un producto digital. La Experiencia de Usuario está compuesta por diferentes aspectos del producto:

      • La usabilidad.
      • El diseño visual.
      • El diseño de interacción.
      • El diseño centrado en el usuario.
      • La estrategia de contenido.
      • La arquitectura de la información.
      • La empatía que se establece con el usuario.

      De esta forma, la Experiencia de Usuario permite a las personas encontrar información en un producto digital de forma fácil y rápida, realizar las tareas que se proponen de forma óptima y vivir una interacción con el producto digital positiva.

      La verdadera Experiencia de Usuario va mucho más allá de dar a los clientes lo que dicen que quieren o proporcionar las funciones de lista de verificación. El primer requisito para una Experiencia de Usuario positiva es satisfacer las necesidades exactas del cliente, sin complicaciones ni molestias. Tras esto se podrá pasar a trabajar en la simplicidad, la elegancia y un diseño visual estético.

      Para lograr una Experiencia de Usuario de calidad, se debe conseguir una coordinación perfecta de los servicios de múltiples disciplinas ingeniería, marketing, diseño gráfico e industrial y diseño de interfaz.

      Un ejemplo de Experiencia de Usuario es la forma que nos hace sentir un e-commerce de venta de tickets. Este sitio web puede ser que esté muy bien diseñado y que sea fácil e intuitivo, de forma que logremos satisfacer la necesidad de obtener el ticket que estamos buscando. Por otro lado, puede ocurrir que el e-commerce esté diseñado sin tener en cuenta la Experiencia de Usuario, por lo que la persona usuaria no logrará comprender la página web y se perderá realizando los pasos necesarios para realizar la compra. En este caso, el producto no logra satisfacer la necesidad de la persona y esta experiencia será negativa y frustrante.

      Dentro de un producto digital, todo aquello que se puede percibir por los sentidos es lo que compone la UI, es decir, la interfaz con la que está en contacto el usuario.

      El diseño de las interfaces de usuario o UI Design en un producto, es lo que se percibe por los sentidos por parte de las personas. Es el punto de contacto específico o activo con el que interactúa el usuario con un producto, incluyendo en ellas las interfaces visuales o de voz.

      El diseño de la interfaz debe tener en cuenta la identidad de marca y la guía de estilo que debe tener un producto para desarrollar su diseño visual, sus iconos, tipografías, colores, ilustraciones y gráficos. Para crear una interfaz de calidad, es necesario que esta permita a los usuarios realizar las funciones que desean dentro de ella. La interfaz deberá poder adaptarse a todas las características y necesidades del usuario, así como facilitar el uso y su comprensión. Toda esta parte estética y visual del producto ayudará a que proporcione una experiencia al cliente satisfactoria.

      Para entender mejor la diferencia entre el diseño de la Experiencia de Usuario y el diseño de Interfaz de Usuario podemos tomar como ejemplo la creación de las tartas que propone el NNGroup. La tarta tiene dos componentes:

      • Un componente visual, que será la decoración que tiene, como por ejemplo una cobertura de chocolate, un glaseado o incluso la forma que tenga la tarta. Esta estética de la tarta compondrá la UI y hará que esta tarta parezca apetecible y que las personas estén dispuestas a comérsela.

      Por otro lado, encontramos la composición de la tarta, es decir, las materias primas que se han utilizado para cocinarla, la forma en la que se ha horneado el bizcocho o incluso si la tarta tiene relleno. Todo esto, va a hacer que la tarta sepa mejor o peor o incluso que se adapte mejor a los gustos de unas personas u otras.

      pasted image 0.png

      Como podemos ver hay grandes diferencias entre el diseño de la interfaz y el diseño de la experiencia, siendo la UI con lo que interactuamos, lo que se ve del producto, y la UX lo que nos transmite el producto y si logra cumplir con lo que las personas esperan de él.

      Estas dos vertientes del diseño deben ir de la mano ya que son aspectos complementarios que garantizarán una buena experiencia a las personas. Imagina que un pastel tiene un buen sabor pero no es estético, será fácil de comer pero difícil de vender. Por otro lado, si el pastel es bonito en el exterior pero no está bien cocinado provocará una reacción negativa en los usuarios.

      Para conseguir diseñar un producto que proporcione experiencias usuario positivas será necesario hacer investigaciones y conocer cuáles son sus necesidades. Esto se conoce como UX Research.

      ¿Cómo podemos conocer las necesidades del usuario?

      El UX Research es una parte fundamental del diseño de Experiencia de Usuario. La investigación de UX abarca una variedad de métodos de análisis utilizados para agregar contexto y conocimiento al proceso de diseño.

      El objetivo principal de la investigación es informar el proceso de diseño desde la perspectiva del usuario final, de forma que se aporte información sobre el contexto en el que el usuario utilizará este producto o servicio y qué necesita de este producto.

      De esta forma el Research es el primer paso que debemos dar en el diseño y nos ayudará a conocer al usuario y tener un contexto sobre sus características y lo que necesita, para después poder comenzar a diseñar un producto centrado en el usuario.

      Sin embargo, generalmente el ser humano no sabe lo que quiere, no sabe expresar cuáles son sus necesidades y desconoce que su percepción está sesgada. Por este motivo no logra verbalizar sus problemáticas y es complicado registrar estas circunstancias.

      Por este motivo, las personas responsables de llevar a cabo la investigación previa al diseño de los productos tienen grandes retos:

      • Entender las necesidades latentes de las personas para crear propuestas de valor.
      • Entender el modelo mental de los usuarios para analizar la UX.
      • Conocer cómo disminuir el riesgo antes de lanzar un producto.
      • Articular la investigación en el menor tiempo posible.
      • Lograr hallazgos que sean útiles y accionables.

      Un ejemplo de un estudio que se puede realizar una persona encargada de Research para un producto digital es realizar un estudio etnográfico o de observación para comprender cómo utilizan los usuarios una aplicación, conocer sus necesidades y desarrollar mejoras en las funcionalidades de esta aplicación.

      Una de las partes más básicas cuando hablamos de diseño de producto digital son el diseño de las pantallas y las interfaces, pero estos términos suelen dar lugar a confusión. A continuación se va a detallar cada una de ellas.

      Diferencias entre pantallas e interfaces

      El diseño de pantalla es la concepción y creación de la interfaz gráfica de usuario. El diseño de pantalla trabaja la composición de los diversos elementos y contenidos que crean la apariencia en su respectiva interfaz.

      La disposición de los elementos que se pueden ver en la pantalla es de suma importancia en el diseño de producto y el diseño de la Experiencia de Usuario. En el diseño de pantallas, la atención se centra en maximizar la usabilidad y accesibilidad para proporcionar experiencias positivas haciendo que la interacción del usuario sea lo más simple y eficiente posible.

      Un ejemplo de pantalla podría ser la pantalla de inicio de Airbnb.

      Captura de Pantalla 2022-05-20 a la(s) 7.22.16 p. m..png
      Fuente: Airbnb

      En esta pantalla podemos ver una distribución de los elementos de la interfaz que nos transmiten los valores de la marca a través de un diseño emocional. Además, la interfaz tiene un diseño sencillo y fácil de comprender, lo que mejora la experiencia de los clientes.

      La interfaz es la conexión que se crea entre un producto y **el usuario que interactúa con él. Este Software permite transformar las señales generadas por el dispositivo o sistema en señales comprensibles por las personas.

      La interfaz es la parte del producto que las personas ven, sienten, tocan y escuchan, que captura la interacción del usuario y se comunica con él. Un buen diseño de Interfaz de Usuario puede ayudar a crear una experiencia específica conociendo el contexto específico de una persona y diseñando en base a los deseos que quiere satisfacer.

      Un ejemplo de interfaz podría ser un asistente inteligente, como Siri o Alexa y en este caso estaríamos hablando de una VUI o una interfaz de voz.

      killian-cartignies-oKb2_15Uc8w-unsplash.jpg

      Para concluir con los términos básicos de diseño vamos a finalizar con los términos diseño de la interacción, que nos ayudará a crear una comunicación con el usuario, y diseño centrado en el usuario, una de las orientaciones más importantes del diseño.

      ¿Qué es el diseño de interacción?

      El diseño de la interacción (IxD) es la práctica de diseñar productos, entornos, sistemas y servicios digitales o físicos partiendo de la información que se ha hallado al explorar cómo los usuarios pueden interactuar con aquello que se esté creando. El Diseño de Interacción es una parte del diseño UX que define la estructura y el comportamiento de los sistemas interactivos.

      El diseño de interacción es una fase en la que ya ha habido un proceso de investigación, un entendimiento del usuario y su contexto, y nos centramos en aplicar los aprendizajes a través del diseño de la interacción humano-máquina. Esta parte del diseño de la Experiencia de Usuario es la que se encarga de examinar concretar las formas en las que las personas y la tecnología responden ante una acción o uso concreto. La interacción tiene 5 dimensiones:

      • Las palabras.
      • Las representaciones visuales o elementos gráficos.
      • Los objetos físicos o el espacio físico, es decir, el contexto de uso.
      • El tiempo que se dedica a una tarea.
      • Los comportamientos de los usuarios.

      Un ejemplo de diseño de interacción podría ser el cambio de pantalla que se produce en una interfaz tras haber seleccionado un botón, por ejemplo, cuando un usuario hace clic en el botón “pagar” y se carga la pantalla de checkout para comenzar el pago de los productos. Esta interacción deberá dejar claro al usuario que se encuentra en una nueva pantalla en la que tendrá que introducir los datos personales y bancarios para continuar con el proceso de compra.

      El diseño de interacción está basado en la creación de una comunicación efectiva con el usuario, de forma que le permitamos lograr sus objetivos.

      Cuando diseñamos productos debemos asegurarnos de tener una visión centrada en las necesidades de las personas y construir productos involucrando a los usuarios en el proceso. A través de la investigación y la iteración de los productos podremos lograr construir productos accesibles y utilizables. Todo esto lo podemos resumir en el término UCD (User Centred Design) o diseño centrado en el usuario.

      ¿Cómo lograr centrar el diseño en el usuario?

      El Diseño Centrado en el Usuario es una filosofía de diseño centrada en la creación de productos que resuelvan necesidades concretas, consiguiendo la mayor satisfacción y mejor experiencia de uso posible con el mínimo esfuerzo. Para conseguirlo es necesario realizar análisis con usuarios para utilizar el enfoque correcto.

      El User Centred Design o Diseño Centrado en el Usuario es una colección de procesos que se llevan a cabo para poner a los usuarios en el centro del diseño y el desarrollo de los productos.

      Cuando creamos DCU debemos tener en cuenta cinco principios esenciales:

      • Comprender los requisitos del usuario de forma que podamos explicar cuáles son las necesidades y problemas a los que se enfrentan nuestros usuarios.
      • Investigar los comportamientos de los usuarios y conocer sus procesos mentales para incorporar los comentarios de los usuarios para definir las funcionalidades del diseño.
      • Conseguir la participación temprana y activa del usuario para evaluar el diseño del producto. Debemos acercarnos a nuestros usuarios reales en las etapas de diseño, prototipado y testeo para recibir su feedback y validar los productos.
      • Trabajar de forma multidisciplinaria para conseguir una la visión de todas las áreas que se pueden integrar en el proceso de diseño. Todos los equipos deben trabajar de forma colaborativa y estar involucrados en las diferentes etapas del diseño.
      • Diseñar de forma iterativa realizando Testing para obtener comentarios y feedback de los usuarios acerca de nuestros productos y poder implementar las mejoras que nos sugieran. Vamos a trabajar en los ajustes necesarios para solucionar los problemas que aún no resolvemos.

      Por otro lado, hay varios elementos esenciales que componen el DCU:

      • Visibilidad: Todos los usuarios deben poder ver desde el principio qué pueden hacer con el producto que estamos ofreciendo.
      • Accesibilidad: Los usuarios deben poder encontrar la información fácil y rápida.
      • Legibilidad: El texto debe ser el más fácil de leer.
      • Idioma: Tono y voz con el que nos comunicaremos con el usuario.

      Un ejemplo de un diseño centrado en el usuario puede ser la herramienta Trello ya que la interfaz solo muestra características y elementos que benefician al usuario convirtiéndola en una herramienta sencilla e intuitiva.

      CONCLUSIÓN:

      Para lograr un diseño adecuado es esencial asegurarnos de tener una visión centrada en las necesidades de las personas y construir productos involucrando a los usuarios en el proceso. Para ello debemos realizar investigaciones e iterar los productos hasta lograr construir productos accesibles y utilizables. No solo es esencial diseñar interfaces y pantallas, el Research previo y el testeo con usuarios es esencial para conseguir un diseño centrado en el usuario.

      RETO:

      Escoge un producto digital que sea un diseño centrado en el usuario y explica los motivos por los que crees que es un buen diseño. Ahora escoge al menos 5 interacciones que se produzcan en la interfaz del producto y comenta el lenguaje que se utiliza en ellas .

      Comentarios

        Raul Chullo Valeriano

        Raul Chullo Valeriano

        student•
        hace 4 años

        La pagina web de Netflix, es muy minimalista, fácil de usar y al inicio te brinda una introducción de lo que estas a punto de elegir.

        1. Sección Favoritos
        2. Sección Recomendados
        3. Option previsualizar
        4. Selection de idioma de subtítulos y audio.
        5. Opción buscar un contenido en especifico

        Las características juegan con lo que los usuarios quieren Juan con la visibilidad, facilidad de encontrar contenido requerido.

        Andrea Reyes

        Andrea Reyes

        student•
        hace 4 años

        La aplicación de Duolingo, es sencilla de entender, la interacción esa diseñada para que sea divertido aprender

        1. Es muy intuitiva y fácil de usar
        2. Los niveles de aprendizaje, están diseñados para que te den la sensación de que estás avanzando como se percibe en un videojuego.
        3. Tiene ilustraciones y colores llamativos para qué la persona que está aprendiendo lo perciba como algo divertido.
        4. Las animaciones están muy bien realizadas que apoya la interacción que el usuario tiene con la aplicación.
        5. Ofrece la oportunidad de contactar amigos y seguirlos, adicional que puedes verificar su avance y compararlo con el tuyo.
        6. Los sonidos de la app apoyan el punto de contacto entre usuario y la aplicación.
        7. Su diseño visual está muy bien logrado, ya que permite la identidad de la marca.
        8. El contenido está bien distribuido para que el usuario no lo considere pesado o largo. 9 La disposición de los elementos está bien diseñado, puesto que el usuario logra interactuar con cada sección y elemento de la misma de una manera fácil y simple.
        Elder José López López

        Elder José López López

        student•
        hace 4 años

        Tiktok es una droga en gran parte debido a que usa una simbología muy común y con acciones predecibles para sus botones. Haciendo que personas que nunca hayan usado la aplicación entiendan su uso al instante.   La interacción esta estratégicamente colocada para que este al alcance de la mano derecha al usar el móvil en modo vertical(la forma mas orgánica de sostener un teléfono), eso teniendo en cuenta que aproximadamente del 70% al 95% de la humanidad no es zurda.   Interacciones: Seguir usuario, Recomendar, Comentar, Compartir and Swype. Aunque aun no entiendo ¿A que se refiere con el lenguaje que se utiliza en la interfaz?  

        Alejandra Sarahí Monroy Vélazquez

        Alejandra Sarahí Monroy Vélazquez

        student•
        hace 4 años

        La aplicación de Banco Azteca es una app centrada en el usuario, considero que hay muchos puntos que favorecen a la aplicación:

        • Es facil de usar y muy intuitiva
        • Cuenta con varias funcionalidades, además de las tipicas como las transferencias, consultas de saldo, envios de dinero, etc. También se pueden realizar pagos de servicios, recarga de tiempo aire, entre otros.
        • Permite personalizar las operaciones frecuentes, además de agregar contactos a los cuales envias frecuentemente, programar envíos o cobros entre otras cosas.
        • El soporte de la app es bastante accesible y sencillo de utilizar.
        • Cuando se realiza una acción la propia app te va enumerando los pasos y te muestra una barra de progreso casi imperceptible pero si visible en la zona superior, por lo que eso te hace sentir guiado y te da el suficiente feedback para sentirte cómodo en la navegación.
        • También cuenta con personalización de apariencia para no dañar la vista.
        • Puedes realizar operaciones con usuarios que esten cerca de ti.

        Interacciones dentro de la app:

        • Al iniciar sesión muestra una pantalla de carga, con una animación.
        • Al proceder al pago de algo, te muestra una pantalla con un resumen de los datos y al momento de dar click al aceptar también muestra una animación.
        • Al realizar una operación la barra de progreso se va llenando.
        app banco.png
          Alejandro Guiberra

          Alejandro Guiberra

          student•
          hace 4 años

          ¡Gracias por tu aporte esto era información que justo ahorita necesito para mi trabajo! No sabía que estaba tan bien hecha su app, ¡me sorprende! La puedes comparar con otra aplicación de banca en línea o tipo wallet? En particular el ecosistema de BBVA me parece muy bueno, además de las UI de otros neobancos como Fondeadora

        Ramón Ruiz

        Ramón Ruiz

        student•
        hace 3 años

        Términos básicos de diseño y experiencia de usuario

        La Experiencia de Usuario en diseño

        El UX design se encarga de crear experiencias positivas en el uso de un producto con procesos de investigación y testing. La mayor parte de las funciones tienen que ver con la interacción entre el usuario y el producto.

        El diseño UX trata de conseguir que el producto sea:

        • Fácil
        • Intuitivo
        • Valioso para el usuario

        El UX design abarca todo el proceso desde la captación de información hasta la creación del producto.

        UX(Experiencia de usuario) son las respuestas o percepciones por el uso del producto durante y después de este uso, englobando el ambiente, contexto o entorno en el que se utiliza el producto.

        La UX incluye:

        • Emociones
        • Creencias
        • Preferencias
        • Percepciones
        • Respuestas físicas y psicológicas
        • Comportamientos
        • Logros

        La UX abarca todos los aspectos de la interacción del usuario final con el producto digital. Los aspectos del producto en la UX son:

        • Usabilidad
        • Diseño visual
        • Diseño centrado en el usuario
        • Estrategia de contenido
        • Arquitectura de la información
        • Empatía

        Al satisfacer las necesidades exactas del cliente, sin molestias se obtendrá una UX efectiva. Esto lo logramos coordinando los siguientes equipos:

        • Ingeniería
        • Marketing
        • Diseño gráfico
        • UX

        UI es todo aquello que podemos percibir del producto por medio de los sentidos, es la interfaz que tiene contacto con el usuario. Esto incluye interfaces visuales y de voz.

        Lo que debemos tener en cuenta en el diseño de interfaz es:

        • Identidad de la marca
        • Guía de estilo
        • Diseño visual
        • Iconos
        • Tipografías
        • Colores
        • Ilustraciones
        • Gráficos

        Un diseño de Interfaz efectivo puede adaptarse a todas las necesidades del usuario, facilitando su uso y comprensión.

        UX y UI van muy de la mano, siendo la UI con la que interactuamos con el producto y UX lo que el producto nos transmite.

        ¿Cómo podemos conocer las necesidades del usuario?

        UX Research es la forma con la que investigamos que necesidades tiene nuestros usuarios. Su objetivo es informar el proceso de diseño desde la perspectiva del usuario final, así sabiendo que contexto y necesidad tendrá el usuario con el producto. Siendo así el primer paso para empezar a diseñar.

        Aún que a veces los usuarios no saben que quieren por lo que el UX Research se enfrenta a grandes retos como:

        • Entender necesidades latentes
        • Entender modelos mentales
        • Disminuir riesgos
        • Disminuir el tiempo de investigación.
        • Obtener información útil y accionable.

        Diferencias entre pantallas e interfaces

        Diseño de pantalla es la composición de elementos y contenido que crea la apariencia de la interfaz. Donde centramos nuestra atención en la usabilidad y accesibilidad creando una experiencia positiva con una interacción simple y eficaz.

        Interfaz es crear una conexión entre un producto y el usuario, transformando las señales del dispositivo por algo comprensible para las personas. Siendo la parte del producto donde:

        • Vez
        • Sientes
        • Tocas
        • Escuchas

        ¿Qué es el diseño de interacción?

        IX design es la forma de diseñar productos, entornos, sistemas y servicios en base a la información que tenemos de como los usuarios interactúan con el producto. Siendo una parte de UX que define la estructura y comportamiento de los sistemas interactivos. Usando nuestro conocimiento obtenido de investigación previa para entender la interacción que podemos lograr humano máquina.

        La interacción tiene 5 dimensiones

        • Palabras
        • Representaciones visuales
        • Objetos físicos
        • Tiempo
        • Comportamiento

        El diseño de interacción crea la comunicación efectiva con el usuario para que este logre cumplir sus objetivos.

        ¿Cómo lograr centrar el diseño en el usuario?

        UCD (Diseño centrado en el usuario) es la forma en la que centramos nuestra atención en resolver las necesidades exactas del usuario, consiguiendo la mayor satisfacción con el producto, teniendo el menor esfuerzo.

        5 Principios esenciales del DCU:

        • Comprender los requisitos del usuario para poder explicar sus necesidades y problemas.
        • Investigar comportamientos.
        • Participación temprana y activa del usuario.
        • Trabajar de forma multidisciplinaria.
        • Diseñar de forma iterativa realizando testing para lograr feedback.

        4 Elementos esenciales del DCU:

        • Visibilidad
        • Accesibilidad
        • Legibilidad
        • Idioma
        Pedro Isaac Aguilar

        Pedro Isaac Aguilar

        student•
        hace 4 años

        La interfaz de Figma está centrada en el usuario, que usualmente son los diseñadores UI/UX y desarrolladores, al sólo mostrar unos pocos botones de herramientas sin saturar la vista del creador que trabaja en ella. Tiene una interfaz intuitiva, amigable con el usuario, minimalista y muy limpia visualmente. . El usuario tienen a la mano cada herramienta de manera sencilla y muchas veces es hasta más fácil de ubicar cada elemento que en programas de Adobe incluso, los cuales tienen más ventanas y casillas interpuestas o flotantes, algo que Figma simplificó en las columnas laterales.

        Arturo Ortiz Villegas

        Arturo Ortiz Villegas

        student•
        hace 4 años

        Una producto digital que es muy centrado en el usuario productivo es Notion.

        Oscar David Torres C.

        Oscar David Torres C.

        student•
        hace 4 años

        Mercadolibre

        Considero que es una plataforma de fácil usabilidad que permite encontrar y adquirir el producto que necesito. Tiene todas las cualidad de un producto pensado en el usuario, puesto que, tiene listas de categoría, filtros, promociones, destacados, rankings entre otros.

        1. Ofertas Ultimas búsqueda Pasarela de pagos Historial de compras Favoritos
        Camila Ossa

        Camila Ossa

        student•
        hace 3 años

        Whatsapp: Es un buen diseño porque al ingresar directamente se encuentra en la sección del chat, que es lo que le interesa al usuario, si uno quiero acceder a las otras secciones o pantallas pues se encuentra al alcance del usuario, éstas son: comunidad, updates y llamadas, entonces:

        • Sencillo de entender
        • Fácil de usar
        • Pantallas organizadas
        • Accesos rápidos
        • Acompañamiento ante nuevas actualizaciones
        ANDRES PRADA

        ANDRES PRADA

        student•
        hace 3 años
        airbnb.png

        Airbnb es un producto digital donde su diseño esta centrado en el usuario, ya que permite de una manera, agil, facil e intuitiva conseguir lo que deseas o buscas mas rapido y de forma satisfactoria.

        Ana María Contreras Pantoja

        Ana María Contreras Pantoja

        student•
        hace 4 años

        La aplicación de NEQUI me parece que es un producto digital centrado en el usuario, ya que tiene se identifica cuales son las acciones que se puede hacer y cuales son los productos que pueden utilizar, además, es una de las aplicaciones bancarias en la que se puede verificar si el dinero que se manda es para la persona a la que se le envía.

        1. Visualización total del dinero en la cuenta
        2. Sección de ahorro y tarjeta débito
        3. Sección de enviar, sacar, pedir o escanear el código QR.
        4. Validación de cuentas
        5. Sección de servicios. La comunicación que maneja Nequi es jovial y cercana que parece como si estuvieras hablando con tu amigo.
        Carlos Eduardo Granada Galvis

        Carlos Eduardo Granada Galvis

        student•
        hace 4 años

        Spotify y Pinterest en sus versiones móviles. Ambas APPs cuentan con un diseño simple, menús simplificados y un uso bastante sencillo. Ambas aplicaciones me permiten organizar mis elementos favoritos de manera sencilla en carpetas personalizadas que se pueden crear en apeas tres tiempos. Las recomendaciones tanto de imágenes como de música están altamente optimizadas según el contenido con el que interactúo permitiéndome conocer más y en algunos casos mejor contenido adaptado a mis gustos.

        Miguel Angel Reyes Moreno

        Miguel Angel Reyes Moreno

        student•
        hace un mes

        La aplicación de Spotify. Aquí podemos buscar canciones, cantantes, géneros musicales, podcasts. Además de escuchar, podemos darle like o dislike a lo que escuchamos para mejorar el algoritmo de recomendación de nuestros gustos. Podemos crear listas de reproducción y compartir las canciones con nuestros contactos.

        Daniel Steven Carrera Osorno

        Daniel Steven Carrera Osorno

        student•
        hace un mes

        El videojuego "Mini Metro" en su interfaz es bastante minimalista, su diseño hace uso de las convenciones globales de transporte para ilustrar los distintos elementos del mismo. Cuenta con una distribución de contenido equilibrada y ordenada de fácil aprendizaje y entendimiento. Aunque todos los niveles y escenarios pudiesen sentirse repetitivos, hace uso de simplificaciones de relieve que añaden suficiente diferenciación para conseguir un efecto representativo en cada uno.

        Nathaly Milena Zelaya Caballero

        Nathaly Milena Zelaya Caballero

        student•
        hace 3 meses

        WhattsApp:

        • Confirmación de lectura: Al enviar un mensaje, la interfaz usa lenguaje visual mediante "checks" (gris para enviado/recibido, azul para leído) para informar el estado sin usar palabras.
        • Realizar una llamada: Al tocar el ícono del teléfono, la pantalla cambia y usa lenguaje escrito ("Llamando") junto con la foto de perfil. Al contestar, el texto cambia a un cronómetro, dándote retroalimentación en la dimensión del tiempo.
        • Subir un Estado: Al elegir el tipo de contenido, la app te guía con íconos (lenguaje visual). Al publicarlo, un círculo animado muestra el progreso de carga, y un ícono de un "ojo" te indica numéricamente quién lo vio.
        • Cambiar la foto de perfil: Al tocar tu foto actual, la interfaz despliega un menú emergente (lenguaje visual y escrito) con íconos universales. Esto hace que las opciones de "cambiar" o "eliminar" sean obvias e intuitivas.
        • Configurar la privacidad de los Estados: Al entrar a los ajustes, la interfaz utiliza un lenguaje escrito muy claro combinado con botones de selección (lenguaje visual) para elegir exactamente quién puede ver tu contenido ("Mis contactos", "Mis contactos excepto...", etc.). Esto transmite tranquilidad y control inmediato al usuario.
        Austen Bernard

        Austen Bernard

        student•
        hace 6 meses
        •
        editado

        I had trouble sorting through UI UX design companies in USA because search results can feel messy. This link gives a list that is more organized and simple to read. It helped me see which teams focus on apps, websites, or bigger digital products. I like that it shows many firms, not just one or two. If someone is planning a project and wants to see options side by side, this page may help. It does not feel pushy or confusing, just clear and useful.

        Alejandro Velasco casco

        Alejandro Velasco casco

        student•
        hace 4 años

        no me queda muy en claro la diferencia entre "pantalla" e "interfaz"

          Susana Cao Triñanes

          Susana Cao Triñanes

          student•
          hace 4 años

          Yo lo entiendo de forma que "Pantalla" es la gráfica de lo que vemos (por ejemplo, el fondo azul de Platzi, los botones con un azul más claro, mensajes en verde...); y la "Interfaz" es ese conjunto de gráficos en interacción con el usuario/a; es decir, el software con el que interactuamos al, por ejemplo, estudiar en Platzi (clicamos en botones, vemos la pantalla y leemos, escuchamos...).

          Puede que con esta explicación lo entiendas mejor:

          Una interfaz (interfaces, en plural) se utiliza en informática para nombrar a la conexión funcional entre dos sistemas, programas, dispositivos o componentes de cualquier tipo, que proporciona una comunicación de distintos niveles, permitiendo el intercambio de información. Ejemplos de interfaces en informática son las interfaces de usuario (entre computadora y persona), como sería una pantalla o un ratón (en el caso de hardware) o la ventana gráfica de un programa con el que se interactúa (en el caso de software)

        Omar Lara

        Omar Lara

        student•
        hace un año

        Domestika presenta una interfaz altamente funcional, con una jerarquía tipográfica bien definida, lo que facilita la exploración del contenido y la priorización de información. La tipografía utilizada es versátil, legible y coherente, con un contraste cromático eficaz que mejora la accesibilidad y lectura prolongada en distintos dispositivos. El tono de los textos es claro, directo y empático, alineado con los principios de UX Writing, lo cual guía al usuario sin generar fricción.

        La landing page está estructurada de manera modular e intuitiva, incorporando categorías personalizadas como:

        Mis cursos

        Cursos recomendados

        Novedades

        Something to learn

        Cada bloque cuenta con imágenes contextuales de alta calidad, que refuerzan el contenido del curso mediante un sistema visual semántico que facilita la comprensión sin necesidad de texto adicional.

        La plataforma tiene un diseño responsivo, optimizado para dispositivos móviles, laptops y desktop. Esto permite una experiencia fluida sin importar el punto de acceso.

        Desde la investigación de contexto, se puede inferir que los entornos de uso más frecuentes son espacios tranquilos y controlados: habitaciones, oficinas, bibliotecas o zonas abiertas con bajo nivel de ruido, ya que el producto está pensado para el aprendizaje prolongado y técnico.

        Domestika está diseñada para sesiones largas de interacción, propias de entornos educativos digitales. Los usuarios suelen pausar, retroceder o repetir contenido mientras siguen videotutoriales paso a paso, lo que implica que la plataforma ofrece resiliencia cognitiva y control de flujo, aspectos clave en el diseño UX educativo.

        Además, la estructura de navegación promueve la exploración autónoma, permitiendo al usuario construir su propio itinerario formativo a través de diversas disciplinas como diseño gráfico, ilustración, animación, programación, fotografía y más.

        El modelo de Domestika ofrece acceso a formación especializada a bajo costo, lo que incrementa el valor percibido, y actúa como motivador para usuarios que desean actualizar sus competencias profesionales de forma flexible y a su propio ritmo. Esto fortalece la percepción de autonomía, accesibilidad e inclusión digital, elementos fundamentales en experiencias educativas digitales exitosas.

        Marcos Alejandro

        Marcos Alejandro

        student•
        hace un año

        App bien diseñada: Pinterest

        La considero bien diseñada porque es visualmente atractiva, intuitiva y se adapta a mis intereses. Me ayuda a encontrar ideas útiles y organizar lo que me gusta de forma sencilla.

        5 interacciones destacadas:

        1. "Para ti": recomendaciones personalizadas según mi historial.
        2. "Carpetas creadas": organización clara de mis ideas guardadas.
        3. Íconos inferiores: navegación simple con símbolos reconocibles.
        4. Sugerencias de tableros: me invita a descubrir contenido afín.
        5. Creación de contenido: fácil armar pines, collages y tableros.
        Sandry Valentina Pino Prada

        Sandry Valentina Pino Prada

        student•
        hace un año

        Disney+ Secdestaca por su diseño intuitivo y accesible, adecuado para todas las edades. Ofrece:

        • Perfiles personalizados: hasta 7 perfiles con avatares.
        • Recomendaciones inteligentes: contenido sugerido según el historial.
        • Descargas offline: permite descargar peliculas sin conexión.
        • Idiomas y accesibilidad: opciones de audio y subtítulos inclusivos.
        • Búsqueda rápida: Su buscador te ayuda a encontrar títulos y personajes con facilidad.