Hacer clic. Ese sonido significa que has hecho tu trabajo. El usuario ha visto tu página y ha realizado la acción que querías.
¿Cómo se logra esto? ¿Debería pensar más en este objetivo al estructurar sus diseños? ¿Qué errores debes tener cuidado de evitar? Sigue leyendo para averiguarlo.
Fines y medios
Ganando el clic, ¿existe un objetivo más elevado en el diseño web? Parece tan simple ¿verdad? "Hey usuario, simplemente haga clic aquí!" Sin embargo, en la práctica, un único punto de acción puede servir como el propósito de un diseño completo. Todo lo que se ha esforzado durante semanas para construir se reduce a presionar un botón, o bien convence al usuario o se mueven a lo largo.
? Los clics significan cheques a innumerables personas en todo el mundo?Tanto tiempo, esfuerzo y pensamiento se ponen en ganar clics. Es un juego de psicología, estás tratando de influir en los pensamientos de otra persona para que realmente funcionen como tú quieres. También es un profundo rompecabezas de diseño, "¿Qué colores, formas, diseño y mensajes son más propicios para el comportamiento de los clics?" Se ejecutan las pruebas A / B, se realizan estudios, se gastan miles de dólares, todo con el objetivo final de conseguir que el pequeño cursor adonde quiera que vaya.
Los clics significan clientes, contactos, oportunidades de ventas, registros de correo electrónico, satisfacción de patrocinadores, aumento de visitas a la página; los clics significan cheques a innumerables personas en todo el mundo.
Como diseñador web, los clics son a menudo el fin que lo justifica, los medios. Un aspecto muy importante de su carrera es aprender a ganar este santo grial del comportamiento digital. Vamos a discutir algunas estrategias de cómo hacerlo.
Bar Camp
Siempre prefiero enseñar con el ejemplo para que pueda obtener una imagen del mundo real de cómo se puede aplicar el conocimiento. Nuestro primer ejemplo proviene de la página magníficamente diseñada para Barcamp Omaha.
Ahora, uno de los mayores errores que podemos cometer al hablar sobre cómo ganar clics es limitar nuestro enfoque a esto:
Este es de hecho un hermoso botón. Contrasta bien con el color de fondo, la tipografía es atractiva y el diseño es perfecto. Sin embargo, esta no es la única parte de la página que busca ganar el clic. De hecho, se podría decir que el enfoque principal de toda la página está dirigido a este objetivo. En consecuencia, demos un paso atrás y analicemos el contenido de la página en relación con este elemento crucial.
Ahora podemos obtener mucha más información sobre cómo funciona el flujo de comunicación y lo dirige a tomar una decisión. Lo primero que noté en la página es el uso del rojo: la fecha, el logotipo y el botón realmente se destacan porque usan este toque de color en una página que de otro modo es muy azul. Observe cómo los botones de las redes sociales casi se mezclan con el fondo en comparación.
El tamaño del botón en relación con el otro elemento también juega un papel importante. Claro, tus ojos pueden captar esa pequeña fecha roja por un segundo, pero no puedes mirar esta página durante más de un segundo sin que te atraiga ese enorme botón.
Una de las cosas más importantes que aprenderá como diseñador es cómo estructurar una jerarquía de comunicación. Los diseñadores no solo agregan belleza a una página aburrida, crean orden desde el caos y hacen flujos de información lógicos e intencionales.
Esta jerarquía es crucial para el objetivo de dirigir el comportamiento del usuario. Una página diseñada correctamente es aquella que hace que los usuarios miren hacia donde los quieren, cuando los quieren y luego hacen lo que quieren cuando lo desean. La parte más loca es que esto tiene que estar perfectamente equilibrado con el cumplimiento de los objetivos del usuario: ¿qué hace el usuario querer, que acciones hace el usuario ¿querer tomar? Si puede encontrar una manera de hacer que los objetivos de su cliente y los objetivos de sus usuarios sean los mismos, ha hecho bien su trabajo.
Comunicación que refuerza la acción.
Otro aspecto importante de guiar la acción del usuario es la comunicación verbal real en la página. El sitio de Barcamp tiene una lección muy interesante para enseñarnos en esta área:
Olvida lo que dice el párrafo por un momento, uno de cada seis visitantes lo leerá de todos modos, concentrémonos en el titular: "Awww Yeah!? Esto es tonto, no profesional, impropio y un montón de otros adjetivos negativos. Sin embargo, también es brillante y exactamente lo que la página necesita.
La teoría de ventas clásica enseña la siguiente lección: hacer que las personas se sientan bien con su compra. Las personas compran dos tipos de cosas: lo que quieren y lo que necesitan. El primero de estos trae mucha más satisfacción, pero también puede ser más difícil de vender porque las personas pueden hablar fácilmente de la compra, algo que no se puede hacer con el agua y la electricidad. Su trabajo como vendedor es eliminar las dudas de compra al hacer que la acción parezca perfectamente placentera. Hágame olvidar que me voy a endeudar por $ 25,000 al distraerme con lo bien que me voy a sentir al volante de ese auto nuevo.
Nos guste o no, usamos tácticas similares en diseño web y redacción de textos (¿no siempre has querido ser un vendedor de coches de mala calidad?). La acción que están tomando los diseñadores de Barcamp es hacer que gastes $ 10 (más las tarifas, por supuesto) en su producto. Podrían informarle sobre el maravilloso avance profesional que se logrará, pero eso suena horrible como un viejo argumento aburrido basado en las necesidades y no siempre es fácil convencer a las personas de que necesitan algo. En su lugar, fueron con "Aww Yeah!?. De repente, no puedo evitar sentir que esta transacción es algo que en realidad es gratificante. Ese $ 10 no es comprar un boleto de conferencia, me está comprando algo que me merezco: un buen momento.
Hay un montón de psicología compleja envuelta en ese simple titular. Comunicar este concepto de manera directa y profesional tomaría al menos cincuenta palabras.La jerga proporciona una manera fácil, rápida y ampliamente entendida de simplificar el mensaje.
Tripfab
Aquí hay otro ejemplo de una página bastante simple con un objetivo principal. Sin embargo, esta vez el diseñador no lo convence de que compre nada, solo que ponga su nombre en un pequeño campo.
Como en el ejemplo anterior, este utiliza un diseño atractivo y un mensaje ligero y humorístico para que te interese. Observe cómo hay una sangría grande alrededor del botón y el campo, lo que ayuda a llamar su atención hacia esa área. Sin embargo, los diseñadores a menudo hacen una copia de seguridad de algo así con algo mucho menos sutil:
¡Dibujemos una flecha que apunta hacia donde queremos que mire el usuario! Suena ridículo, ¿no? Sin embargo, en la práctica funciona muy bien. Si haces una flecha, mis ojos la van a seguir.
Reafirmación de la acción
Cuando se trata de una acción que desea que el usuario realice, recuerde que no puede ser impreciso al respecto. Observe cómo este diseñador rompió una convención típica con el campo de texto. En lugar de hacer que el valor predeterminado del campo sea un ejemplo o un conjunto de instrucciones sobre con qué se debe llenar, se le recuerda lo que está haciendo al tomar esa acción: "obtener noticias y actualizaciones".
Debajo de eso, hay un mensaje sobre por qué debería tomar esta acción. Las palabras están en mayúscula, se hacen promesas, es un diseño convincente. Esta idea de reafirmar el simple botón de llamada a la acción con un recordatorio de lo que hará al presionarlo es una práctica muy común.
Aquí vemos otro ejemplo de la misma estrategia. El botón sirve como un llamado a la acción y se ve reforzado por un mensaje sobre por qué debería recibir un Plato de arroz. La próxima vez que cree un botón simple, piense dos veces en cómo puede ayudar al usuario que se desplaza sobre él a seguir y hacer ese clic.
Más que un botón
El mensaje simple de este post es participar en el diseño centrado en objetivos. Bofetadas a? Comprar ahora? El botón en una página ya diseñada es la salida fácil, pero no es para lo que ha sido contratado.
En su lugar, antes de abrir Photoshop o hacer un solo alámbrico, piensa en lo que estás tratando de lograr. Si es solo un ejercicio estético, genial, tu trabajo es fácil. Sin embargo, si intenta que los usuarios compren un producto, inicien una descarga, completen un formulario o realicen cualquier otra acción, deben comenzar su diseño allí y crear todo el resto del contenido de la página con ese fin. en mente. Diseñe cuidadosamente la experiencia del usuario para guiar a los visitantes por el camino que desea que sigan.
Conclusión
En una industria donde los clics son iguales a los cheques de pago, es hora de pensar un poco más en cómo crear diseños que realmente influyan en la acción.
El atractivo estético es una parte importante de la ecuación, pero es solo una parte de su trabajo. Asegúrese de mantener el ojo en el premio y de implementar diseños, fuentes, colores y mensajes que ayuden a lograr ese objetivo siempre ilusorio de ganar un clic donde más importa.