¿Qué es el diseño de interfaz de usuario? Cómo comenzar a aprender diseño UX. ¿Qué hace un diseñador UX?

Cualquier diseño, por muy bueno que sea, será completamente inútil si no es un diseño UX. Hay cientos de miles de recursos que crean un diseño de interfaz y un diseño gráfico alucinantes y utilizan los servicios de los mejores profesionales con un talento irreal, pero 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 de UX vienen al rescate: excelentes servicios en línea que brindan consejos sobre el diseño de interfaces de usuario a los diseñadores. Hablaremos de ellos con más detalle en este artículo.

Dado que los diseñadores deben considerar no solo la belleza y corrección de la organización de los elementos, sino también los 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 de UX que pueden ayudarlos a automatizar algunas tareas o tareas. simplificar enormemente el proceso de realizarlos. Afortunadamente, el diseño de interfaces 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 de UX más interesantes y útiles con breves descripciones para mostrar sus características principales y dejarte 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 frente del 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 Moqups isana HTML5 está diseñada para crear diseños, maquetas y prototipos. Moqups proporciona una gran cantidad de prefabricados y plantillas que puede usar para construir la base de su proyecto. Puede personalizar cada componente y establecer sus propios colores, tamaño de texto, iconos, etc.

marco de alambre

Esta es otra herramienta para crear diagramas estructurales de páginas (wireframing) con una interfaz minimalista conveniente. La herramienta es fácil de usar e incluye solo el mínimo de funciones, lo que la hace tan fácil de usar como sea posible. Crear diagramas con esta herramienta tiene la ventaja de que los usuarios pueden compartirlos fácilmente con otros. Cada diagrama o maqueta que cree obtiene su propia URL única que puede enviar al cliente o a otros miembros del equipo.

Lápiz

Es una herramienta de creación de prototipos gráficos. Como es una herramienta de código abierto, puede instalarla en su computadora personal y comenzar a crear prototipos gráficos incluso sin acceso a Internet. Por supuesto, no debe esperar características avanzadas y funcionalidades complejas, pero se adapta bien a sus tareas principales.

Balsamiq

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

maqueta de poder

¿Eres un maestro de PowerPoint? Entonces te encantará esta herramienta, ya que convertirá el programa de PowerPoint en una poderosa herramienta de diseño de diseño de UX. Esto significa que no tiene que aprender ningún software nuevo. PowerMockup permite que personas sin conocimientos técnicos especiales participen en el proceso de diseño y desarrollo, lo que sin duda es una de sus principales ventajas.

simulacro más

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

pin UX

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

solidificar

Gliffy

Gliffy no es solo otra herramienta de creación de prototipos de diseño de UX; 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 diagramas 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 qué versión 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 usar para evaluar el rendimiento de la página de un sitio web.

Diseño

¿No está seguro si está creando un proyecto que los usuarios realmente quieren ver? Con esta herramienta de pruebas 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 discusiones privadas y compartirlas solo 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 él, 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.

de forma optimizada

Es una herramienta robusta de prueba A/B que permite a los usuarios ejecutar una prueba sin entrar en detalles técnicos y sin necesidad de habilidades especiales. La falta de código y la edición visual completa lo hacen muy popular entre los especialistas en marketing.

Herramientas de prueba de usabilidad

Cuando se trata de crear un buen diseño de UX, es posible que necesite herramientas de prueba de usabilidad para ayudarlo a comprender la experiencia del usuario y determinar las necesidades de los usuarios objetivo y su psicología. Si puede determinar qué es lo que realmente quieren los visitantes y los clientes potenciales y crear una interfaz basada en ese conocimiento, entonces el diseño sin duda impresionará y activará a la audiencia. Pruebas de usabilidad Herramientas 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 la que más te conviene.

Bucle11

Loop11 es una sencilla herramienta de prueba de usabilidad que no requiere conocimientos de código HTML o lenguajes de programación. Dentro de la herramienta, puede usar plantillas listas para usar o crear un tema usted mismo. Además, hay varias formas de invitar a los participantes a probar sus proyectos. Puede crear su propia lista de usuarios basada en redes sociales, crear una ventana emergente en el sitio para encontrar personas interesadas. Todo lo que tiene que hacer es crear una lista de preguntas o incluir diferentes opciones de diseño para elegir, y luego enviar una invitación a las personas para 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 a aumentar su conversión al crear la experiencia de usuario adecuada. Funciona de la siguiente manera. Usted envía su diseño, luego de lo cual los profesionales de la usabilidad y la experiencia del usuario lo analizarán y compartirán sus comentarios, que puede usar para mejorar su sitio.

Herramientas de usabilidad

Es una de las herramientas de diseño de UX más utilizadas y ha ganado una inmensa popularidad entre los 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. Esta es una gran ventaja para el diseñador, ya que 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 obtener comentarios y opiniones de las personas que realmente usan el producto.

ver

Es un "software de análisis" que se utiliza para rastrear la actividad de los usuarios de la aplicación. Esta herramienta lo ayudará a obtener datos valiosos sobre cómo los usuarios interactúan con la aplicación. La característica de "Grabación de usuario" de esta herramienta es la más impresionante. Registra las acciones del usuario y, por lo tanto, le brinda una gran perspectiva del comportamiento del usuario. Esta 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 lo ayuda a comprender cómo su público objetivo ve las páginas del sitio. Attensee le brinda una indicación visual de si las personas notan los elementos "importantes" de su sitio. Esto está directamente relacionado con el diseño, porque si encuentra que un número significativo de usuarios no se está enfocando en elementos importantes como banners, botones de llamada a la acción, ofertas especiales, Attensee lo ayudará a solucionarlo.

Voz de usuario

Esta es otra poderosa herramienta que le permite ver y analizar las diversas actividades de los usuarios mientras navegan por su sitio. Esta herramienta le permite obtener comentarios directos de usuarios reales y solucionar los problemas que encuentran.

estadísticas del ratón

Como sugiere el nombre de esta herramienta, MouseStats lo ayuda a rastrear la actividad del usuario con el mouse. Como probablemente sepa, los movimientos del mouse imitan los movimientos de los ojos de los usuarios. El seguimiento de los movimientos del cursor y el desplazamiento le darán pistas importantes sobre cómo interactúan los usuarios con el 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 desarrollar un buen diseño de UX para su público objetivo. Si está acostumbrado a trabajar en equipo, entonces necesita tener acceso a las herramientas adecuadas que puedan ayudar a los miembros de su equipo a colaborar y hacer sus propias propuestas de manera eficiente y sin esfuerzo. A continuación se presentan herramientas de diseño UX para creación de prototipos y diseño colaborativo que pueden resultarle útiles.

ArchivoCuadrado

No es solo una 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 en tiempo real de las personas.

notismo

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

boligrafo rojo

Con RedPen, el diseño colaborativo y la creación de prototipos son rápidos y fáciles. Esta herramienta UX es para modelado y creación de prototipos de diseño colaborativo. Está específicamente diseñado para facilitar el trabajo colaborativo con contenido gráfico. El intercambio de comentarios es muy simple: para resaltar cualquiera de los elementos y dejar una nota, el usuario solo necesita pasar el cursor sobre él. Después de eso, aparece un pequeño campo de texto en el que puede dejar sus comentarios.

memorizar

Gracias a Memosort, la distancia ya no será un obstáculo. Esta increíble herramienta es una de las mejores herramientas de diseño colaborativo. Te ayudará a conectarte con el equipo y colaborar en tiempo real. Todas las notas en Memosort se guardan automáticamente, por lo que no tiene que preocuparse de perder alguna buena idea o sugerencia.

Trello

Olvídese de los correos electrónicos largos y aburridos, Trello está aquí para facilitar la 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 tiene que hacer para agregar personas a un proyecto es arrastrarlo y soltarlo en el mapa apropiado. La herramienta también se actualiza en tiempo real.

visión

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

Resumiendo

Por lo tanto, estas son algunas herramientas de diseño de UX que ayudan a los diseñadores web a crear proyectos en línea exitosos por su cuenta y en equipo, así como a recopilar información sobre la experiencia del usuario para la superación personal. Si conoce alguna otra herramienta útil que olvidamos mencionar, ¡asegúrese de escribir sobre ella en los comentarios!

El diseño es un concepto bastante amplio y vago. ¿Cuándo habla alguien? "Soy diseñador", no está claro de inmediato qué es lo que realmente hace todos los días. Hay varias áreas diferentes, unidas bajo el concepto de "diseño".

Las profesiones relacionadas con el diseño existen en una amplia variedad de campos, desde el diseño industrial (diseño de automóviles y muebles, etc.), el diseño de impresión (revistas y otras publicaciones impresas) hasta el diseño web (sitios web, aplicaciones móviles).

Sin embargo, en los últimos años han aparecido una gran cantidad de nuevas profesiones de diseño, enfocadas en desarrollar interfaces para diferentes tipos de pantallas. Los trabajos titulados diseñadores de UX o UI son incomprensibles para los no iniciados e incluso a menudo para los diseñadores de otros campos.

Intentemos entender qué significa cada uno de estos términos.

Diseñador UX (Diseñador de EXPERIENCIA DE USUARIO)

El diseñador de UX se enfoca principalmente en cómo el producto "se siente", es percibido por el usuario. La tarea establecida por el diseñador no tiene una respuesta correcta. Los diseñadores de UX prueban diferentes enfoques para resolver un problema de usuario específico. La amplia lista de responsabilidades de un diseñador de UX incluye asegurarse de que un producto lleve constantemente al cliente de una etapa a la siguiente. Una forma de lograrlo es realizar pruebas directas con un usuario real para poder observar su comportamiento. Mediante la identificación de obstáculos verbales y no verbales, los diseñadores de UX mejoran el producto y constantemente crean la mejor interacción posible del usuario con el producto. La versión de prueba es necesaria para garantizar el uso más conveniente del producto.

Un ejemplo de descripción de trabajo para un diseñador de experiencias en Twitter:

“Defina modelos de interacción, flujos de tareas de usuario y especificaciones de interfaz de usuario. Presente diferentes escenarios, describa el proceso de uso y los modelos de interacción de principio a fin y muestre ejemplos a las partes interesadas. Trabaje con nuestro director creativo y diseñadores visuales para unir la identidad visual y la identidad de Twitter. Evolucione o guarde diseños, maquetas y estándares según sea necesario"

Resultados del trabajo: diseños de pantalla, guiones gráficos, plano del sitio.

Herramientas: Photoshop, Sketch, Illustrator, fuegos artificiales, InVision

Diseñador de UI (diseñador de INTERFAZ DE USUARIO)

A diferencia de los diseñadores de UX, que son responsables de la experiencia general de un producto, el trabajo de un diseñador de UI gira en torno a cómo se diseña el producto. Estos profesionales son responsables del diseño de cada página o pantalla con la que interactúa el usuario y deben asegurarse de que la interfaz de usuario coincida visualmente con la ruta establecida por el diseñador de UX. Por ejemplo, un diseñador de interfaz de usuario que crea un tablero de análisis puede presentar el contenido más importante en la parte superior de la página o decidir que un control deslizante o un botón de control es más apropiado para la percepción del usuario sobre el ajuste del gráfico.

Por lo general, el diseñador de la interfaz de usuario también es responsable de crear un estilo consistente y debe asegurarse de que se aplique el "lenguaje" de diseño adecuado en todo el producto.

Mantener la coherencia en todos los elementos visuales y definir el comportamiento (por ejemplo, cómo mostrar errores o advertencias) es competencia del diseñador de la interfaz de usuario.

La línea entre estas dos profesiones es muy borrosa y, a menudo, las empresas contratan a una persona para estos dos puestos.

Herramientas: Photoshop, Sketch, Illustrator, fuegos artificiales

Diseñador visual (diseñador gráfico)

Un diseñador visual es alguien que se ocupa de los gráficos. Si le preguntas a alguien que no diseña qué es un diseñador, lo primero que te viene a la cabeza es diseñador gráfico. Los diseñadores gráficos no tienen nada que ver con la forma en que las pantallas se comunican entre sí o con la forma en que alguien interactúa con un producto. En cambio, se enfocan en crear hermosos íconos, controles y otros elementos visuales, y en elegir las fuentes apropiadas. Los diseñadores gráficos trabajan en los pequeños detalles que a otros no les importan y, a menudo, trabajan en Photoshop con un zoom de 4X u 8X.

También es bastante común que los diseñadores de UI hagan una doble tarea y creen la versión final de los elementos de la imagen. Algunas empresas optan por no contratar a un diseñador gráfico por separado.

Herramientas: Photoshop, Bosquejo

Diseñador interactivo (diseñador de movimiento)

¿Recuerdas la animación de rebote casi imperceptible cuando actualizas el correo en tu iPhone? Este es el trabajo de un diseñador de movimiento. A diferencia de los diseñadores gráficos que trabajan con elementos estáticos, los diseñadores de movimiento crean animaciones dentro de las aplicaciones. Se ocupan de lo que hace la interfaz después de que el usuario la toca. Por ejemplo, deciden cómo debe expandirse el menú, qué efectos de transición usar y cómo debe responder cada botón. Un diseño de movimiento bien ejecutado se convierte en una parte integral de la interfaz y ofrece indicaciones visuales sobre cómo usar el producto.

Descripción del trabajo del diseñador de movimiento en Apple:

“Altas calificaciones en diseño gráfico, motion graphics, conocimiento de arte digital, buena percepción de fuentes y colores, atención general a materiales y texturas, así como una comprensión práctica de la animación. Conocimiento de iOS, OS X, Photoshop e Illustrator, también familiaridad con Director (o equivalente), Quartz Composer (o equivalente), modelado 3D, gráficos en movimiento"

Herramientas: AfterEffects, Core Composer, Flash, Origami

Investigador de UX (Investigador de usuarios)

El objetivo de un investigador de UX es responder dos preguntas: "¿Quién es nuestro cliente?" y “¿Qué quiere nuestro consumidor?” Por lo general, las responsabilidades de un investigador incluyen realizar entrevistas a usuarios, investigar datos de marketing y recopilar análisis generales. El diseño es un proceso de mejora continua. El investigador puede ayudar en este proceso realizando pruebas A/B para determinar qué solución de diseño satisface mejor las necesidades del cliente. El investigador de UX suele ser el pilar de las grandes empresas, donde el acceso a una gran cantidad de información le brinda suficientes oportunidades para llegar a conclusiones significativas.

Descripción del puesto de investigador de experiencia de usuario de Facebook:

“Trabajar en estrecha colaboración con los equipos de productos para determinar el tema de investigación. Realizar investigaciones que aborden tanto el comportamiento del consumidor como sus opiniones al mismo tiempo. Llevar a cabo investigaciones utilizando una amplia gama de métodos cualitativos y cuantitativos, como encuestas”.

Los diseñadores de UX sirven periódicamente como investigadores de UX.

Resultados del trabajo: perfil de usuario, resultados de pruebas A/B, investigación/entrevistas de comportamiento del usuario.

Herramientas: micrófono, papeles, documentos

Desarrollador externo (desarrollador de interfaz de usuario)

Los desarrolladores externos son responsables de la implementación funcional de la interfaz del producto. Por lo general, un diseñador de UI entrega una maqueta estática a un desarrollador externo que luego la transforma en un producto interactivo que funciona. Los desarrolladores externos también son responsables de la codificación y el diseño de los gráficos interactivos que crea el diseñador de movimiento.

Herramientas: CSS, HTML, JavaScript

diseñador de producto

Un diseñador de productos es un término general para describir a un diseñador que generalmente está involucrado en el proceso de creación de la apariencia de un producto.

El papel de un diseñador de productos no está bien definido y varía de una empresa a otra. Un diseñador de productos puede hacer una codificación mínima, investigar a los usuarios, crear una interfaz o crear elementos visuales. De principio a fin, un diseñador de productos ayuda a identificar el problema inicial, establece algunos criterios para resolverlo y luego crea, prueba y refina varias soluciones. Algunas empresas que quieren trabajar en el marco de una cooperación más “fluida” indican esta vacante cuando buscan un candidato para eventualmente crear un equipo de diseñadores diversos y trabajar en la experiencia del usuario del producto, realizar investigaciones del usuario y crear elementos visuales.

Algunas empresas usan "diseñador de UX" o simplemente "diseñador" como un término que abarca todo. Leer la descripción del trabajo es la mejor manera de averiguar cuál será tu área de especialización.

Descripción del puesto de diseñador de productos de Pinterest

“Conocimiento de todas las áreas del diseño: interacción, parte visual, trabajo con el producto, maquetación. Creación de plantillas para elementos de imagen y su diseño.

Buscando un diseñador

La frase más común que escucho de las nuevas empresas jóvenes. Por lo general, buscan a alguien que pueda hacer todo lo anterior. Están buscando a alguien que pueda crear hermosos íconos, crear páginas de inicio, ejecutar pruebas A/B, colocar elementos de la interfaz de usuario en la pantalla de forma lógica e incluso puede cumplir con algunas de las responsabilidades de un desarrollador externo. Debido a la naturaleza general de esta posición, a menudo escuchamos que una empresa quiere contratar solo a un "diseñador" sin profundizar en los detalles y especificidades de esta profesión.

Los límites entre cada una de estas direcciones de diseño son muy borrosos. Se supone que algunos diseñadores de UX también trabajarán en la interacción del usuario, y algunos diseñadores de UI también trabajarán en gráficos. La mejor manera de encontrar un diseñador es describir en detalle lo que espera de él como parte de su trabajo para su empresa y elegir un título de trabajo que refleje más claramente los deberes de un diseñador.

Hay muchas áreas relacionadas con el diseño en la industria de TI. Los más comunes son los diseñadores, escondidos detrás de las siglas UX y UI. Bueno, algunas personas logran inscribir incluso a los desarrolladores front-end como diseñadores. Intentemos averiguar quiénes son los diseñadores en el mundo de TI, cuál es la diferencia entre UI y UX, y cómo se relacionan los diseñadores front-end con el diseño.

Diseñadores

Desarrollar la interfaz de aplicaciones, sitios web o juegos es un proceso bastante complicado y requiere la aplicación de conocimientos de diferentes áreas: ingeniería, psicología y diseño. Los diseñadores de interfaz de usuario (en inglés, User Interface o UI) se centran en la forma en que se muestra la funcionalidad del sitio (búsqueda, pestañas, menús) y los detalles de la interacción entre el cliente y la interfaz. El objetivo de un diseñador de UI es un diseño de producto moderno estéticamente aceptable.. UX significa User Experience, que significa "experiencia de usuario". Un diseñador de UX está más centrado en la usabilidad y la comprensión de la interfaz por parte del usuario potencial. Dicho especialista a menudo realiza investigaciones y encuestas que formarán la base para crear un concepto de diseño, y también prueba los conceptos durante el desarrollo y después. Por lo general, se enfoca en la estructura, el contenido, la navegación y cómo el usuario interactúa con esos elementos.

Produce sitemaps, prototipos, que son la estructura básica para la creación de software. El objetivo de un diseñador de UX es garantizar que el usuario obtenga del sitio de manera rápida y sencilla lo que busca. Sin embargo, hoy en día es muy común ver estas dos especializaciones escritas con una barra oblicua. Es decir, las tareas de ambas direcciones son realizadas por un especialista. El diseñador de UX/UI diseña la interacción del usuario con la interfaz, decide qué debe hacer exactamente y es responsable de cómo se verá esta interfaz como resultado.

Lo que un diseñador de UX/UI necesita saber

Editor gráfico. Las herramientas más populares en el mercado son Adobe Photoshop, Adobe Illustrator, así como Sketch, Figma. Elija un editor que sea conveniente para usted y primero intente dibujar capturas de pantalla del sitio o la aplicación modernizándolos un poco.

Herramientas de creación de prototipos (Mockplus, Axure). La herramienta de creación de prototipos es el vínculo entre una idea y su implementación. No importa qué herramienta uses. Puedes probar algunos y decidir cuál se adapta a tu estilo y preferencias.

Psicología del usuario. Ya en la etapa de desarrollo del diseño, vale la pena considerar si será conveniente para usted o para otra persona usar esta interfaz. Ponte en el lugar del cliente, crea un fuerte vínculo con él y estate atento a sus necesidades. Después de todo, el producto tendrá éxito si hay demanda.

También necesitarás conocimientos teoría del color. Algo que sabemos desde la infancia, especialmente aquellos que fueron a la escuela de arte. Sin embargo, hay ciertos detalles con respecto al trabajo de los diseñadores. Los conocimientos básicos se pueden obtener de libros o artículos en Internet.

Es deseable tener una idea sobre tipografía, un medio para combinar texto y componentes visuales.

Composición y usabilidad del sitio web.

Dependiendo de las especificaciones del trabajo, es posible que necesite conocimientos de HTML y CSS, o (algunos) lenguajes de programación (los enlaces a los recursos se pueden encontrar a continuación, en la sección "Lo que debe saber un desarrollador front-end").

Desarrollador frontal

La tarea principal del desarrollador front-end es desarrollar el lado del cliente de la interfaz. Es decir, tal especialista "revive" lo que los diseñadores han diseñado. Es el responsable del funcionamiento y funcionamiento de la interfaz y menos del contenido visual. El desarrollador front-end a menudo tiene que encontrar una buena solución para la interfaz de usuario en la etapa de desarrollo, por lo que a menudo interactúa con el diseñador de UX/UI. El código escrito por el desarrollador front-end se ejecuta en el navegador del usuario (como dicen, "en el lado del cliente"). Además, una de las tareas más importantes es verificar que el sitio o aplicación web se vea igual en todas las plataformas y navegadores.

Lo que un desarrollador front-end debe saber

Como regla general, el front-end se basa en tres pilares: el lenguaje de marcado de páginas HTML, las hojas de estilo CSS y el lenguaje de programación JavaScript. Además, el desarrollador front-end debe comprender los principios del protocolo HTTP, los servidores y los navegadores, las características de visualización de la interfaz en varios dispositivos que se encuentran actualmente en el mercado. Las herramientas y los métodos para crear interfaces web evolucionan y cambian constantemente, por lo que el desarrollador debe monitorear esto constantemente.

HTML y CSS (diseño)

Este es el diseño, los mismos ladrillos a partir de los cuales se construye el sitio. El lenguaje de marcado HTML dicta la organización del sitio, el contenido y toda la interacción entre ellos. Te permite designar la parte superior de la página, parte inferior, bloques laterales con contenido, encabezados, visualización de texto y elementos multimedia. Las hojas de estilo CSS se utilizan para decorar elementos HTML. Determinan exactamente cómo se muestra cada elemento gráfico que se encuentra en la página. Con las últimas versiones de HTML5 y CSS3, puede colocar componentes de video y audio en una página, crear imágenes y animaciones en 2D e incluso escribir juegos simples. No es necesario tratar de recordar todas las etiquetas y estilos a la vez. Será útil aprender los conceptos básicos y ponerlos en práctica de inmediato. Un muy buen sitio donde puedes aprender los conceptos básicos de HTML y CSS es W3School. Pero solo si tienes al menos conocimientos básicos de inglés. Además, el desarrollador front-end debe comprender el desarrollo multinavegador y multiplataforma, el diseño adaptable y receptivo.

Oreja

Es un framework para HTML, CSS y JavaScript. Es decir, ciertas plantillas, desde las cuales, como desde un constructor, puede ensamblar sitios mucho más rápido que sin ellas. Pero, por supuesto, debe ajustarlo usted mismo a sus necesidades. Si sabe inglés, le recomendamos el sitio getbootstrap y el mismo w3schools.

JavaScript

Javascript es el núcleo del desarrollo front-end. Es el primer lenguaje de programación de interfaz y el más utilizado. Él es capaz de agregar muchas funciones al sitio. En un nivel básico, este lenguaje le permite agregar elementos interactivos a una página. Se utiliza para crear mapas que se actualizan en tiempo real, juegos interactivos en línea y películas. En nuestros cursos senior de JavaRush, aprendemos un poco de JavaScript. También puedes estudiarlo en la misma W3School o leerlo en ruso, en el sitio javascript.ru.

jQuery

jQuery es una biblioteca de Javascript que contiene complementos y extensiones que pueden hacer que el desarrollo sea aún más fácil y rápido. En lugar de escribir código desde cero, las bibliotecas le permiten agregar componentes listos para usar, que luego se pueden personalizar para un proyecto específico. Puede usar las funciones de autocompletado del formulario de búsqueda, reorganizar y cambiar el tamaño de la cuadrícula y configurar temporizadores de cuenta regresiva. Curso práctico de jQuery en w3school

Marcos de Javascript

Hay diferentes tipos de marcos, pero puedes elegir el que más te convenga. Los más famosos son Angular, Backbone, Ember y React. Son una estructura preparada para el código. Ayudan a acelerar el desarrollo. Y en combinación con las bibliotecas, pueden minimizar el desarrollo de un sitio o una aplicación desde cero. Descripción general de los 5 marcos y bibliotecas de JavaScript más populares de 2017

Sistema de control de versiones Git

Los sistemas de control de versiones pueden rastrear los cambios que se realizan en el código a lo largo del tiempo. También le permite volver a una versión anterior del proyecto. Git es el sistema de control de versiones más utilizado. Saber trabajar con Git es una habilidad esencial para todo desarrollador.

Breves conclusiones

UI significa interfaz de usuario, lo que significa "interfaz de usuario" en la traducción. Eso es, diseñador de interfaz de usuario es el principal responsable de cómo se presenta el producto al usuario. Desarrolla botones, iconos, selecciona fuentes, prepara el diseño. UX significa experiencia de usuario. De modo que diseñador de experiencia de usuario diseña el diseño del sitio, la aplicación, sí, cualquier cosa, para que el usuario se sienta cómodo y comprensible qué es qué, y pueda obtener lo que necesita del sitio con un mínimo esfuerzo. Muy a menudo, ambos tipos de trabajo son realizados por una persona-orquesta: diseñador de UI / UX. El desarrollador front-end da vida al trabajo de los diseñadores, aportando dinámicas: los botones comienzan a presionarse y la imagen cambia. Debe conocer lenguajes de programación con sabor a frameworks, preprocesadores y librerías.

Cuando se les pregunta cuál es la diferencia entre un diseñador de UX y un diseñador de UI, les gusta responder en negación. Ya sabes, un recurso tan literario. Como "UX no se trata de la interfaz, no se trata de diseño gráfico, no se trata de usabilidad, no es análisis, no es un prototipo". Hoy mostramos brevemente la diferencia, contamos la historia de la aparición de términos y explicamos por qué dos conceptos, incluso después de tantos años, se fusionan con tanto entusiasmo en uno: UX / UI.

Brevemente sobre la diferencia.

Un diseñador de UI (interfaz de usuario) es un diseñador de interfaz en un entorno ideal que dibuja botones, íconos, formularios, selecciona fuentes y crea un diseño armonioso y hermoso de todo. Sitio, aplicación, cualquier cosa, con la que el usuario interactuará, incluso la pantalla de la terminal de la estación. Y no piensa en nada más.

Un diseñador UX (experiencia de usuario) no es un diseñador, sino un diseñador (es que en inglés la palabra designer tiene solo la segunda acepción). Estudia las necesidades de los usuarios, construye esquemas lógicos para el funcionamiento de la interfaz, prueba prototipos en personas reales y redacta los requisitos técnicos para el diseño. En otras palabras, este es un ingeniero de marketing: en la entrada hay un analista, en la salida están los principios de creación de una interfaz, la lógica del trabajo, el diseño, el contenido. No tiene nada que ver con el dibujo como tal.

Eso es todo.

¿Por qué tenía que ser complicado?

Como era antes: al diseñador se le dio la tarea de "dibujar el sitio". Todos los sitios eran más o menos iguales: inicio, sobre la empresa, catálogo, más abajo en la lista. El diseñador preguntó: “¿cuándo nos darán el contenido?”. Nunca, camarada espíritu, esto es el ejército.

Y el diseñador simplemente se llamaba "diseñador". No hay accesorios en el extranjero.

Lo que sucedió después: las agencias querían obtener más dinero y el mundo comenzó a pasar gradualmente de "solo sitios" a servicios web complejos. Un servicio no es solo una interfaz única, también es un proceso comercial especial detrás de él. Por ejemplo, recuerde el sitio web de Airbnb: sin un estudio profundo del tema, ni un solo diseñador gráfico podría crear una interfaz de inmediato.

Como había más trabajo, era necesario dividir una profesión en varias. Ahora el especialista en UX (llamémoslo así para que no haya confusión) investigó y diseñó la arquitectura de la información, el prototipista hizo la parte funcional y el diseñador gráfico (UI) creó el producto final: moderno y agradable a la vista.

Lo mismo ya ha sucedido en la industria. Por ejemplo, solo los "programadores" se dividieron en "frontend" y "backend". Y front-enders en verdaderos front-enders y "solo diseñadores de diseño". De paso, .

La razón es siempre la misma: una sola persona no es suficiente para un gran proceso. Vayamos más lejos.

¿Quién es un diseñador de UX/UI?

Lo que es divertido: los puestos de diseñador de UX / UI a menudo aparecen en las vacantes, así como así, a través de una barra oblicua. Incluso Tinkoff está buscando un especialista en kkcombo de este tipo:

Del otro lado de las barricadas, los diseñadores, todos sin excepción, comenzaron a referirse a sí mismos como UX/UI. Porque ser solo un diseñador es fu, pasado de moda.

¿Quién es UX/UI en un mundo ideal? Un superhumano que pasa todo el ciclo de trabajo de UX y luego se las arregla para dibujar todo con varias iteraciones de ediciones (para hacer UI).

¿Quién es realmente UX/UI? Sólo un buen diseñador. Para aquellos que consideran su deber no sólo “figurar planos”, sino abordar cada proyecto de forma individual, a partir de análisis, preguntas, aclaraciones, croquis, diagramas, etc. Esta no es una experiencia de UX completa, pero, por regla general, es suficiente para respaldar un servicio listo para usar o desarrollar "solo un sitio web".

Entonces, si ve un mutante increíble de UX/UI, tenga en cuenta que:

• Este es un diseñador que aborda el proyecto con cabeza, y no solo hace clic con el mouse y el pico.
• Este es un tipo que ha estado leyendo palabras de moda y ahora se hace llamar UX/UI.

Es fácil de verificar: pídale al diseñador que le diga por qué eligió tal disposición de elementos, tal secuencia de pantallas, etc. Un buen diseñador no toma una sola decisión de interfaz así como así: todo tiene una justificación lógica.

De paso

Este artículo ya es el segundo de una serie de "en qué se diferencia un especialista web de otro". Lo que nos impulsó a la idea de hacer un directorio de todas las profesiones de la web, con diferentes opciones para sus nombres. Para facilitarle la vida al cliente (ya todos nosotros, por supuesto).

Traducción de material de Hubspot sobre qué es el diseño de UX, cómo se crea, qué herramientas se utilizan y por qué el diseño de UX es necesario para los negocios.

¿Cuál es el uso de su sitio web o aplicación? ¿Es solo para recopilar información con él? ¿O comprar con un clic y recibir la entrega de los productos mañana? ¿O es más importante encontrar rápidamente las respuestas a las preguntas correctas?

Piense en las personas que desarrollaron este sitio o aplicación. ¿Cuál era su objetivo?

Intentaron crear un recurso web que tuviera todo lo que les encantaría. Un sitio fácil de usar que le brinda rápidamente la información que está buscando y lo ayuda a tomar decisiones informadas.

UX, o experiencia de usuario, abarca las percepciones y emociones que evoca un producto o servicio de software. UX se caracteriza por la facilidad de uso, accesibilidad y conveniencia. A menudo se habla de UX en el contexto de dispositivos electrónicos, teléfonos inteligentes, computadoras, software o sitios web. Pero tal concepto no es nuevo; es algo que está cambiando rápidamente impulsado por los avances tecnológicos, las nuevas interacciones y las tendencias de consumo.

Los usuarios buscan formas ultrarrápidas de resolver problemas, por lo que UX es extremadamente importante. Asegúrese de que el sitio sea claro y fácil de entender para los usuarios.

Si los clientes no encuentran el recurso útil y fácil de usar, se darán de baja rápidamente. La mayoría de los usuarios deciden en un minuto si cierran el sitio.

En este artículo, hablamos más sobre la industria emergente de UX, qué tipo de diseñadores están contratando las empresas y por qué el diseño reflexivo beneficia a todas las empresas.

¿Qué es el Diseño UX?

El diseño de UX, o diseño de experiencia de usuario, es lo que determina qué tan satisfecho estará el usuario con un producto o servicio de software; este proceso implica mejorar la funcionalidad, la usabilidad y la comodidad. El diseño UX es la creación de productos de software con una experiencia de usuario reflexiva y relevante. El campo del diseño de UX cubre muchas subsecciones que vale la pena considerar.

1. Diseño interactivo

El diseño de interacción, o IxD, es una subsección del diseño de UX que define la interacción entre el usuario y el producto; el propósito de estas interacciones es una buena experiencia de usuario.

2. Diseño visual

El diseño visual utiliza ilustraciones, fotografía, tipografía y esquemas de color para mejorar la experiencia del usuario final. En el diseño visual, es importante seguir los principios del diseño artístico. Entre estos están el equilibrio, el espacio, el contraste… El color, la forma, el tamaño y otros elementos también influyen en el diseño.

3. Investigación de usuarios

Este es el último de los componentes básicos del diseño de UX que utilizan las empresas para descubrir las expectativas de sus clientes. Un proyecto web exitoso tiene un propósito específico y resuelve problemas específicos, por lo que un paso importante es averiguar qué necesita el consumidor. Sin esto, el diseño se basa solo en conjeturas y suposiciones.

4. Arquitectura de la información

Los diseñadores utilizan la arquitectura de la información para estructurar y etiquetar el contenido de una manera específica para que a los usuarios les resulte más fácil encontrar la información que necesitan. La arquitectura de la información se aplica en el desarrollo web, desarrollo de teléfonos inteligentes, aplicaciones y se ve en muchos objetos físicos. La facilidad de uso y la accesibilidad son dos aspectos principales de la arquitectura de la información.

Para ilustrar, considere un mapa del metro de Nueva York. Por cierto, este es un buen ejemplo de arquitectura de la información que ayuda a las personas a pasar del punto condicional "A" al punto "B". Y, como suena el postulado del Instituto de Arquitectura de la Información, “si haces algo por los demás, aplicas la arquitectura de la información”.

Los procesos de componentes del diseño UX

Hay tres etapas en el diseño de UX: 1. Encontrar el público objetivo 2. Comprender los objetivos de la empresa: cómo estos objetivos afectan al usuario 3. Pensar fuera de la caja

Por lo general, el diseño de UX adopta un enfoque centrado en el usuario: crea el producto final correcto en tres pasos. En pocas palabras, se deben tener en cuenta las necesidades de aquellos para quienes se está desarrollando el diseño. Se aplican muchas soluciones para eliminar todo tipo de complejidades y asperezas; se crean prototipos y se prueban en los usuarios.

Con base en los resultados del trabajo, se selecciona la mejor de las opciones desarrolladas. Si miras las cosas desde el punto de vista del usuario y diseñas según sus preferencias, a todos les gustará el resultado.

Principios de diseño de UX

La industria del diseño de UX está cambiando rápidamente, pero los principios fundamentales siguen siendo los mismos. Los diseñadores deben comprender lo que necesitan en términos de equilibrio visual. La brevedad y la claridad son matices importantes; aquí se aplica el principio: cuanto menos, mejor. Esfuércese por que el diseño sea intuitivo y, lo que es más importante, tenga en cuenta los intereses y necesidades de los usuarios.

El alcance de UX generalmente se limita a las nuevas tecnologías, pero en el centro de todo hay principios tan antiguos como el mundo que ayudan a los diseñadores a resolver todo tipo de problemas a través de una metodología consistente y sujeta.

Considere el contexto: el usuario debe saber dónde se encuentra en el momento actual. No debe haber una sensación de sobrecarga de información, o de que está perdido. Tu tarea es incitar y señalar la dirección correcta.

Be Human: A nadie le gusta la sensación de interactuar con una máquina. Es más probable que genere confianza si muestra el lado humano de su empresa.

Disponibilidad: Nadie quiere perder el tiempo. El diseño UX exitoso mejora la navegación.

Ligereza: La consistencia y la simplicidad en el diseño siempre es algo bueno. Construye relaciones con los usuarios a través de una experiencia de usuario conveniente.

Simplicidad: Sin errores de cálculo ni descripciones innecesarias. Ir directamente al punto principal.

Experiencia de usuario del resultado

Cuando se completa el proyecto UX, el diseñador y el equipo muestran al cliente y a su equipo una lista de lo que se ha hecho. Es necesario mostrar el proceso de trabajo, una lista de ideas implementadas.

Esta es una parte importante del proceso general. Esto facilita que los diseñadores de UX encuentren lo que buscan, demuestren su visión y expliquen ciertas recomendaciones para mejorar.

1. Investigación de usuarios

Las necesidades, tendencias y motivaciones de los usuarios se revelan a través de varios estudios de usuarios. Estos pueden ser datos cuantitativos y cualitativos obtenidos durante las pruebas, por ejemplo, con la participación de grupos focales; una descripción detallada del proceso de registro, incorporación y solicitudes al servicio de atención al cliente. El objetivo es obtener un análisis detallado de lo que hay en el sitio y qué más se puede mejorar: todas las ideas se prueban en usuarios reales.

Los investigadores crean retratos de consumidores basados ​​en datos reales sobre las personas, lo que ayuda a determinar con precisión quién interactuará con un sitio web o una aplicación.

A través de la investigación de usuarios, los diseñadores encuentran y definen a su usuario.

2. Evaluación de competidores

Evaluar las fortalezas y debilidades de los competidores es una forma de expandir tu propia estrategia de UX. Lo mejor es actuar con la ayuda de informes analíticos que destaquen desarrollos competitivos. De hecho, este es un análisis detallado del diseño interactivo de los competidores, una lista de debilidades, errores de cálculo y omisiones, en general, lo que puede convertirse en una ventaja competitiva.

3. Diseño interactivo

La descripción de las interacciones del usuario puede tener la forma de un prototipo; de esta manera, es más fácil comprender cómo los usuarios realizarán tareas clave, encontrarán información y, en general, utilizarán el producto. Se describe el proceso de búsqueda de información y cuán conveniente es el desarrollo. El prototipo debe ser lo más simplificado posible y cercano a la versión final.

4. Arquitectura de la información

IA es el proceso de tomar información y convertirla en una forma digerible, lo cual es especialmente importante para sitios grandes. Es importante comprender el contexto en el que las personas utilizarán el diseño. El resultado final podría ser un mapa del sitio con sugerencias o un flujo de usuario de muestra que muestre cómo los visitantes navegan por el sitio.

¿Qué es el diseño de interfaz de usuario?

Cuando Apple introdujo el componente de navegación Click Wheel para el iPod, la cosa era intuitiva y muy funcional, por no mencionar la visual. Este es un buen ejemplo de una interfaz de usuario exitosa o UI. La interfaz de usuario es la forma en que interactúa con computadoras, máquinas, sitios web, aplicaciones, dispositivos portátiles, etc. El diseño de la interfaz de usuario es lo que hace que todas estas cosas sean lo más simples y eficientes posible.

interfaz de usuario frente a experiencia de usuario

UX, experiencia de usuario, se refiere al movimiento del usuario en un sitio web o aplicación. Los diseñadores de UX trabajan en la forma y función de un producto o tecnología. La interfaz de usuario, o interfaz de usuario, se centra en cómo se ve y funciona la capa exterior de un producto. El alcance de los diseñadores de UI son los componentes tangibles y visibles de este proceso.

Elementos generales de la interfaz de usuario

UX y UI tienen mucho en común, pero es importante tener en cuenta las diferencias clave entre los dos temas. Una vez más, la interfaz de usuario se centra en el exterior del producto, mientras que la experiencia de usuario se trata más de cómo las personas interactúan con el sitio o la aplicación. Estos son los elementos de interfaz de usuario más comunes que debe conocer para comprender mejor las diferencias:

Componentes de información: los diseñadores de UI utilizan componentes de información para ampliar los llamados. experiencia del lector – para transmitir más información. Ejemplos de componentes de información son indicadores de estado, notificaciones y cuadros de mensaje. Todo esto se usa como confirmación: el usuario ha completado una determinada tarea. O para notificar que se requiere una determinada acción por su parte.

Navegación de migas de pan

Es una herramienta de diseño que mejora visualmente la usabilidad de un sitio web.

Así es como las personas ven su ubicación en una página web, en su estructura jerárquica. No se requieren elementos de diseño sofisticados, solo necesita mostrar en qué sección del sitio se encuentra el usuario. Por lo general, dichos enlaces se colocan en la parte superior de la página web de las tiendas en línea o en otros recursos.

Controles de entrada: los usuarios tienen múltiples opciones para responder a la pregunta que se les hace. Estos pueden ser casillas de verificación, listas desplegables y botones de opción. La información debe ser breve y concisa para facilitar la comprensión de las necesidades.

Investigación de experiencia

Sin investigación, no será posible conocer las necesidades y preferencias de las personas. La investigación de UX se trata de encontrar lo que los usuarios quieren; los datos obtenidos forman la base del diseño UX. Las empresas y los diseñadores utilizan la investigación para sacar conclusiones sobre lo que funciona y lo que debe cambiarse. Hay varias opciones para la investigación de UX.

Pruebas de usabilidad

El propósito de dicho estudio es averiguar qué tan exitoso es el producto; los usuarios participan en las pruebas. Así es como las empresas obtienen información real sobre cómo las personas usan un producto o sistema, o cómo funciona ese producto o sistema. Hay dos formas principales de probar.

Las pruebas de usabilidad en usuarios aleatorios son una forma rápida y económica para que las empresas y los investigadores obtengan información de personas que pueden no conocer su producto. Personas al azar usan el producto y comparten su opinión.

Las pruebas de usabilidad remotas permiten a las empresas realizar investigaciones mientras los usuarios se encuentran en su entorno natural (por ejemplo, en casa o en la oficina).

Herramientas de prueba de usabilidad

Estas herramientas le permiten conocer la opinión de los usuarios, analizar los comentarios y realizar ciertos cambios en función de los datos. Si está buscando una herramienta que lo ayude a descubrir qué tan fácil es usar su sitio o aplicación, tiene dos opciones:

Adobe Fireworks CS6 permite a los diseñadores web crear gráficos para páginas web sin tener que profundizar en las complejidades del código o el diseño. Adobe Fireworks tiene una serie de ventajas. Esta herramienta tiene una impresionante precisión de píxeles, opciones de compresión de imágenes (JPEG, GIF, etc.), lo que permite a los usuarios crear sitios web funcionales y construir vectores.

Con Adobe XD, puede diseñar sitios web y aplicaciones móviles, así como prototipos, estructuras alámbricas y gráficos vectoriales. Puede compartir prototipos interactivos en múltiples plataformas, incluidas Windows, Mac, iOS y Android: la herramienta es perfecta para el trabajo en equipo.

Axure RP Pro es otra gran herramienta para el diseño de UX y es gratis. Axure tiene varias opciones, incluyendo prototipos y documentación. Incluso puede crear un mapa de navegación del usuario y mapas del sitio. Ideal para crear aplicaciones web y de escritorio, Axure brinda a los usuarios la capacidad de exportar rápidamente a PDF o HTML.

Este es un software complejo con muchas funciones específicas, incl. edición no destructiva (lo que significa que Sketch no cambiará la densidad de píxeles de la imagen con la que está trabajando). Exportación de código, precisión de píxeles, creación de prototipos, edición de vectores: estas son las principales ventajas de Sketch.

6. Software de creación de guiones gráficos

Quizás se pregunte por qué el diseño de UX necesita un guión gráfico. Pero es una buena manera de predecir visualmente cómo un usuario interactuará con su producto en un contexto más amplio. Hay varias herramientas de guión gráfico, con diferentes características y niveles de dificultad.

Storyboarder es un desarrollo gratuito con una funcionalidad básica que es adecuado para todos los diseñadores, independientemente de su nivel de habilidad. Este software crea rápidamente bocetos o figuras de palitos para describir un plan o una idea. Otra herramienta es Toon Boom Storyboard Pro. Combina la función de dibujo, animación, control de cámara y muchas otras opciones, por una tarifa anual o mensual. Amplia funcionalidad para narraciones sofisticadas y trabajos preparatorios detallados. Todos estos son excelentes para los diseñadores que buscan la oportunidad de contar visualmente su historia a través de una interfaz.

¿Cómo convertirse en un diseñador de UX?

Si le encanta el diseño, la investigación y trabajar con personas (escuchar a otros contarle sus experiencias), entonces podría valer la pena considerar una carrera en diseño de UX. En tal caso, tendrás que centrarte en los aspectos conceptuales del diseño; crear una experiencia de usuario de calidad para otros usuarios.

Hay varios pasos importantes en el camino para convertirse en un diseñador de UX. Muchas universidades alrededor del mundo ofrecen sus cursos, pero para matricularse en ellos, 4 años de educación en el campo del diseño suele ser un requisito previo. Hay programas más flexibles como Programa de posgrado de la Universidad de Quinnipiac en diseño de experiencia de usuario. También existen programas de certificación para profesionales. Mucho depende de la duración del entrenamiento y el nivel de entrenamiento.

Si está listo para cumplir su sueño de convertirse en diseñador de UX, necesitará un currículum y una cartera vibrante. Recursos como Dribbble o Behance son útiles. Puede exhibir su trabajo en su propio sitio web creado con constructores como SquareSpace.

No pierdas de vista los siguientes matices:

atractivo visual

La presentación lo es todo. El trabajo debe hablar por sí mismo... ¡muestra, no cuentes! Elección de color, tipografía: todo es importante.

Agregar una página Acerca de

¿Por qué alguien debería contratarte? ¿Qué novedades puedes aportar a cualquier organización? Muestre a los reclutadores su visión única o lo que lo inspira.

El empleado de la empresa de sus sueños no debería tener dificultades para navegar por un sitio de cartera. Agregue secciones como contactos, currículum, cartera, sobre mí, etc. al menú. para facilitar la navegación.

Explica cómo creas tu UX Tu futuro empleador quiere entender tu forma de pensar. Agregue información que le informe al reclutador sobre su investigación de UX, lluvia de ideas, proceso de diseño o creación de prototipos.

Crear una cartera adicional

Use otras herramientas para que su trabajo esté disponible en los recursos web donde los diseñadores y aquellos que quieren contratarlos pasan su tiempo,