Ejemplos de diseño de experiencia de usuario. ¿Quiénes son los diseñadores de UX y qué hacen? ¿Qué es el diseño de interfaz de usuario?

Presentamos un nuevo artículo de la serie. En esta parte de la serie, consideraremos el puesto de un diseñador UX/UI: un especialista responsable de hacer coincidir la apariencia y la lógica de un producto.

Diseñador UX/UI- un especialista que diseña interfaces de usuario.

jornada laboral tipica incluye:

• trabajar en tareas prioritarias (diseño, dibujo);
• comunicación con el cliente;
• haciendo ediciones.

Ventajas y desventajas

La profesión atrae a los diseñadores por la oportunidad de hacer del mundo un lugar mejor, así como por su promesa y demanda en el mercado:

“Me gusta pensar que eres capaz de resolver un problema para una gran audiencia, o al menos hacer que el proceso de percepción del contenido sea más ameno e interesante. Es interesante hurgar entre las personas y tratar de comprender lo que realmente necesitan y luego descubrir cómo implementarlo”.

“El área es muy interesante porque las decisiones correctas de un diseñador pueden simplificar y mejorar significativamente la calidad de vida de un grupo de personas para quienes se está desarrollando un determinado producto o proyecto. También puedes aprender mucho sobre los diferentes tipos de negocios en el mundo, lo que puede ser útil para iniciar tu propio negocio y tener una visión más global del mundo”.

“Personalmente, me molestan las aplicaciones estúpidas, la ubicación incómoda de los botones en los ascensores, los interiores de los automóviles mal diseñados; me gusta hacer algo que pueda mejorar esto. Este mundo es tan imperfecto (no es la naturaleza, allí todo es perfecto y equilibrado) que siempre hay trabajo para un diseñador inteligente”.

“Estudié para ser programador administrador de sistemas, pero siempre fue interesante hacer algo en Photoshop. Anteriormente, no había tantos tutoriales, lecciones en vídeo y artículos como ahora, así que aprendí la mayoría de las funciones y características al azar. Luego decidí probar Illustrator, era mucho más complicado que Photoshop, pero excelente para crear vectores. Me gusta crear algo nuevo, algo útil y bonito, me gusta mejorar y ver el resultado conseguido. El campo del diseño te permite hacer todo esto. También es interesante cómo cambian las tendencias, aparecen nuevos programas y funciones, siempre hay que seguir todo esto y desarrollarse constantemente”.

“Me gusta el diseño UX/UI porque es una dirección muy prometedora. Las tecnologías se están desarrollando muy rápidamente, algunas interfaces están siendo reemplazadas por otras nuevas y es necesario diseñarlas todas. Aquí no solo puede pensar en si la interfaz se ve hermosa, sino también en qué tan conveniente es y en qué medida puede resolver el problema de una persona (ya sea para encontrar rápidamente el café adecuado, reservar una entrada para un concierto o ayudar a preparar su favorito). plato) . Las interfaces están en todas partes: desde equipos médicos hasta automóviles. Cuando los coches vuelen, será necesario que alguien piense en la interacción de su interfaz con una persona. Y seremos nosotros, los diseñadores de UX/UI".

Otra ventaja es la posibilidad de trabajar de forma remota (20% de todos los diseñadores), una gran selección de proyectos independientes.

Entre las desventajas Los diseñadores llaman a su profesión comunicación con clientes que no saben lo que quieren, además de ser subestimados por sus colegas de TI:

“En el 80-90% de los casos, hay que trabajar sin especificaciones técnicas con requisitos como: “Hazlo mega bonito y mega configurable”.

“Considero que la actitud hacia el diseño y los diseñadores en Ucrania es una desventaja de la profesión. Por alguna razón, todo el mundo piensa que si alguna vez abren Photoshop, automáticamente pueden ser diseñadores y decidir de forma independiente cuánto tiempo dedicarán al diseño. Los gerentes y programadores sin experiencia son especialmente culpables de esto (un gerente novato afirmó que podía completar la tarea en Paint en 30 minutos, pero no tiene tiempo para la creatividad)”.

“Las desventajas son la falta de una formación seria y la falta de comprensión de los procesos y metodologías competentes del mercado. En la subcontratación, es imposible realizar un seguimiento de los resultados y aumentar las mejores prácticas propias. El producto es algo monótono para personas maduras y un completo caos para las empresas emergentes”.

“Las desventajas, como en todo lo relacionado con TI, son el trabajo sedentario, los ojos doloridos y, a veces, un cliente que necesita blanquear aún más el #ffffff :)”

Cómo llegar a ser y hacia dónde moverse a continuación

La primera y principal habilidad de la interfaz de usuario es dominar un editor de gráficos. Las herramientas más populares son Adobe Photoshop, Sketch, Principio, Adobe Illustrator, After Effects. Para empezar, puedes intentar volver a dibujar capturas de pantalla de cualquier aplicación móvil o sitio web. Pero no se limite a copiar (aunque también debe poder hacerlo), observe algunos inconvenientes y ofrezca una solución sobre cómo hacerlo mejor.

También es importante comprender la teoría del color, la tipografía, la composición, la ergonomía del sitio web (principios de usabilidad de la interfaz), así como los conceptos básicos de marketing, análisis empresarial y psicología. Para una comunicación más eficaz con los desarrolladores, serán útiles las habilidades de diseño (HTML/CSS) y los conocimientos básicos de JavaScript y frameworks.

Puede comenzar a estudiar UX familiarizándose con la metodología leyendo libros de Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. Más literatura aplicada es “The User Experience Team of One: A Research and Design Survival Guide” de Leah Buley.

“En el mundo moderno hay muchas oportunidades de implementación. He comprado y sigo comprando cursos en línea en plataformas como Coursera, Udemy, Edx. Veo conferencias en línea de Adobe, Google, leo literatura técnica, analizo trabajos en Dribbble, Behance, Awwwards”.

“Un diseñador UX/UI necesita estudiar los clásicos de la interfaz de usuario: “Don’t Make Me Think” de Steve Krug, “The Design of Common Things” de Norman, lee Luke Wroblewski. Es necesario practicar constantemente, ponerse en el lugar del usuario. Encuentre un mentor que le señale los errores, le dé consejos y fomente el crecimiento”.

Puedes comenzar tu carrera trabajando independientemente en varias plataformas en inglés; también te será útil poner a prueba tus habilidades en campeonatos, por ejemplo, Dev Challenge. Esto le ayudará a construir su cartera.

Habilidades y competencias UX y UI ()

Las cualidades personales que son importantes son:

• perserverancia;
• perserverancia;
• pensamiento creativo;
• perfeccionismo;
• deseo de aprender y desarrollarse;
• capacidad de escuchar críticas.

“La persona que diseña interfaces es un ingeniero, debe tener un fuerte pensamiento analítico, habilidades de empatía muy desarrolladas y capacidad de penetrar en la esencia de las cosas. Por supuesto, también hay habilidades prácticas: el dominio de diversas tecnologías y herramientas, pero esto, por regla general, queda en segundo lugar; una persona debe ser ingeniero por naturaleza. Y no es difícil convertirse en uno si trabajas duro, lees libros y artículos sobre diseño (composición, ciencia del color, tipografía) y psicología (es necesario comprender cómo una persona toma decisiones y cómo funciona su cerebro), asistes a conferencias. y talleres y mucho para practicar".

Posibles trayectorias profesionales Diseñador UX/UI:

• mejorar como diseñador, aumentar tu tarifa (si eres autónomo);
• dominar áreas afines, desarrollándome como diseñador de producto, diseñador de VR, diseñador de VFX, diseñador de juegos;
• crecer hasta el puesto de Director de Arte (Jefe de Diseño);
• desarrollarse como si quisiera pasar del diseño a la gestión de productos en general;
• conviértete si estás interesado en coordinar personas;
• hazlo si estás más interesado en el aspecto técnico;
• dominar la programación y convertirse en desarrollador de UI;
• pruébalo tú mismo en marketing o .

“La tecnología avanza muy rápidamente y constantemente aparece algo nuevo, todo requiere su propio diseño específico, tiene sus propios requisitos y características. Y nosotros, los diseñadores, ayudaremos a que todo sea mejor, más bonito y más cómodo :)"

Agradezco a Yulia Bondarenko, Maxim Palivoda, Marina Popovichenko y otros 25 diseñadores ucranianos que informaron a DOU sobre su puesto por su ayuda en la redacción del artículo. Las citas dadas en el artículo están tomadas de sus historias.

Cualquier diseño, por muy bueno que sea, será completamente inútil si no es diseño UX. Hay cientos de miles de recursos que crean diseños de interfaces y diseños gráficos alucinantes y emplean los servicios de los mejores profesionales con talento irreal, pero que no pueden ocupar el lugar que les corresponde en la red. Y eso es todo, porque la interacción entre el sitio y los usuarios está creciendo exponencialmente, lo que significa que para encontrar comentarios del usuario, los diseñadores web deben preocuparse por la experiencia del usuario (UX - User Experience - "experiencia de interacción"). Es en esta etapa cuando las herramientas de diseño UX vendrán al rescate: excelentes servicios en línea que brindan sugerencias a los diseñadores sobre el diseño de interfaces de usuario. Hablaremos de ellos con más detalle en este artículo.

Dado que los diseñadores deben considerar no solo la belleza y la corrección de la organización de los elementos, sino también factores más complejos asociados con el comportamiento de los visitantes en el sitio, a menudo recurren a la ayuda de herramientas de diseño UX que pueden ayudarlos a automatizar ciertas tareas o significativamente simplificar el proceso de completarlos. Afortunadamente, el diseño de interfaces de usuario ya no es un tema nuevo y existen cientos de herramientas de diseño de UX en Internet. Por supuesto, no los enumeraremos todos. Para ayudarte, hemos seleccionado solo algunas de las herramientas de diseño UX más interesantes y útiles con breves descripciones para mostrar sus principales características y darte la oportunidad de elegir la que más te convenga.

Herramientas de diseño UX para modelar y diseñar maquetas y prototipos.

La creación de prototipos se ha convertido en una necesidad para todos los diseñadores que desean tener éxito en el diseño de UX y mejorar la experiencia del usuario. La creación de maquetas, modelos y prototipos les permite probar cualquier idea en acción antes de invertir tiempo, esfuerzo y dinero en el proyecto. Con estas herramientas de diseño de UX, puede probar su producto durante todo el proceso de producción y realizar mejoras para crear una experiencia de usuario sólida para su público objetivo.

Herramienta de diseño de interfaz Moqups

La aplicación HTML5 Moqups isana está diseñada para crear maquetas, maquetas y prototipos. Moqups proporciona una gran cantidad de ajustes preestablecidos y plantillas que puede utilizar para crear la base de su proyecto. Puede personalizar cada componente y establecer sus propios colores, tamaño de texto, iconos, etc.

estructura alámbrica

Esta es otra herramienta para crear diagramas de estructura de páginas (wireframing) con una cómoda interfaz minimalista. La herramienta es fácil de usar e incluye sólo las funciones mínimas necesarias, simplificando al máximo el proceso de uso. El beneficio de crear diagramas con esta herramienta es que los usuarios pueden compartirlos fácilmente con otros. Cada diagrama o maqueta que crees obtiene su propia URL única, que puedes enviar al cliente o a otros miembros del equipo.

Lápiz

Esta es una herramienta para la creación de prototipos gráficos. Dado que es una herramienta de código abierto, puedes instalarla en tu computadora personal y comenzar a crear prototipos gráficos incluso sin acceso a Internet. Por supuesto, no se deben esperar características avanzadas y funcionalidades complejas de él, pero hace frente a sus tareas principales bastante bien.

Balsamiq

¿No quieres pasar horas creando prototipos? En este caso simplemente debes probar Balsamiq. Es simple pero muy efectivo cuando se trata de creación de prototipos. Con Balsamiq, los usuarios pueden crear múltiples diseños que pueden probar y elegir el que proporcione el mejor resultado.

Maqueta de poder

¿Eres un mago de PowerPoint? Entonces te encantará esta herramienta, ya que convierte a PowerPoint en una poderosa herramienta de diseño de UX para crear maquetas. Esto significa que no tendrá que aprender ningún software nuevo. PowerMockup permite que personas sin habilidades técnicas específicas participen en el proceso de diseño y desarrollo, lo que sin duda es una de sus principales ventajas.

Mockplus

Mockplus tiene todo lo que necesita para su próximo proyecto: desde interacciones bellamente representadas, 200 componentes integrados y 3000 íconos, hasta edición colaborativa y pruebas en tiempo real en dispositivos reales. Esta herramienta de diseño de UI le ayuda a convertir sus ideas en prototipos completamente funcionales de manera eficiente y sin esfuerzo. Además, la herramienta de diseño Mockplus logra un equilibrio entre facilidad de uso y funciones sofisticadas para crear cualquier elemento prototipo.

UXPin

¿Busca una herramienta que le permita crear prototipos y maquetas interactivos? UXPin es una herramienta intuitiva y fácil de usar. Al usarlo, incluso puede hacerse una idea de cómo se verá el producto en dispositivos móviles simplemente cambiando el tamaño de la pantalla del navegador.

Solidificar

glifo

Gliffy no es una herramienta más de diseño UX para crear prototipos; es mucho más. Gliffy permite a los usuarios crear diagramas de red, dibujos técnicos complejos, diagramas de flujo, diagramas UML y más. Su interfaz intuitiva le permite crear gráficos en cuestión de minutos.

ESTALLIDO

Herramientas de prueba A/B

La idea detrás de estas herramientas es crear dos versiones de una página y luego probarlas para ver cuál funciona mejor. Las tasas de conversión, el tiempo promedio de permanencia en la página y otras métricas son algunos de los factores que puede utilizar para evaluar el rendimiento de la página de un sitio web.

Diseño

¿No estás seguro de si estás creando un proyecto que los usuarios realmente quieran ver? Con esta herramienta de prueba A/B, puedes hacer cualquier pregunta que te interese y obtener una respuesta real de los usuarios. La herramienta tiene una función muy útil: la discusión. Puede iniciar una discusión en su sitio para involucrar a los usuarios en el proceso de diseño. Además, puede crear debates privados y compartirlos sólo con amigos o colegas.

Optimizador visual de sitios web

Es una herramienta simple pero extremadamente poderosa que le permite realizar pruebas A/B al más alto nivel. Con su ayuda, también puede realizar pruebas multivariadas y pruebas divididas. Los informes segmentados y el análisis de ingresos también estarán disponibles en Visual Website Optimizer.

optimizar

Es una sólida herramienta de prueba A/B que permite a los usuarios ejecutar una prueba sin entrar en detalles técnicos ni requerir habilidades especiales. Sin código y con edición visual completa lo hace muy popular entre los especialistas en marketing.

Herramientas para pruebas de usabilidad

Cuando se trata de crear un buen diseño de UX, es posible que necesites herramientas de prueba de usabilidad que te ayuden a comprender el tema de la experiencia del usuario y determinar las necesidades de los usuarios objetivo y su psicología. Si puede determinar lo que los visitantes y clientes potenciales realmente quieren y crear una experiencia basada en ese conocimiento, entonces el diseño definitivamente impresionará y activará a la audiencia. Herramientas de prueba de usabilidad de UX Se puede dividir en herramientas de prueba de usabilidad remota y herramientas de retroalimentación. En este apartado hemos recopilado ambas soluciones para que elijas cuál se adapta mejor a ti.

Bucle11

Loop11 es una herramienta de prueba de usabilidad sencilla que no requiere conocimientos de código HTML ni lenguajes de programación. Dentro de la herramienta, puedes utilizar plantillas ya preparadas o crear un tema tú mismo. Además, existen varias formas de invitar a participantes a probar sus proyectos. Puedes crear tu propia lista de usuarios según las redes sociales, crear una ventana emergente en el sitio para encontrar personas interesadas. Todo lo que tienes que hacer es crear una lista de preguntas o incluir diferentes diseños para elegir y luego enviar una invitación a las personas pidiéndoles que las respondan. Según los resultados, puede realizar los cambios necesarios en el diseño.

huevo loco

Esta herramienta lo ayudará a hacer que su página sea más fácil de usar y aumentar las conversiones al crear la experiencia de usuario adecuada. Funciona de la siguiente manera. Usted envía su diseño y los profesionales de usabilidad y experiencia del usuario lo analizarán y le brindarán comentarios que puede utilizar para mejorar su sitio.

Herramientas de usabilidad

Es una de las herramientas de diseño UX más utilizadas y ha ganado una inmensa popularidad entre diseñadores y especialistas en marketing debido a sus útiles funciones. Esta herramienta ayuda a analizar las páginas del sitio web desde el punto de vista del usuario. Esto es un gran beneficio para el diseñador porque brinda sugerencias específicas sobre dónde y qué cambios debe realizar el diseñador para aumentar las conversiones o qué elementos deben moverse para poder impulsar al usuario a realizar ciertas acciones. Esta herramienta de usabilidad también le permite generar comentarios y obtener comentarios de personas que realmente usan el producto.

Appsee

Este es un "software de análisis" que se utiliza para rastrear la actividad de los usuarios de la aplicación. Esta herramienta le ayudará a obtener información valiosa sobre cómo los usuarios interactúan con su aplicación. La función de grabación de usuario de esta herramienta es la más impresionante. Registra la actividad del usuario y, por lo tanto, le brinda una gran visión del comportamiento del usuario. Es una herramienta útil para mejorar el rendimiento general de su aplicación y aumentar las conversiones.

asistente

Esta es una herramienta de seguimiento del comportamiento del usuario que le ayuda a comprender cómo ve su público objetivo las páginas de su sitio web. Attensee le brinda una indicación visual de si las personas están notando elementos importantes de su sitio. Esto está directamente relacionado con el diseño, porque si descubre que un número significativo de usuarios no se está centrando en elementos importantes como banners, botones de llamada a la acción y ofertas especiales, Attensee le ayudará a solucionar el problema.

Voz de usuario

Esta es otra herramienta poderosa que le permite ver y analizar varias acciones de los usuarios mientras navegan por su sitio. Esta herramienta le permite obtener comentarios directos de usuarios reales y solucionar los problemas que encuentren.

Estadísticas del ratón

Como sugiere el nombre de esta herramienta, MouseStats ayuda a rastrear los movimientos del mouse de los usuarios. Como probablemente sepa, los movimientos del mouse imitan los movimientos oculares de los usuarios. El seguimiento de los movimientos del cursor y el desplazamiento le brindará pistas importantes sobre cómo interactúan los usuarios con su diseño. Lo mejor de esta herramienta es que proporciona una representación visual de la actividad del usuario y, por lo tanto, ayuda a realizar los cambios necesarios.

Herramientas de diseño UX para creación de prototipos y diseño colaborativo.

El trabajo en equipo es imprescindible cuando se trata de ofrecer un buen diseño de UX para su público objetivo. Si está acostumbrado a trabajar en equipo, necesita tener acceso a las herramientas adecuadas que puedan ayudar a los miembros de su equipo a colaborar y hacer sus propias sugerencias de manera efectiva y sin esfuerzo. A continuación se muestran herramientas de diseño de UX para creación de prototipos y codiseño que pueden resultarle útiles.

ArchivoCuadrado

Es más que una simple herramienta de colaboración. Te permite crear un prototipo interactivo y al mismo tiempo colaborar con otros miembros del equipo. Tome decisiones creativas y obtenga comentarios de las personas en tiempo real.

notismo

¿Estás trabajando en contenido visual y buscas una herramienta de colaboración? Entonces necesitas el notismo. Para que la comunicación con el equipo sea lo más cómoda posible, se utilizan bocetos y notas. Las notificaciones llegan en tiempo real, por lo que puede recibir comentarios de colegas y clientes tan pronto como alguien los note.

Boligrafo rojo

RedPen hace que el diseño colaborativo y la creación de prototipos sean rápidos y sencillos. Esta herramienta UX está diseñada para el modelado y creación de prototipos de diseño colaborativo. Está especialmente diseñado para facilitar la colaboración con contenido gráfico. Compartir comentarios es muy sencillo: para resaltar cualquier elemento y dejar una nota, el usuario sólo necesita pasar el cursor sobre él. Después de esto, aparece un pequeño campo de texto en el que puedes dejar tus comentarios.

ordenar notas

Con Memosort la distancia ya no será un obstáculo. Esta increíble herramienta es una de las mejores herramientas para el diseño colaborativo. Le ayuda a conectarse con su equipo y colaborar en tiempo real. Todas las notas en Memosort se guardan automáticamente, por lo que no tienes que preocuparte por perder una buena idea o sugerencia.

Trelo

Olvídese de los correos electrónicos largos y aburridos, Trello está aquí para simplificar el proceso de colaboración y mejorar la comunicación del equipo. La ventaja de esta herramienta es que es gratuita. Dentro de la herramienta Trello hay tarjetas especiales que indican diferentes proyectos. Todo lo que tienes que hacer para agregar personas a un proyecto es arrastrarlo al mapa correspondiente. La herramienta también se actualiza en tiempo real.

visión

Es una combinación interesante de herramienta de colaboración y creación de prototipos. Con él podrás crear prototipos y modelos interactivos. Con Invision, la interacción en tiempo real es posible. Todo lo que tienes que hacer es enviar un enlace al diseño a otros miembros del equipo y ellos también podrán trabajar en él y hacer sugerencias.

resumámoslo

Entonces, estas son algunas herramientas de diseño UX que ayudan a los diseñadores web a crear proyectos en línea exitosos de forma independiente y en equipo, así como a recopilar información sobre la experiencia del usuario con el fin de superarse. Si conoce alguna otra herramienta útil que olvidamos mencionar, ¡asegúrese de escribirla en los comentarios!

Sobre cómo convertirse en diseñador.

Una amiga mía admitió una vez que siempre quiso ser diseñadora, pero perdió la oportunidad de serlo. Rápidamente le aseguré que nunca era tarde para empezar y yo era la mejor prueba de ello. De hecho, muchos diseñadores han podido aprender diseño UX sin ninguna formación formal.

Así es como me sucedió todo, paso a paso:

1. Comprender todas las áreas del Diseño

Hay diseñadores visuales, diseñadores de interacción, diseñadores de experiencia de usuario (UX), diseñadores de interfaces (UI), diseñadores de productos, diseñadores gráficos, etc. También hay generalistas que saben un poco de todo. Empiece por descubrir qué especialización le interesa.

2. Lea artículos sobre diseño UX/UI de camino al trabajo.

4. Tómate un descanso cuando encuentres dificultades.

Tarde o temprano te encontrarás confundido, abrumado y abrumado: ¡cómprate un café con leche, por favor! Recompénsate por el arduo trabajo que dedicas a tu pasión. Mantente positivo.

Recuerdo con una sonrisa el día que le admití tímidamente a mi amigo que no tenía idea de cómo usar la herramienta de lápiz (lo encontrarás divertido dentro de unos meses). Mi amigo y yo conseguimos trabajo en la misma empresa un año después y todavía estamos sonriendo por el día en que literalmente pasamos 8 horas dibujando formas en Photoshop.

5. Lea buenos libros.

6. Encuentra un diseñador que sepa hacerlo y pregúntale de vez en cuando.

No estoy diciendo "busca un mentor". No creo en mentores porque creo que la gente está demasiado ocupada trabajando en sus propios sueños. Nunca esperé que nadie más se esforzara mucho en mi carrera, pero he hecho excelentes amigos a quienes puedo hacerles una pregunta rápidamente o comprar café cuando necesito un consejo.

7. Inspírate

Escuche a Matias Duarte, VP de Diseño de Android, y su historias sobre diseño de materiales.

Vea el trabajo en Dribbble, The Best Designs y Awwwards. Haga de la inspiración una prioridad. Le ayudará a comprender los patrones de UX, el diseño visual y le empoderará.

8. Trabajar en proyectos que no existen

Si su objetivo es un puesto de pasante o de nivel inicial en diseño UI/UX, entonces debe mostrarle algo al empleador. Este es el paso más difícil, es como saltar por un precipicio. Es poco probable que esté listo para empezar a trabajar en el proyecto, pero hágalo de todos modos. Intente crear un portafolio en Sketch o Illustrator, comenzando con flujos de usuarios, estructuras alámbricas, interacciones y, finalmente, una maqueta completa. Después de eso, rediseñe el sitio que simplemente lo necesita. Crea tu propia aplicación de lista de tareas. Crea una aplicación de entrega. Sigue creando lo que te emociona.

Trabajar con la experiencia del usuario ayuda a llevar un producto o negocio al siguiente nivel porque un diseñador de UX piensa en la lógica del producto y ayuda a los clientes a alcanzar sus objetivos.

Para comenzar a aprender diseño UX, debe comprender cómo se estructura el trabajo en cualquier proyecto digital y de qué es exactamente responsable dicho diseñador durante el desarrollo.

¿Quién es un diseñador UX y qué hace?

Un diseñador UX es un diseñador que hace que los productos digitales sean comprensibles y lógicos. Estudia la experiencia del usuario al interactuar con un producto: sitio web, aplicación, programa. El objetivo de un diseñador UX es ayudar al usuario a lograr su objetivo. Para ello, se divide el proyecto en etapas y se trabaja en cada una de ellas.

Primero, los diseñadores analizan la audiencia del producto, explorando sus objetivos y miedos. Luego realizan entrevistas con personas reales y observan los sitios web y las aplicaciones de la competencia. Después de esto, se crean prototipos, se muestran a los usuarios y los archivos se transfieren a los desarrolladores.

Si observa cada una de estas etapas en detalle, es fácil entender por dónde empezar a aprender diseño UX.

¿Quién puede convertirse en diseñador UX?

A menudo acuden a UX diseñadores web que deciden profundizar en el campo de la interacción con el usuario. Ya han trabajado con usuarios, conocen los principios básicos y saben visualizar información.

Sin embargo, no es necesario ser diseñador web para trabajar en UX. Todos los procesos en este ámbito se basan principalmente en la lógica, la capacidad de pensar críticamente, la comunicación con las personas y la capacidad de análisis.

Una de las diseñadoras de Google, Fiona Yong, dijo que en su equipo sólo hay unos pocos especialistas con formación de diseñador. El resto trabajó anteriormente en campos relacionados u otras industrias. Algunos estaban en ciencias cognitivas, otros en psicobiología.

Por tanto, arquitectos, ingenieros y programadores pueden convertirse en buenos diseñadores. Lo principal es comprender los conceptos básicos del diseño interactivo y comprender cómo se construye la lógica del trabajo en UX. Esto se puede hacer de forma independiente o en cursos especiales de diseño UI/UX.

Dónde empezar

Puedes empezar a aprender diseño UX con cursos, libros y artículos. Lo principal es elaborar el plan de entrenamiento adecuado, formular objetivos y pasar de lo general a lo específico.

El proceso de elaboración de un producto consta de varias etapas. En cada uno de ellos, el diseñador UX hace cosas diferentes. Para comprender qué conocimientos se necesitan para trabajar, es necesario considerar cada una de las etapas en detalle:

• estudiar,
• análisis de los datos,
• diseño,
• diseño,
• análisis de métricas.

Estudiar

Un diseñador de UX se asegura de que el futuro sitio web o aplicación realice una acción útil: vender, publicitar y ayudar a los usuarios.

Pero es difícil crear un buen proyecto si no se comprende el problema. Por lo tanto, primero el diseñador recopila datos sobre el producto futuro. Investiga a los competidores, planifica funciones, piensa en la lógica del trabajo.

Un buen método de investigación es hablar con usuarios reales. Al crear un servicio de compra de billetes, es mejor ir a la estación y entrevistar a los pasajeros. Descubra si les resultará más fácil comprar billetes a través de Internet, si les conviene pagar con tarjeta, cómo quieren elegir asientos en el vagón.

Durante la fase de investigación, el diseñador UX debe hablar activamente con los usuarios potenciales y preguntarles qué necesitan.

Análisis de los datos

Cuando los objetivos del producto están claros, el diseñador piensa en la lógica de la interacción.

Los representantes más destacados se seleccionan entre el público objetivo y se les cuenta sobre ellos. Intentan imaginar qué es importante para esta persona en el producto. ¿Qué problemas resolverá y de qué manera? Esta etapa, de creación de personajes, ayuda al diseñador a imaginar personas específicas y trabajar para ellas.

No será posible satisfacer los requisitos de todo el público objetivo, pero podrá trabajar según los deseos de los representantes más destacados. Entonces aumentan las posibilidades de que otros también se sientan cómodos usando el producto.

El diseñador crea casos de uso para cada persona. Lo importante aquí es imaginar cómo una persona específica podría interactuar con el producto. Qué funcionalidad se necesita y qué se puede descartar en la primera etapa.

La creación de scripts le ayuda a pensar en la estructura de una aplicación o sitio, así como en los elementos básicos.

Diseño

En esta etapa, se visualizan todos los datos recopilados. Construyen la estructura de la aplicación, organizan elementos para cada pantalla.

Diseñar no se trata de crear un diseño terminado. Se trata de bocetos rápidos que se muestran a los usuarios. Realizan pruebas y descubren si el producto en esta forma resolverá el problema.

Los diseños en esta etapa pueden ser completamente diferentes: poco detallados y en blanco y negro o brillantes e interactivos. Algunas personas trabajan con papel y bolígrafo, otras utilizan programas especiales. Algunos diseñadores trabajan inmediatamente en editores gráficos.

La fase de diseño ayuda a ahorrar mucho tiempo. Es más rápido mostrar un boceto al usuario y pedirle su opinión que dibujar y programar el producto desde cero y luego eliminar las deficiencias.

Diseño

El diseñador de la interfaz de usuario es responsable de crear la versión final. Pero a menudo tienes que dibujar tú mismo la versión final. Por lo tanto, es útil adquirir habilidades básicas y aprender a diseñar UI.

En el escenario, se crean visualizaciones a partir de prototipos y esquemas, se trabaja con el color, la composición y la tipografía, y se diseña el contenido.

Para ello son adecuados los editores gráficos en los que trabajan los diseñadores:

• Adobe Photoshop,
• Adobe XD,
• Bosquejo,
• Figma.

La tarea de un diseñador UX es controlar la usabilidad de elementos individuales y páginas en su conjunto. Asegúrese de que al agregar efectos visuales no se pierda el significado principal del producto.

Análisis de métricas

Después de publicar la primera versión funcional del producto, el diseñador de UX monitorea el comportamiento real de los usuarios. Para ello se utilizan sistemas de análisis y diversas métricas.

Trabajan en el producto: realizan pruebas de usabilidad y A/B. Mejore la experiencia del usuario y agregue nuevas funciones.

Cómo aprender diseño UX

El diseño UX consta de diferentes direcciones y disciplinas. Esto incluye diseño visual, trabajo con usuarios y resultados de pruebas. Algunos especialistas en UX trabajan en un área, otros en todas las áreas.

Para aprender diseño UX, es necesario imaginar todo el proceso de desarrollo del producto y mejorar las habilidades necesarias para cada etapa".

Comentarios en vivo de los profesores

Acceso ilimitado a los materiales del curso.

Prácticas en empresas colaboradoras

Proyecto de tesis de un cliente real.

Empleo garantizado en empresas colaboradoras para titulados que hayan defendido sus tesis

Al estudiar teoría, no te olvides de las habilidades prácticas. Cree un diseño de sitio web o cree una aplicación móvil. Divida el proyecto en partes y trabaje en cada una de ellas con cuidado: investigue y analice, luego diseñe y diseñe. Sólo la práctica ayuda a un diseñador a convertirse en un buen especialista.

29.09.2017

Experiencia de usuario o UX es un término actualmente popular en las industrias de tecnología y diseño. A medida que UX continúa evolucionando y definiéndose, muchas personas todavía no están seguras de qué significa UX y cómo utilizar correctamente el término.

Probablemente oigas hablar a menudo de UX cuando se trata de interfaces de sitios web o aplicaciones móviles. Esto es en parte cierto, pero es necesaria una mirada más profunda a la UX para comprender completamente por qué la experiencia del usuario es tan importante y por qué es tan importante conocerla.

¿Qué es la experiencia de usuario (UX)?

UX significa "experiencia de usuario". La experiencia es cómo las personas interactúan con un producto.

Encuentras UX en todas partes. La idea es que todo lo que toques, desde el software hasta el botón de encendido/apagado y su forma, sea un ejemplo de los elementos que crean UX. La suma de sus interacciones con un producto se convierte en la experiencia que tiene al utilizar ese producto.

Todos los objetos que nos rodean tienen una experiencia de interacción, desde los quioscos con pantalla táctil en el metro hasta las máquinas de café de élite que le permiten servirse una taza de café gourmet. La posibilidad de utilizar un teléfono móvil o cualquier otro dispositivo mientras viaja mejora la UX, del mismo modo que interactuar con el coche mediante la pantalla táctil y los comandos de voz hace que la conducción sea más fácil y cómoda.

El éxito de un producto se basa en cómo lo perciben los usuarios. Al utilizar un producto, las personas suelen calificar su experiencia de la siguiente manera:

• ¿Me beneficié de este producto?
• ¿Es fácil de usar?
• ¿Es agradable de usar?

De la respuesta a estas preguntas depende directamente que las personas se conviertan en usuarios habituales y leales del producto.

elementos de experiencia de usuario

Don Norman, cofundador de Nielsen Norman Group, fue el primero en acuñar el concepto de “experiencia de usuario” en los años 90, diciendo "La experiencia del usuario cubre todos los aspectos de la interacción de un usuario con una empresa, sus servicios y productos".

“Acuñé este término porque pensé que las interfaces humanas y la usabilidad eran conceptos demasiado limitados. Quería capturar todos los aspectos de la experiencia humana con el sistema, incluido el diseño industrial, los gráficos, las interfaces y la interacción física”.

En este vídeo, Don Norman comparte su opinión sobre los orígenes del término UX.