Historias de diseño web de UX: el rol de UX y sus 5 principios

El diseño de sitios web no es estático, está cambiando constantemente. Las innovaciones a menudo suceden, pero no todas las innovaciones son bien recibidas. El juez aquí es el usuario final de un sitio web. Los diseñadores de UX deben ser conscientes del progreso reciente, pero no deben tomarlos solos. Se deben realizar muchas pruebas para proporcionar la mejor experiencia de uso. Detrás de cada progreso, algunas cosas aún son verdes: los principios de diseño. Los principios de diseño se profundizan en la psicología humana y cómo el cerebro humano está obligado a responder a ciertos estímulos visuales. Es por eso que cada diseñador web (aficionado o profesional) debe conocerlos y aplicarlos.
Esto significa que la tarea de un diseñador web puede ser bastante desalentador: cómo puede equilibrar el diseño notable y la experiencia del usuario adecuada (UX). Más del 88% de los compradores en línea no regresan a un sitio web después de tener una mala experiencia de usuario. Entonces, para que regresen, necesitas mejorar UX. Ahora comprendamos cómo puede usar los principios de diseño de UX en su sitio web. ¿Qué papel juega UX en su sitio web? La experiencia del usuario esencialmente conecta los puntos entre una persona y un producto, digital o no. El objetivo principal de cualquier sitio web o empresa es atraer clientes potenciales potenciales y aumentar sus ventas. Y, sin duda, el diseño de UX juega un papel esencial en el logro de estos objetivos.
Un buen diseño de UX ayuda a sitios web corporativos, tiendas en línea, blogs, periódicos en línea a tener un buen rendimiento. Pero vayamos un poco más profundamente en el papel que UX juega en un sitio web. Comprender el comportamiento del usuario Para comprender a fondo qué hace que los usuarios lleguen a ciertos productos, es necesario profundizar en la psicología humana. Convencer a las personas a realizar una acción adecuada, como registrar o comprar un producto, puede ser bastante difícil en cada industria. Pero, ¿cómo puedes convencerlos? Bueno, Robert Cialdini se dio cuenta en su libro llamado … “Persuasión”. En su investigación, se dio cuenta de que en un mundo caótico, lleno de información, nuestro cerebro solo ama los atajos. Se las arregló para identificar 6 atajos universales que guían nuestro comportamiento. Se pueden aplicar a cualquier aspecto de nuestras vidas … por lo tanto, al diseñar sitios web. Estos atajos son:

Reciprocidad, lo que significa que nos sentimos obligados a cambio cuando se recibe un regalo. Pero esto puede ir mucho más allá de los regalos. Por ejemplo, en un sitio web, podría estar dispuesto a cambiar la dirección de correo electrónico con un libro electrónico interesante.
Rareza: la gente quiere tener más cosas que parezcan pocas. Veamos si reconoce esta táctica: “Solo quedan 2 boletos”. ¿Te ves familiar? ¿Te apresurarías a comprar el boleto con esta información?
Autoridad: las personas confían en las figuras de autoridad. Cuando viene un dentista y recomienda una determinada pasta de dientes, ¿le gusta comprarla, ¿verdad?
Coherencia: las personas tienden a permanecer en compromisos. Pero esto puede superar esto, puede extenderse a una comunicación consistente a través de las redes sociales, en su sitio, etc. Me gusta: es difícil decir “no” a las personas que nos gustan. Es por eso que, antes de comenzar una negociación, puede ser mejor intercambiar información personal con la persona frente a usted.
Consens: las personas están atenta al comportamiento de personas similares, personas en la misma tribu. Es por eso que las recomendaciones funcionan tan bien. Es por eso que verá reseñas y testimonios en un sitio web.
Ahora, los investigadores de UX, los diseñadores de UX y los especialistas en marketing siempre deben colaborar en la aplicación de estos principios al diseñar un sitio web.
Aumento de conversiones
Concepto de contador de estilo plano. La escena del cálculo del equilibrio financiero. Auditoría de contabilidad y comercial, declaración anual e impuestos de banner. Ilustración vectorial con personajes de personas en el trabajo.
Las conversiones son acciones que los usuarios realizan en su sitio que considere valiosos: desde suscripciones hasta boletines, viendo una demostración, completar un formulario, ingresar un período de prueba gratuito, hasta que compre un producto o A a un servicio. Según el informe de Guardian, solo tarda 0.1 segundos en formar la primera impresión de una persona. Ahora, para hacer este número de 0.1 segundos, debe alimentar a su sitio web con una experiencia de usuario maravillosa, lo que mejorará aún más las conversiones.

Permítame darle solo dos ejemplos sobre cómo ciertos elementos del sitio web pueden ayudarlo a aumentar las conversiones. Seguir imágenes con personas reales podría conducir a un aumento en las conversiones. Por ejemplo, la medalla de arte registró un aumento del 95% en las conversiones al reemplazar la pintura con imágenes de artistas.
Fuente: Neilpatel.com
Cambiar la posición de CTA o su copia también puede conducir a un aumento en las conversiones. Matchoffice.com cambió su copia CTA y registró un aumento del 14.79% en las conversiones. La transición de “orden” a “obtener” ha hecho que los usuarios vean más valor en lo que recibirán. Además, el “orden” puede tener algunas connotaciones negativas, “obtener” parece más amigable y más fácil. ¿Ver? Todo se trata de psicología.
Fuente: beemdigital.com Aquellos que tienen un CXL tienen excelentes recursos sobre cómo diseñar tales pruebas. Cómo formular una hipótesis y cómo asegurarse de sacar la conclusión correcta utilizando las herramientas estadísticas correctas. El diseño UX de su sitio web es un elemento crítico que define toda la experiencia de ventas, visitantes y clientes a medida que navega e interactúa con su sitio en cada página y su artículo. Mejora de SEO

El equipo de empleados felices ganando el premio y celebrando el éxito. Los empresarios disfrutan de la victoria, obteniendo el trofeo de la Copa Dorada. Ilustración vectorial para los conceptos de recompensa, premio, campeones
De vuelta, la estrategia de SEO principal significó la introducción de palabras clave en cada página de su sitio web y obtener el rango número uno en los motores de búsqueda. Pero el escenario ha cambiado, y ahora los motores de búsqueda tienen en cuenta los factores basados ​​en los datos de UX. Estas son algunos de ellos: la respuesta móvil: si no ha sabido hasta ahora, Google ha establecido la primera indexación en dispositivos móviles como predeterminado para todos los sitios web en 2019. Esto significa que Google utiliza predominantemente la versión móvil del contenido. Si no brinda una buena experiencia móvil a sus usuarios, las posibilidades de aparecer en los resultados de búsqueda disminuirán.

La tasa de rechazo-IT es una medida de la participación del sitio, muestra el porcentaje de usuarios web que están fuera de su sitio después de haber visto solo una página. Si los usuarios no visitan varias páginas, esta es una mala señal para los motores de búsqueda. Esto significa que los usuarios no han encontrado lo que necesitan en su sitio. Puede haber muchas razones aquí: un diseño incorrecto, poca vía fluvial, una velocidad lenta del sitio web, etc. Puede haber otra razón, tal vez sus esfuerzos de marketing no lideren el tráfico correcto en su sitio, ¡así que tenga cuidado!

Tiempo estacionaria de página: este es un valor que revela el tiempo dedicado al sitio por sus usuarios, cuanto más tiempo sea el tiempo estacionado, más tiempo el compromiso del usuario o al menos esto percibe los motores de búsqueda.
Velocidad de la página con cada segundo pase y su sitio no cobra, los usuarios abandonarán su sitio. Hay algunas cosas que puede hacer para mejorar estos valores, como: el uso de versiones bajas de diferentes bibliotecas, optimización de imágenes y videos, etc. Los usuarios deben poder encontrar la respuesta a una pregunta en solo 4-5 clics. Si tiene un gran sitio, los filtros y las opciones de búsqueda del sitio lo ayudarán a navegar, así como un menú claro.
5 Principios del diseño web de diseño web El diseño excelente es una combinación de funciones y estética. Para establecer la combinación correcta y crear un sitio web UX-First, deberá seguir estos 5 principios:
1. Concéntrese en el usuario ¿Cómo puede hacer esto? Por una investigación de usuario adecuada. Su diseño deberá satisfacer las necesidades de los usuarios. Si tiene un presupuesto, puede contratar a un investigador de UX para ayudarlo con la información o puede configurar un ciclo de retroalimentación adecuado. La investigación de los usuarios lo ayudará a obtener información sobre el modelado de sus productos y definir las pautas apropiadas para proporcionar a sus usuarios. Si no pasa tiempo en la investigación, hará una broma para usted y sus usuarios.
Hay dos tipos de investigación que puede llevar a cabo para conocer a sus usuarios: investigación cualitativa: esta investigación se utiliza para comprender las razones, opiniones y motivaciones subyacentes a sus usuarios. Investigación cuantitativa potencial.Las entrevistas con usuarios, encuestas, sitios de calor de sitios web y pruebas de uso son ejemplos de investigación cualitativa.Investigación cuantitativa: se utiliza principalmente para cuantificar el problema creando o generando datos numéricos que pueden transferirse a estadísticas utilizables.La mayoría de la investigación cualitativa se utiliza para cuantificar las actitudes, comportamientos, opiniones y otras variables definidas y para generalizar los resultados para un amplio rango de la población.
Una poderosa herramienta de investigación cuantitativa es Google Analytics, que puede ayudarlo a identificar cómo los visitantes navegan a su sitio, cuánto tiempo pasan, cuáles son sus puntos de salida, etc. Pero la respuesta a “por qué” navegar como ellos, por qué pasan tanto tiempo, es traída por herramientas cualitativas. 2. Use modelos bien establecidos El diseño UX es en realidad una obra de arte. Debe tener una combinación perfecta de estructura de contenido eficiente y navegación lógica, al tiempo que administra el aspecto del sitio web. Los modelos de diseño permiten a los diseñadores crear efectivamente cada funcionalidad, ya sea un carrito de compras o un formulario de conexión. Las principales categorías de modelos de diseño incluyen entrada de datos, estructura de contenido, navegación y jerarquía. Durante el proceso de diseño de UX, preste atención colocando cada artículo y sección en las páginas de su sitio web. No debe confundir a sus usuarios para que encuentren una determinada sección, como preguntas frecuentes, filtros de comercio electrónico, personas de contacto, etc. Algunos de los modelos de diseño UX más utilizados son: logotipo: generalmente se muestra en la parte superior izquierda o en el centro. Al hacer clic en el logotipo, el usuario siempre llega a la página principal. Usa esto también.
Galletas: use etiquetas conectadas para proporcionar una navegación secundaria que muestra el camino desde el principio hasta las páginas actuales del sitio en la jerarquía.
Registro cuadrado: este modelo permite a los usuarios acceder a un conjunto limitado de características, funcionalidad o contenido antes o sin registro. Esto puede usar en los sitios permite a los usuarios interactuar lo suficiente con su sistema para que un registro efectivo sea solo otro pequeño paso en un proceso más grande: un pequeño paso, no una obligación. La forma de perdón: los usuarios son solo personas, propensas a errores . Los errores podrían conducir a una mala experiencia del usuario, incluso si fuera el sitio web. Ahora, para evitar tales errores, los diseñadores pueden tener un enfoque proactivo. Un ejemplo de ello sería hacer sugerencias en busca del sitio cuando alguien busca comenzar a escribir. Mire la sugerencia automática de Google.

Elimine las acciones principales: haga que los botones se destaquen con los colores para que los usuarios sepan qué hacer. Tienes que decidir qué acciones tienen prioridad.
Divulgación progresiva: es la forma en que solo las características relevantes para los usuarios pueden reducir la confusión.
Modelos de navegación: tales ejemplos pueden ser menús de caída, menús de hamburguesas móviles, etc.
Para mejorar el diseño del sitio de comercio electrónico, agregue filtros. Puede acceder a los filtros truncados, ejecutar las funciones del filtro, los encabezados del filtro, etc. También puede incluir filtrado en serie y permitir múltiples selecciones para mejorar UX.
3. Respeta los principios de la jerarquía para un excelente diseño UX, la jerarquía del sitio web importa mucho, lo cual es una excelente manera de tener éxito en el SEO.Las personas toman la jerarquía de sí mismas, pero es un principio esencial de UX que proporciona una navegación sin problemas a lo largo de un diseño.En el nivel más superficial, un método de diseño jerárquico implica pensar en todas las funcionalidades y datos de su sitio web y luego mapearlos en una estructura similar a un árbol.Debe asegurarse de que cada sección de su sitio web fluya naturalmente durante todo el final.Hay dos tipos de jerarquías en un diseño UX;

En primer lugar, la jerarquía se asocia con la forma en que se organiza el contenido o la información en todo el diseño. La segunda jerarquía es una jerarquía visual. Esta jerarquía facilita la navegación de los usuarios de su sitio en su sitio web. Esto también se refiere a cómo organiza y presenta diferentes elementos de diseño en una página web. Debe elegir el tamaño y la escala correctos para iconos e imágenes. Además, haga que el contraste de los colores del sitio web se destaque y tenga en cuenta los modelos de visualización, como la Z y el Modelo F. 4. Use un enfoque móvil principalmente el diseño móvil receptivo se ha vuelto necesario para su uso. Más del 50% del tráfico ahora está impulsado por la búsqueda móvil. Los sitios que no utilizan un enfoque móvil alcanzan principalmente los objetivos deseados. Y, como se mencionó anteriormente, este también es un factor de clasificación importante. Tenga en cuenta este principio de UX, porque si su sitio web es menos compatible con los dispositivos móviles, probablemente verá que el valor de la participación de sus usuarios es débil para estos dispositivos. 5. Sea consistente Este principio se superpone ligeramente con nuestro segundo principio con respecto al uso de modelos. La coherencia significa que los proyectos y la funcionalidad permanecen sin cambios en todas sus páginas web. Los usuarios aterrizan en su sitio con algunos prejuicios de diseño preexistentes sobre cómo debe encontrar un menú, dónde se debe colocar la barra lateral, dónde puede encontrar el filtro. Esto te recuerda a los modelos de los que hablé un poco antes, ¿verdad?
Sin embargo, también es importante ser consistente en las opciones de fuente y color, en el tono de la copia, ver a dónde voy, ¿verdad?Conclusión Un buen diseño web de UX juega un papel esencial en el desarrollo de una relación a largo plazo con potenciales y clientes.Tiene que conectar los puntos entre un sitio web estético, lleno de satisfacción financiera y útil.Puede conectar puntos aplicando estos principios de diseño de UX: concéntrese en el usuario


Use patrones bien establecidos
Respeta los principios de la jerarquía
Use un enfoque móvil primero
Se consistente
Ahora, para verificar si ha tenido éxito, la investigación de usuarios y las pruebas AB pueden ser útiles.Si le gustó este artículo y desea saber más sobre cómo crear un sitio web de WordPress, ¡asegúrese de suscribirse a nuestro canal de YouTube y síganos en Twitter y Facebook!