Como diseñador web, puede ser fácil pensar en ti mismo como un artista visual en lugar de un estratega de negocios. Si bien es cierto que el diseño web implica creatividad y arte, y eso es una parte integral y valiosa del diseño web, el diseño web verdaderamente efectivo no son solo sitios web bonitos. Son sitios web efectivos. Y eficaz puede adquirir variados matices de significado.

Algunos ven un diseño web efectivo como sitios que son visualmente atractivos y fáciles de navegar. Las personas contratan diseñadores web todos los días para crear sitios que se vean bien y sean fáciles de usar, con esquemas de colores agradables, navegación que tenga sentido y una marca consistente. La presentación y la navegación son sin duda dos aspectos importantes de la experiencia del usuario, la métrica por la cual se evalúa cualquier sitio web. Cuanto mejor sea la experiencia del usuario, más exitoso será el diseño.

Un buen diseño web es más que solo UX

Diseñar la experiencia de un usuario con un sitio web va más allá de las imágenes y la mecánica. A menudo, el propietario de un sitio quiere que los usuarios del sitio hagan algo, y convencer al usuario de que haga eso (sea lo que sea) es el proceso de conversión.

La conversión se trata del usuario, pero en última instancia, se trata de los objetivos del propietario del sitio para la interacción con el usuario. Una gran parte, si no la gran mayoría, de los sitios que se diseñan en estos días tienen el propósito de convertir a los visitantes y usuarios de espectadores pasivos en participantes activos en el objetivo del sitio, ya sea vender un producto, generar clientes potenciales o recopilar registros. Convertir a un visitante de un espectador pasivo a un jugador activo es el proceso de conversión, y es una parte crítica pero a menudo mal entendida del éxito de cualquier sitio web.

Una buena tasa de conversión se reduce a contenido efectivo, presentado de manera efectiva en el diseño de un sitio web. Requiere un excelente diseño basado en contenido que convierta. Los dos, diseño y contenido, están inextricablemente entrelazados, y para que uno sea efectivo, el otro también debe serlo. Si bien los diseñadores no tienen que ser redactores o fotógrafos, sí deben tener una buena comprensión de cómo presentar el contenido de un sitio de una manera que sea atractiva y efectiva para las conversiones.

Para comenzar, aquí hay cinco "secretos" para diseñar contenido que convierta.

1. Deshazte del texto ficticio

Muchos diseñadores a menudo crean un diseño web y utilizan el texto ficticio de Lorem Ipsum para desarrollarlo. Esta no es la forma de trabajar si su objetivo es la conversión: es fundamental tener su contenido a mano antes de establecer el diseño. De lo contrario, su diseño es simplemente un proyecto hipotético de "este sería un buen sitio web" y no la forma de arte altamente matizada para la que lo contrataron. El contenido debe dictar el diseño. De lo contrario, corre el riesgo muy real (y a menudo realizado) de elementos en el diseño que son superfluos, la necesidad de calzar el contenido en un diseño que no encaja del todo y una presentación general que falla por completo en enfatizar el contenido correcto en el tiempo justo.

Un sitio web simple que presenta bien su contenido se convertirá mejor que un sitio web bellamente diseñado que no destaca información clave y oscurece otras. Diseñar con texto e imágenes hipotéticos es solo prepararte para un diseño del que el cliente podría enamorarse, pero que finalmente fallará cuando se incluya el contenido real. Esboza tus ideas si es necesario, pero antes de hacer una lluvia de ideas o Al armar wireframes, sepa exactamente con qué está trabajando y qué elementos deben destacarse. El diseñador Jeffrey Zeldman lo dijo mejor en 2008: "El diseño en ausencia de contenido no es diseño, es decoración".

Si ofrece servicios de redacción publicitaria junto con servicios de diseño, es posible que pueda esculpir su copia en torno a sus ideas de diseño (o viceversa), pero aún necesita tener una buena idea de lo que está presentando antes de poder descubrir cómo presentarlo No se permiten calzadores en este juego.

2. Hacer el mapa del sitio antes del sitio

Un mapa del sitio realmente bueno es un regalo fantástico que puede dar a los usuarios de cualquier sitio web, especialmente si hay muchas cosas para navegar en el sitio. Sin embargo, es posible que no se dé cuenta de que un excelente mapa del sitio también puede ser un regalo para usted y para su cliente. Si tiene un mapa del sitio a mano antes de comenzar un diseño, lo que tiene esencialmente es un esquema para construir toda la estructura del diseño. Como escribió Cameron Chapman para KISSmetrics, un buen mapa del sitio es "una herramienta de planificación centralizada que puede ayudar a organizar y aclarar el contenido que debe estar en su sitio, así como ayudarlo a eliminar páginas innecesarias".

En otras palabras, el mapa del sitio es como la hoja de ruta de su sitio web. Crear uno no invoca ninguna habilidad de diseño, solo habilidades organizativas. Eso significa que diseñar el mapa del sitio es una responsabilidad que puede dejar a su cliente, colaborar para desarrollar o asumir usted mismo. Si eres responsable del mapa del sitio, asegúrate de que el cliente realice una evaluación exhaustiva antes de seguir adelante; Los mapas del sitio a menudo evolucionan con el tiempo, pero cuanto menos cambie en el camino, mejor estará.

Un mapa del sitio aclara qué contenido debe estar y dónde, sin ser engorroso o difícil de armar o ajustar. Elimina la posibilidad de un diseño o navegación ineficiente porque puede ver a dónde debe ir cada contenido y crear enlaces internos útiles, en lugar de duplicar información. No más contenido duplicado significa que no habrá más pérdida de tiempo para usted o los usuarios del sitio.

Otra ventaja del mapa del sitio es que ayuda a cristalizar el alcance del proyecto desde el principio, lo que probablemente tanto usted como el cliente apreciarán. El beneficio logístico real del mapa del sitio es que puede servir como un rastreador de las partes del proyecto que ha terminado y las partes que aún están en progreso. Manténgalo digital y asegúrese de que todos los que ingresen al mapa del sitio y el progreso del diseño del sitio puedan acceder a él. Úselo como una herramienta rápida para mantener actualizado a su cliente y siga haciendo referencia a él cada vez que se sugieran cambios en el contenido para ahorrarse tiempo y dolores de cabeza.

3. Ten una llamada a la acción clara

Cuando el objetivo de un sitio es la conversión (y este suele ser el caso), uno de los elementos más críticos es la llamada a la acción. Francamente, la mayoría de los sitios deberían tener algún tipo de llamado a la acción, ya sea para "registrarse", "agregar al carrito" o "ver la galería". Los usuarios deben ser guiados hacia alguna acción, y esa acción debe establecerse de manera simple y clara. Podría ser un botón, un enlace u otra cosa. Sea lo que sea, eso es lo que queremos decir cuando decimos "llamada a la acción".

Ya sea que su llamado a la acción tenga un tono humorístico (¡regístrese hoy o el conejito lo entenderá!), invoque camaradería (únase a la causa) o esté cargado de urgencia (¡solo a la venta hoy!), debe diseñarse de manera eso es convincente para el público objetivo y coherente con el mensaje general del sitio. Para obtener algunas ideas y ejemplos geniales, consulte el artículo de Helga Moreno sobre el llamado a la acción para Just Creative.

Una cosa importante a tener en cuenta: si su llamado a la acción en la página de destino es para que el usuario complete un formulario de suscripción, incluya el formulario en esa página. No haga que el usuario haga clic en un enlace que lo lleve a una suscripción. Se ha demostrado que las suscripciones de un solo paso tienen tasas de conversión mucho más altas que las de dos pasos. Simplemente ingrese la suscripción en la página de destino. Y mientras lo hace, asegúrese de que el formulario solo solicite la información que realmente necesita: cuanto menos solicite, mayor será la conversión.

4. Asegúrate de que los titulares sean buenos

Cualquier escritor web que se precie le dirá que los titulares son fundamentales, y es verdad. Todos bromeamos sobre el molesto clickbait y la poca capacidad de atención en estos días, pero la investigación muestra que cualquier sitio web tiene ocho segundos para captar la atención de un visitante antes de que rebote. Ocho segundos no es mucho tiempo, y es seguro asumir que la mayoría de esos segundos se dedican a escanear el titular. Es por eso que es absolutamente crítico que cualquier cosa, incluso remotamente, como un título en el diseño de su sitio sea fuerte: solo un título convincente mantendrá a un usuario en su sitio el tiempo suficiente para tener la oportunidad de convertir.

Si la responsabilidad de generar los titulares y otro texto H1 en un diseño alguna vez recae sobre sus hombros, debe mejorar sus habilidades de redacción de titulares. Mis dos recursos favoritos son esta publicación de consejos rápidos de Copyblogger y el PDF gratuito de Headline Hacks de Jon Morrow. Ambos recursos fueron desarrollados para escritores, pero presentan los conceptos básicos para escribir buenos titulares de una manera que cualquier persona con fluidez en inglés puede absorber y poner en práctica de manera casi inmediata.

5. Usa imágenes versátiles para capturar y mantener el interés

Hay una ciencia en el arte de las imágenes (y otros elementos visuales, como logotipos y fuentes destacadas) en el diseño web, y le convendría tener una comprensión profunda de qué es exactamente lo que hace una buena selección de imágenes, especialmente si está superponiendo contenido. sobre la imagen, o vinculando un título crítico o un llamado a la acción. La mayoría del diseño web real se lleva a cabo en una computadora de escritorio o portátil. En comparación con todas las pantallas de nuestras vidas, estos monitores de computadora son espaciosos, tienen una iluminación relativamente baja y la mayoría de las veces se encuentran en interiores o, al menos, protegidos del sol directo u otros reflejos. Pero ese no es el único entorno en el que las imágenes se ven en la web en estos días.

Las imágenes que se ven muy bien en la enorme iMac de su oficina no necesariamente se verán tan bien, o incluso se verán, en la pantalla de un modelo anterior de teléfono inteligente que se transporta por una calle brillantemente iluminada. Y ninguno de ellos se comparará con la forma en que una mini tableta horizontal muestra la imagen. La naturaleza de la conectividad y la tecnología actual requiere que tenga en cuenta todo tipo de monitores y escenarios de visualización cuando cree su sitio web.

Sus imágenes deben ser impactantes y escalables para adaptarse a diferentes tamaños de monitores en diferentes entornos: piense en 4 pulgadas con luz brillante en lo alto o 40 pulgadas en interiores con luz solar indirecta filtrada. Si la imagen es atractiva debido a sus matices o detalles intrincados, probablemente no lo sea. la imagen correcta a usar. Modifique las imágenes según sea necesario, si los ajustes pueden hacerlos factibles (o si el cliente requiere su uso), y concéntrese en el contraste para obtener una mayor claridad.

Las claves para copiar que convierte

Si bien estos cinco "secretos" no son realmente secretos en absoluto, puede ser fácil pasar por alto o perder por completo estos elementos clave para crear contenido que convierta. Los sitios web son los vehículos para presentar contenido, y los usuarios deben tenerse en cuenta en cualquier diseño web. Pero, como han demostrado estos consejos, el diseño web efectivo no se trata solo de hacer que un sitio web sea agradable de ver y fácil de usar. A menudo hay otro propósito: impulsar la conversión. Dominar y utilizar estas cinco áreas del flujo de trabajo del diseño web contribuirá en gran medida a su capacidad para crear sitios web que sean realmente efectivos en todos los sentidos de la palabra.