# data[].attributes.body
Experiencia de usuario (UX) es la impresión que un usuario tiene al relacionarse con una marca, con una empresa o con un producto o servicio. En muchos mercados se relaciona más UX con interfaces digitales (aplicaciones móviles o web), pero en realidad la experiencia de usuario se forma con todo lo que está alrededor de la interacción de un usuario con una determinada empresa, desde que busca en Google la web de esa empresa o del producto que ofrece, hasta cuando llama por teléfono a su call center, busca estacionamiento en la sucursal, espera en el mostrador, solicita un cambio por un producto defectuoso o comparte su experiencia en Facebook o Twitter.

Ahora, diseño de experiencia (UX Design) es el proceso para determinar cómo va a ser la experiencia de un usuario cuando use un producto, tratando de que sea lo más útil y placentera posible. Este proceso implica no solo “pensar como los usuarios” sino involucrar a los usuarios reales en el proceso de diseño y desarrollo de productos y servicios. “UX sin los Usuarios es solo X”. Este proceso surgió de la necesidad de unir lo que ofrecen las empresas con las necesidades de los usuarios a los que apuntan los productos o servicios de estas empresas.

# data[].attributes.attachment_link.readable_text
A diario nuestras estudiantes y nuestra comunidad nos preguntan qué es un UX Designer y qué hace esta persona. Simplificando, un UX Designer es un profesional que trabaja haciendo UX Design (duh). Entonces...

¿Qué es ser una UX Designer?

Parecerá una cadena, pero, vamos por partes. Para poder entender UX Design, primero tenemos que entender qué es UX. Experiencia de usuario (UX) es la impresión que un usuario tiene al relacionarse con una marca, con una empresa o con un producto o servicio. En muchos mercados se relaciona más UX con interfaces digitales (aplicaciones móviles o web), pero en realidad la experiencia de usuario se forma con todo lo que está alrededor de la interacción de un usuario con una determinada empresa, desde que busca en Google la web de esa empresa o del producto que ofrece, hasta cuando llama por teléfono a su call center, busca estacionamiento en la sucursal, espera en el mostrador, solicita un cambio por un producto defectuoso o comparte su experiencia en Facebook o Twitter.

Ahora, diseño de experiencia (UX Design) es el proceso para determinar cómo va a ser la experiencia de un usuario cuando use un producto, tratando de que sea lo más útil y placentera posible. Este proceso implica no solo "pensar como los usuarios" sino involucrar a los usuarios reales en el proceso de diseño y desarrollo de productos y servicios. "UX sin los Usuarios es solo X". Este proceso surgió de la necesidad de unir lo que ofrecen las empresas con las necesidades de los usuarios a los que apuntan los productos o servicios de estas empresas.

Genial, ya sabes que un UX Designer pasa su tiempo trabajando en el diseño de la experiencia que los usuarios viven cuando utilizan los productos, pero, ¿qué actividades realiza dentro de este proceso?

Una encuesta de Loop11 nos muestra las tareas que los UX Designer dicen realizar con frecuencia.

Tareas realizadas por distintos UX Designers

En Laboratoria las agrupamos en 3 categorías:

Un UX Designer está en constante research (investigación). El UX Designer busca conocer al usuario y su contexto. Investiga sobre los usuarios observando su conducta o entrevistándolos. Busca generar empatía con ellos y averiguar: ¿qué quieren conseguir?, ¿cuándo utilizan el producto?, ¿por qué deciden usarlo?, ¿qué les frustra?, ¿qué beneficio les aporta?, ¿cómo se sienten?.

La investigación es la base del éxito. Aron Walter, VP of Design Education at Invision, nos dice "si usted no tiene tiempo para hablar con sus clientes, usted no tiene tiempo para el éxito. Si no conoce a sus clientes, de ninguna manera puede solucionar su problema."

Los UX Designer sustentan o al menos intentan sustentar todas sus decisiones de diseño en los resultados de su constante investigación. Incluso, hay quienes comparan el trabajo en research con el trabajo de un detective: "los detectives deben ser exhaustivos, precisos y tener evidencia para respaldar sus reclamos. Resuelven sus casos no en el laboratorio, sino en el campo: hablan con la gente, hacen preguntas, comprenden motivaciones y buscan pistas de comportamiento."
2. Ideación
Para crear soluciones, los UX Designers necesitan la información de los usuarios, pero también necesitan entender sobre el negocio para el cual trabajan y sobre las tecnologías disponibles para resolver el problema. En muchos casos, la parte de negocios y de tecnología son limitantes que hacen que fluya la creatividad y la capacidad de resolver problemas del UX Designer.

Con todo esto, el UX Designer analiza y define qué es lo importante e idea soluciones y define qué hará para responder a las necesidades que los usuarios tienen. Idea y prioriza qué características serían más útiles para la necesidad principal del usuario, qué contenido hace falta, cómo se podría entregar una solución a los usuarios: será un app, una web, un servicio o nuevo proceso.
3. Prototipado / Diseño
Esta actividad es, a veces, complicada de independizar, ya que fácilmente podría formar parte de la investigación o de la ideación. En esta etapa, los UX Designers crean prototipos en distintas fidelidades, utilizando desde papel y lápiz hasta herramientas de diseño complejas como Framer o Principle. Tienen en cuenta los fundamentos de diseño visual y las heurísticas de usabilidad. Todo esto, de la forma más ágil posible para poder lanzar el producto rápidamente, aprender de la respuesta del mercado, mejorar, seguir midiendo el uso y mejorando el producto.

Nota adicional: el UX Design es un trabajo en equipo, es super complicado que un UX Designer resuelva todo por si solo. Un buen UX Designer involucra a todo el equipo (desarrolladores, product managers, project managers, analistas de negocios) en las distintas etapas de su trabajo.

Creemos que serás una súper UX Designer si tienes o estás dispuesta a desarrollar:

Ganas de aprender

Curiosidad

Empatía

Trabajo en equipo

Habilidades de comunicación

Diseñar soluciones

En este video algunos expertos de la industria nos explican las características que ellos ven en un UX Designer.

Las herramientas que usan los UX Designers varían de acuerdo al contexto en el que trabaja. Hay muchas herramientas disponibles y cada día salen herramientas nuevas. Las herramientas que usan los UX Designers son como las apps de email o los editores de texto, cada cierto tiempo aparecen nuevas con sus pros y sus contras. Sin embargo, si observamos a UX Designers en su día a día encontraremos que las herramientas que más utilizan son papel, lápiz, pizarras, marcadores/plumones y post its, muchos post its.

UX Desginers en el Talent Fest CDMX

Además, esta puede ser una lista introductoria de algunas herramientas útiles para el trabajo en UX Design.

Después de pasar por la especialización de UX Design conocerás muchas de estas herramientas y sabrás cuándo es mejor usar una sobre la otra o cuáles se complementan mejor entre ellas.

Sí y mucha. No abriríamos una especialización en UX Design si no hubiera demanda. Además, las UX Designers son un talento complementario a las front-end developers que hemos formado por casi 3 años. Empresas grandes como bancos, aseguradoras, retails, aerolíneas, así como nuevos emprendimientos (start ups) se han dado cuenta que la experiencia es un diferenciador clave para sus negocios y están formando equipos de UX Design cada vez más grandes.

Para estas empresas, el diseño ha dejado de verse como un proceso artístico y decorativo para pasar a ser una herramienta muy potente en la cual basar su estrategia. De hecho, la performance de las compañías con una visión centrada en el diseño es mucho mayor que el promedio del índice S&P.

"Las empresas más innovadoras del mundo comparten algo en común. Usan el diseño como un recurso integrador para innovar de manera más eficiente y exitosa ." - Michael Westcott, Design Management Institute

Como todo lo que se aprende en Laboratoria tenemos:

Una malla de contenidos ajustada a los requerimientos de las empresas que están buscando UX Designers en Latinoamérica, y que está complementada por las tendencias globales en este campo.

Instructores súper capos/secos con una gran experiencia en el campo.

Una experiencia de aprendizaje basada en productos. Para que obtengas práctica en el uso de las herramientas y metodologías de UX Design trabajarás en problemas reales.

Además, te prometemos que:

Ningún día será igual al otro

Verás el mundo con otros ojos

Nunca acabarás de aprender

Harás un bien a la humanidad

De mucho. De hecho saber de programación y de maquetación te ayudará mucho en cualquier rol que te desempeñes. Los "coding skills" son cada vez más demandados en trabajos fuera del desarrollo de software. El saber cómo funciona por detrás el producto en el que trabajas te ayudará para comunicarte mejor con tus compañeros developers y para tener autonomía para añadir scripts y fórmulas de analítica como Mixpanel o para hacer cambios rápidos que ayuden a tener interfaces "pixel perfect" o para crear tus propios sitios webs o incluso empezar tu propia start up.

Depende de la empresa donde trabajes, en empresas más pequeñas o nuevas normalmente buscan generalistas - personas que sepan y hagan un poco de todo - y en empresas más grandes buscan especialistas - personas cuya experiencia esté más desarrollada en una sola área. En el primer caso, podemos encontrar puestos como UX Developer o UX Engineer o simplemente descripciones de puestos que hagan Front-end y UX. Y tampoco es raro encontrar puestos muy especializados como React Developer, Angular Developer, UX Researcher o UX Writer. Sin embargo, la relación entre Front-end Developer o UX Designer será siempre cercana en el desarrollo de productos digitales, independientemente de si eres el FED o UXD, y saber un poco de código y/o un poco de diseño será muy beneficioso para facilitar la comunicación entre ambas.

Mira este video de Valeria de León, egresada de Laboratoria en México, quién nos cuenta qué es lo que hace como UX Designer en Crowdbotics.

Este blog post ha sido escrito con la colaboración de Claire Ledgard, Lead UX Instructor en Laboratoria.

# data[].attributes.attachment_link.description
A diario nuestras estudiantes y nuestra comunidad nos preguntan qué es un UX Designer y qué hace esta persona. Simplificando, un UX Designer es un profesional que trabaja haciendo UX Design (duh). Entonces... Parecerá una cadena, pero, vamos por partes. Para poder entender UX Design, primero tenemos que entender qué es UX.

# data[].attributes.headline
Ejemplo de un diseño UX: Samsung OneUI: 

# data[].attributes.subject
Ejemplo de un diseño UX: Samsung OneUI: 

# data[].attributes.attachment_link.readable_text
Actualmente no hay mucho que no puedas hacer con un smartphone, desde filmar escenas importantes hasta realizar operaciones bancarias desde cualquier lugar con solo unos toques. A pesar de ello siempre hay lugar para mejorar y Samsung Electronics está buscando constantemente que la experiencia del teléfono inteligente sea más intuitiva para ayudarnos a hacer aún más. Por eso, creó One UI. Presentado en noviembre de 2018, One UI mejoró la funcionalidad de los teléfonos inteligentes para millones de usuarios. Luego de dos años de evolución, Samsung lanzó One UI 3 en diciembre de 2020 basándose en el diseño, la eficiencia y en la experiencia del usuario del primero a través de varios dispositivos. Ahora, Samsung está subiendo el nivel una vez más con One UI 3.1. Desde el pasado 18 de febrero, el último One UI brinda actualizaciones para permitir una potente funcionalidad para algunos smartphones. [1] Entonces, ¿qué tipo de experiencia los usuarios pueden disfrutar con One UI 3? Samsung Mobile Press se sentó con los diseñadores de One UI para preguntarles qué podemos esperar.

Los cuatro principios del One UI

1) Enfoque en la tarea actual

2) Interacción natural

3) Cómodo de ver

4) Hacer que las cosas sean responsivas

Estos cuatro principios fueron establecidos por los diseñadores de One UI para brindar a los usuarios la mejor experiencia posible.

▲ Jeonggun Choi, Diseñador Principal de UX en el Grupo Principal de UX de Negocios de Comunicaciones Móviles en Samsung Electronics

El cuarto principio es uno completamente nuevo introducido para One UI 3.1.

"Desde tabletas hasta teléfonos plegables y teléfonos inteligentes regulares, los tipos de dispositivos que la gente usa se han diversificado y la cantidad de características y funciones también ha aumentado", dijo el Diseñador Principal de UX, Jeonggun Choi. "Siguiendo esta tendencia, se necesitaban nuevos principios para proporcionar el mejor diseño para nuestros usuarios". Ya sea que una aplicación se ejecute en Galaxy S21, Galaxy Tab o en la serie Galaxy Z plegable, la interfaz del usuario está optimizada para cada dispositivo.

Por ejemplo, al usar la aplicación Samsung Notes en smartphones con pantallas de tamaño normal, los usuarios pueden acceder al menú de la aplicación presionando el botón de navegación en la parte superior izquierda de la pantalla. Sin embargo, en las series Galaxy Z Fold y Tab, los usuarios pueden aprovechar la pantalla más grande al tener todo el menú siempre a la vista, sin tener que presionar nada.

▲ Vistas antes (izquierda) y después (derecha) de la función de menú de alto contraste

Como parte del cuarto principio, Samsung también mejoró la experiencia de accesibilidad al recomendar funciones que complementan las que están en uso. Por ejemplo, cuando alguien con problemas de visión, o debilidad visual, tiene las fuentes de alto contraste activadas, One UI sugiere otras funciones que mejoran la visibilidad, como la fuente Bold o el modo Dark en la pantalla 'Recommended for you'. Una UI también reduce la molestia de tener que clasificar varios menús al permitir a los usuarios desactivar cualquier función de accesibilidad que estén usando desde una sola pantalla.

"Las funciones de accesibilidad son tan diversas que a menudo puede resultar difícil utilizarlas en todo su potencial", dijo Jeonggun Choi. "La función 'Recommended for you' aumenta la comodidad y ayuda a los usuarios a sacar más provecho de esas funciones al identificar y recomendar las que los usuarios puedan necesitar. También hemos facilitado el uso de estas funciones solamente cuendo son necesarias al permitir que los usuarios activen y desactiven las funciones mientras están usando una página".

El ecosistema Galaxy permite una conectividad continua entre dispositivos

Otro beneficio que One UI 3 ofrece es la capacidad de cambiar sin problemas entre smartphones, tabletas y computadoras portátiles. Teniendo en cuenta el mayor uso de tabletas y computadoras portátiles, impulsado por un auge en el aprendizaje y el trabajo a distancia, la nueva actualización proporciona una "experiencia de dispositivo conectado". Por lo que este ecosistema continuo es fundamental para mejorar la productividad de los estudios y del trabajo.

"Se agregó una nueva función llamada 'Continue apps on other devices' [2] para que los usuarios puedan continuar con lo que estaban haciendo en su smartphone en su tableta, ya sea navegando en una página web o trabajando en un borrador en Samsung Notes", dijo la Diseñadora Principal de UX Min-Young Chang. "Los usuarios también pueden copiar texto en su teléfono inteligente y pegarlo en su tableta".

Además, los usuarios pueden enlazar su cubierta de teclado a su tableta y a su teléfono inteligente con la función Wireless keyboard sharing. La nueva función Auto Switch también conecta automáticamente los Galaxy Buds con cualquier dispositivo que esté en reproducción, para que los usuarios puedan cambiar sin problemas entre sus smartphones y tabletas.

Las experiencias de dispositivos conectados, además de estar disponibles en dispositivos móviles, también son compatibles con electrodomésticos, como televisiones. Además con One UI 3, los usuarios pueden usar Smart View para disfrutar del contenido de su smartphone en su televisión junto con la transmisión de la cámara desde su smartphone. Esto es especialmente útil para los usuarios que hacen ejercicio en casa, ya que les permite comparar sus movimientos con los de su instructor virtual.

"A partir de la actualización del One UI 3.1, los usuarios pueden enviar sus videollamadas de Google Duo a su televisor con un solo clic", dijo Jeonggun Choi. "Con un número cada vez mayor de personas que se conectan con su familia a través de videollamadas y realizan reuniones de trabajo virtuales, esta es una característica especialmente útil".

Una experiencia Galaxy personalizable para satisfacer sus necesidades

Los smartphones ya no son solo una herramienta que brinda a los usuarios el poder de realizar varias tareas, se han convertido en un medio de expresión. Quizás, el mejor ejemplo sea decorar Galaxy Z Flip con estampas para crear un teléfono único, pero hay muchas formas de crear una experiencia de smartphone personalizada con las últimas actualizaciones. "Hemos implementado una amplia gama de funciones para permitir que los usuarios utilicen su smartphone como una forma de expresión", dijo Jeonggun Choi. "Los usuarios pueden disfrutar de una experiencia Galaxy personalizada eligiendo un video como pantalla de llamadas entrantes y salientes o cambiando el fondo de pantalla en la aplicación Messages".

▲ Vistas antes (izquierda) y después (derecha) de quick panel. El diseño se simplificó y se colocaron los iconos usados para acelerar el proceso de búsqueda. Los usuarios pueden agregar otros íconos haciendo clic en el botón 'See more' en el rincón superior derecho.

"Primero analizamos el uso de cada función en modelos anteriores", dijo Min-Young Chang. "Después de clasificar las funciones con base a su popularidad, ubicamos las más utilizadas en la parte superior y ocultamos las menos utilizadas para simplificar el panel".

Ahorro de tiempo, incluso si es solo uno segundo

▲ Min-Young Chang, Diseñadora Principal de UX en el Grupo de Diseño de UX 2 de Negocios de Comunicaciones Móviles en Samsung Electronics

Otra característica actualizada disponible a través del One UI 3.1 es la integración de la aplicación Clock con el modo Bedtimen de Digital Wellbeing. [3] Después de abrir la aplicación Clock, los usuarios pueden tocar See More y luego el botón Set bedtime para establecer sus horas de dormir y despertarse. Los usuarios ya no tienen que cambiar entre dos aplicaciones, lo que hace que establecer un horario de sueño diario sea más fácil y rápido.

"Es posible que los usuarios no estén al tanto de todas las actualizaciones de diseño de One UI que se han realizado, pero estas mejoras en conjunto ayudan a los usuarios a reconocer y reaccionar varias funciones de manera más rápida y directa. Incluso si sólo se ahorra uno o dos segundos del tiempo del usuario, creo que ha valido la pena el esfuerzo", dijo Jeonggun Choi. "Los diseñadores de One UI continuarán creando funciones que elevan la felicidad y satisfacción de nuestros usuarios con los dispositivos Galaxy".

[1] Las funciones de One UI 3.1 pueden variar según el modelo de dispositivo. Las actualizaciones pueden variar según el operador, el país y el modelo.

[2] Ambos dispositivos conectados deben ejecutar One UI 3.1 o superiores, tener Bluetooth activado, iniciar sesión en la misma cuenta Samsung y estar conectados a la misma red Wi-Fi.

[3] La función permite a los usuarios cambiar el fondo a escala de grises y silenciar las notificaciones entrantes para ayudarles a dormir mejor.

# data[].attributes.attachment_link.title
El diseño de One UI: creando la mejor experiencia Galaxy

# data[].attributes.attachment_link.description
Actualmente no hay mucho que no puedas hacer con un smartphone, desde filmar escenas importantes hasta realizar operaciones bancarias desde cualquier lugar con solo unos toques. A pesar de ello siempre hay lugar para mejorar y Samsung Electronics está buscando constantemente que la experiencia del teléfono inteligente sea más intuitiva para ayudarnos a hacer aún más.

# data[].attributes.body
Tras el paréntesis que significó la Segunda Guerra Mundial, un nuevo estilo de diseño gráfico emerge en Suiza en la década de 1950. El Estilo Tipográfico Internacional, también conocido como Escuela suiza o Swiss Style, es un estilo de diseño gráfico, que tuvo una gran fuerza y repercusión durante más de dos décadas, llegando incluso a tener gran influencia en la actualidad.

Josef Müller-Brockmann es probablemente uno de los diseñadores gráficos más influyentes de la historia de nuestra profesión. Su obra siempre se enseña, se estudia y se publica. Es, sin duda, la imagen principal del diseño gráfico suizo. Su obra está influenciada por la Bauhaus y el constructivismo. La tipografía y la geometría son predominantes. Sus composiciones se basan en cuadrículas muy "rígidas" que serán su sello de identidad. Un estilo económico y racional.

En este póster hecho para el concierto del festival de junio de 1957 en zürich, vemos bastantes de los elementos que caracterizan al Swiss Style y el trabajo de Müller-Brockmann:

1. Uso de tipografías sans-serif.

2. Particular atención al detalle y precisión. (Cada bloque mide la mitad del anterior y la repetición de los rectángulos le da ritmo al cartel y dan la impresión de ser teclas de piano, lo cual va de acuerdo a la temática que es promocionar un concierto.)

3. Uso de una retícula tipográfica y una cuadrícula totalmente matemática. (Si observamos con cuidado vemos que la tipografía está espaciada de forma equitativa y la cantidad de espacio entre cada uno de los bloques es igual)

4. Uso de los blancos visuales para el impacto visual y la legibilidad.

5. Abstracción de la forma

6. La información está presentada de la forma más objetiva posible

7. Simplicidad visual

8. La tipografía es el elemento principal de la composición en el que la imagen es solo un apoyo que lo complementa.

9. Unidad en el diseño lograda a través de la asimetría en la composición

10. El manejo del color es por medio de sólidos sin degradados

# data[].attributes.body
Elegí esta portada de la revista “Harper’s Bazaar” debido a que siento que representa muy bien el estilo de la escuela de Nueva York. El diseño editorial es uno de las 3 áreas en los cuales se enfocó el diseño estadounidense de esa época.

Alexey Brodovich fue director de arte para esta revista, además de ser fotógrafo, diseñador y profesor. Influido por la Escuela de la Bauhaus, el Dadaísmo y el Constructivismo Brodovitch revolucionó el diseño editorial. Sus diseños son muestra de elegancia e inteligencia en el diseño de revistas y siguen siendo inspiración para grafistas. Sin duda, Alexey Brodovitch fue unos de los grandes diseñadores que hizo que esta época fuera extraordinaria en el diseño de revistas.

CARACTERÍSTICAS:

1. Integración de imagen y tipografía

2. Diferentes tamaños para los encabezados

3. Imagen rebasa los bordes de la revista (fotografía sangrada)

4. Tipografía moderna y elegante.

5. Fotografía relacionada con el tema

6. Simplicidad visual.

7. Uso del diseño para dar forma a una idea o mensaje.

8. Mensaje directo con imagen sencilla

9. Estilo algo informal

10. Espacio blanco y foto grande.

# data[].attributes.body
April Greiman es una diseñadora gráfica, nacida en Estados Unidos en 1948. Comenzó sus estudios en el Kansas City Art Institute a finales de los sesenta para completarlos durante dos intensos años en la Kunstgewerbeschule de Basilea con el influyente Wolfgang Weingart.

1. Una de las principales razones por las que elegí a April Greiman es que fue de las primeras diseñadoras que incorporó herramientas digitales y los ordenadores en el desarrollo de sus trabajos. Yo siendo parte de la generación que creció rodeada de tecnología naturalmente me siento atraída a diseñadores que usan herramientas digitales.

2. Una de las cosas que más me impresiona de su estilo en particular es que sigue muy vigente. Yo constantemente encuentro trabajos de diseño actuales que se asemejan mucho a su estilo. Me hace sentir que tuvo una gran influencia en el diseño moderno.

3. Al ver sus obras yo noto un deseo muy grande de innovar y romper con la vieja escuela de diseño, esto sin siquiera investigar sobre su carrera. Me gusta que eso se note de inmediato.

4. El diseño de New Wave estaba influenciado por el Punk y por la teoría del lenguaje posmoderna. Fue una corriente que definitivamente rompía con las corrientes más académicas y de lo que se había establecido como la base del diseño gráfico. Ella es de las principales exponentes del New Wave que en lo personal me atrae por su naturaleza “desafiante”

5. Después de que publicara su obra digital ¿Tiene sentido? para Design Quarterly #133 muchos diseñadores se sintieron obligados a reconsiderar el papel del ordenador y las herramientas digitales en la práctica de diseño. Simplemente me gusta como desafiaba lo que en ese entonces era convencional.