¿Qué son UX y UI, y por qué no hay diseñadores de UX?

La expresión "UX / UI-designer" es absurda. La experiencia del usuario (o UX) es tan importante para el diseño como lo es el marketing contextual. Eso es la publicidad contextual es una de las muchas herramientas de marketing. Y el diseño, incluido el diseño de UI, es uno de los muchos factores que moldean la experiencia del usuario o UX.

  • ¿Cuál es la diferencia entre UX y UI?
  • ¿Quién es un diseñador de UX de hecho y por qué no necesita a Figma y Photoshop?
  • ¿Qué papel desempeñan un comercializador, gerente y propietario de una empresa en la configuración de la experiencia del usuario?

Vamos a discutir

¿Por qué los diseñadores de UX / UI no ocurren?

Para responder a esta pregunta, analiza los conceptos.

¿Qué es una interfaz de usuario o interfaz de usuario?

Interfaz de usuario de la interfaz de usuario o sitio (Inglés interfaz de usuario) - un conjunto de elementos con los que el visitante utiliza la página web. Estos incluyen:

  • Menu
  • Ventanas modales.
  • Formas
  • Botones
  • Referencias
  • Contenido

Por ejemplo, para que un usuario agregue un producto al carrito, hay un botón "Comprar" en la interfaz de la tienda en línea. Para que el visitante vea materiales adicionales sobre el tema, hay cuadros de "Lea también" en la interfaz de nuestro blog (ver más abajo).

¿Qué es UX o experiencia de usuario?

Experiencia de usuario o UX: percepción y reacción del usuario ante la interacción con el servicio, servicio o producto. UX incluye emociones, expectativas, preferencias, percepciones personales, reacciones físicas, mentales y de comportamiento que ocurren antes, durante y después de la interacción.

Esta definición es una traducción de la norma ISO 9241-210: 2010 Ergonomía de la interacción humano-sistema.

Ahora en palabras simples. La experiencia del usuario no solo forma los elementos del sitio. El cliente UX de una tienda en línea se ve afectado por:

  • La gama de productos.
  • Precios
  • Disponibilidad de métodos de pago convenientes.
  • Disponibilidad de métodos de entrega convenientes.
  • Gastos de envío.
  • La calidad de los bienes.
  • Calidad de embalaje en el envío.
  • La capacidad de devolución o cambio de bienes.
  • Voz del operador del call center.

La lista está lejos de ser completa. El último punto enfatiza que no solo los factores objetivos influyen en la experiencia de usuario. La percepción del usuario, las emociones, las expectativas, las preferencias, las reacciones físicas y mentales son algunos de los factores subjetivos que dan forma a la experiencia del usuario.

Un ejemplo simple en la ilustración muestra la actitud remota de UX para diseñar.

En el sitio web de la tienda en línea, el producto cuesta 900 rublos, además, no está disponible. En el grupo de un vendedor privado en la red "VKontakte" el mismo producto cuesta 600 rublos. Atención, pregunta: ¿qué tiene que ver el diseñador con eso?

Quien puede llamarse el diseñador de UX en realidad

El diseñador en el sentido habitual de la palabra no controla completamente la UX. Los colores complementarios son inútiles si vendes un producto de baja calidad. Con la ayuda de "Photoshop" no se pueden sacar manos directas de los empleados del servicio de entrega que empacan artículos poco frágiles. El diseñador, incluso si se le agregó un prefijo UX en su credencial, no puede formar completamente la experiencia del usuario.

Dan Makoski, jefe de diseño de Lloyds Banking Group, dice que el diseño de UX no existe. La experiencia es una experiencia subjetiva que el diseñador no puede controlar. El especialista solo puede influir en la experiencia del usuario.

Sin embargo, el diseñador a través de la interfaz y el diseño visual del sitio afecta la experiencia del usuario. Otros profesionales también influyen en la experiencia del usuario:

  • El autor y el editor ayudan al visitante a encontrar la información necesaria en el sitio.
  • Un desarrollador web convierte diseños de diseñador en páginas web en vivo.
  • El trabajador de la fábrica elabora un producto de calidad para el cual el usuario accede al sitio.
  • Un gerente de ventas ayuda a un cliente a entender exactamente qué producto necesita.

Puede continuar esta lista por su cuenta, ajustada al alcance de las actividades de la empresa y las peculiaridades del proyecto web.

¿A quién se le puede llamar diseñador o diseñador de experiencia de usuario? ¿Quién planifica, implementa y controla la interacción del cliente con el negocio? ¿Quién puede enderezar las manos torcidas de los empacadores, insinuar a los proveedores una escasa variedad, enseñarles los buenos modales de los pargos desde el centro de llamadas?

Dependiendo de la escala de la empresa, estos son altos directivos y propietarios.

El gerente principal o el propietario de la empresa es responsable de la experiencia del usuario o la experiencia de la interacción del consumidor con el negocio. Su primer asistente es un comercializador o jefe de marketing. Aquí están los verdaderos diseñadores o diseñadores de UX.

Cómo el diseño de IU mejora la experiencia del usuario

Se ha dicho anteriormente que las manos directas de los empacadores, el buen corazón de los operadores del centro de llamadas y el ojo atento del editor afectan la experiencia de usuario. El diseño de la interfaz de usuario también influye en la experiencia del usuario. Los siguientes ejemplos confirman esto. Pero primero necesitas romper otro patrón.

El hecho es que no existe una definición universalmente aceptada del término y la responsabilidad del diseñador web en general y del diseñador de interfaz de usuario en particular. Tenemos un diseñador web llamado diseñadores de páginas web. Estos expertos diseñan la interfaz, hacen un prototipo y le dan el diseño al desarrollador web. Un desarrollador web implementa el diseño utilizando HTML, CSS, JavaScript y otras herramientas.

En burzhunete web designer: un especialista que diseña e implementa páginas web. Echa un vistazo al curso de Diseño Web Responsivo en freeCodeCamp. Estos son los fundamentos de HTML y CSS. El mismo enfoque es seguido por el recurso educativo "Hekslet". En la primera lección del curso sobre HTML y CSS, los maestros explican por qué es mejor llamar a los diseñadores web aquellos que se llaman corredores en runet.

El segundo enfoque es más lógico, ya que la UX está influenciada no solo por el proyecto de la página web en su conjunto y la interfaz web en particular, sino también por la corrección de la implementación de este proyecto. Los siguientes ejemplos confirman esto.

El atributo alt es crítico para la UX de las personas con discapacidad visual.

Este es el ejemplo más trivial de cómo una interfaz de usuario influye en la experiencia del usuario. Cuando una persona normal aterriza en una página de destino, ve hermosas fotos del producto. Cuando una persona con discapacidad visual aterriza en una página de destino, no ve la imagen.

El atributo alt de la etiqueta img resuelve el problema. Si no ha metido las palabras clave en él, pero describió la imagen, una persona ciega entiende el contenido de la foto con un lector de pantalla.

Verificación de la corrección de los campos de formulario mejora UX

Seguramente se enfrenta a una situación desagradable: complete un formulario largo, intente enviar datos y reciba un mensaje de error. La implementación de una interfaz de usuario con estándares HTML5 protege contra este problema y mejora la UX.

Intente ingresar números o texto en el cuadro de dirección de correo electrónico a continuación. Si ingresa un valor incorrecto, el formulario lo muestra inmediatamente. Para esto, el diseñador web especificó el tipo de datos para el campo de formulario (tipo de entrada = "correo electrónico").

Consulte la validación de Pen Email por Dmitriy Dementiy (@ dmitriy-dementiy) en CodePen.

Autofocus ahorra tiempo al visitante

Preste atención a la ilustración. Después de ir a la página de inicio de sesión, el usuario puede ingresar inmediatamente un número de teléfono. No es necesario colocar el cursor en el campo de formulario.

Los diseñadores web han mejorado su experiencia de usuario con el atributo autofocus.

Los autores pueden mejorar UX con anclajes informativos.

Los anclajes como "aquí", "leer más" o "tyts" reducen la comodidad de la interfaz de usuario y degradan la experiencia del usuario. La mayoría de los usuarios sobrevivirán a esto, ya que pueden leer el texto circundante y entender contextualmente a dónde conduce el enlace.

Las personas con discapacidad visual más difíciles. Los lectores de pantalla tienen navegación en los enlaces de la página. Las personas ciegas escuchan anclas, pero no ven el texto circundante. Por eso es importante utilizar anclajes informativos. Por ejemplo, aquí hay un enlace al tutorial Yandex.Direct.

La carga asíncrona de guiones mejora el UX.

El código externo puede bloquear la carga de la página. Atención a la ilustración.

Para evitar problemas con UX, el diseñador web ha configurado la carga asíncrona de scripts. En este caso, el contenido de la página se carga, incluso si el script externo no está disponible de forma temporal o permanente.

La mayoría de los servicios, incluidos Google AdSense, YAN y otros, ofrecen a los usuarios un código con carga asíncrona de forma predeterminada. A veces los propietarios del sitio rechazan esta opción debido a la inexperiencia. Esto puede afectar negativamente la experiencia del usuario.

Los bloques de recomendación mejoran UX y mejoran el rendimiento del sitio

Agregar un bloque de recomendaciones a la interfaz del sitio es una manera simple y efectiva de mejorar la experiencia del usuario. Esto es relevante tanto para proyectos de contenido como para sitios de comercio electrónico. Las tiendas en línea con la ayuda de bloques de referencia como "Ver también" o "Con este producto que compran" aumentan la conversión y aumentan la factura promedio.

Puede agregar un bloque de recomendaciones a la interfaz del sitio usando servicios como Relap o myWidget, así como también usando las herramientas del CMS seleccionado.

Para mejorar la experiencia del usuario, quite la barra lateral

El director de diseño de Apple, Jonathan Ive, dice que no debería haber elementos innecesarios en una buena interfaz de usuario. El rechazo de la barra lateral es una forma simple y efectiva de eliminar un elemento adicional de la interfaz del sitio y mejorar el UX. En este caso, la mejora de la experiencia del usuario se transforma en un aumento de la eficiencia del sitio. Esto lo confirman los estudios que escribimos en el artículo sobre la usabilidad de la barra lateral.

La respuesta visual anima la interfaz y hace feliz al usuario.

Los elementos de la interfaz de respuesta visual ayudan al visitante a utilizar la página y mejorar la UX. Ejemplos:

  • Cambiar el botón cuando se desplaza.
  • Cambiar el color del campo u otra confirmación visual del llenado correcto del formulario.
  • Una barra de progreso que cambia a medida que se desplaza por la página.

El "aire" en la página hace que la interfaz sea más conveniente

El espacio libre hace hincapié en los elementos de la interfaz, ayuda a los usuarios a buscar el contenido o la funcionalidad que desee. Para mejorar la interfaz de usuario y UX, agregue aire a la página.

Los ejemplos anteriores son suficientes para mostrar la influencia de la interfaz de usuario en la experiencia del usuario.

Debo señalar que Dmitry considera trabajar con la experiencia del usuario en un sentido amplio, desde el punto de vista de los procesos de negocios, desde y hacia. Este enfoque es relevante si la empresa en el estado tiene sus propios especialistas que tratan estos problemas. Nuestra agencia también se ocupa de la experiencia del usuario, sin embargo, lo hacemos como parte del trabajo de promoción, es decir, los procesos en los que podemos influir como contratistas: análisis de la audiencia objetivo, análisis de comportamiento mediante sistemas estadísticos, encuestas de grupos focales, etc. Pero en el marco de nuestro trabajo, el diseño de UX está dando resultados y es un factor importante en la optimización de motores de búsqueda de alta calidad.

UI - parte, UX - entero

La experiencia del usuario va más allá de la competencia del diseñador web. El diseñador puede influir en el UX utilizando la interfaz de usuario. Pero para llamar a un especialista en la creación de páginas web diseñador de la experiencia del usuario no puede. Es lo mismo que designar a un cajero en una tienda cercana a la casa como responsable del resultado financiero y exigirle los mismos volúmenes de ventas que en el hipermercado.

UX no se limita al sitio. La experiencia del usuario está influenciada por el trabajador de la máquina, el cargador, el proveedor, el vendedor, el diseñador y desarrollador del sitio, el autor y el editor, el administrador de cuentas, etc. Y la orquesta está dirigida por el jefe de la empresa y su mano derecha de marketing.

En conclusión, es apropiado citar a Steve Jobs, que fue un verdadero diseñador de experiencia de usuario o un diseñador de experiencia de usuario.

El diseño no es lo que parece una cosa. El diseño es como funciona.

Loading...

Deja Tu Comentario