es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Consejos para Master Microcopy para diseñadores web

El contenido escrito constituye la gran mayoría de todos los sitios web porque es el contenido más fácil de producir y consumir. El estilo de escritura es un factor importante en la usabilidad de un sitio web, pero a menudo se pasa por alto con la estética del diseño como prioridad.

Cuando recién comienzas y te sumerges en la copia web, cometes simples errores en el proceso de escritura. Con esta publicación, espero ayudarte a resolver estos errores al delinear los conceptos básicos de copia y microcopia, explicando qué son y cómo funcionan en la Web.

Mientras practica la escritura, encontrará nuevos métodos para generar interés entre los lectores . Pero también manténgase atento mientras explora otros sitios para estudiar sus métodos para escribir una copia de página atractiva.

Cómo la copia define su sitio

El contenido escrito está en el corazón de la mayoría de los sitios web. A menudo, el contenido es una razón principal por la que las personas visitan un sitio o, al menos, se usa para guiar a las personas en un sitio.

Los blogs llevan a los lectores a consumir contenido. Pero el contenido escrito también puede cubrir diferentes características para una nueva aplicación web . El contenido es un vehículo utilizado como medio para un fin. Con los blogs, el contenido en realidad es el objetivo final de ofrecer contenido de calidad que sea valioso para los lectores.

Pero la forma en que diseñas copias puede tener un gran impacto en el consumo y la experiencia del usuario.

Por ejemplo, eche un vistazo a la página de inicio de Wake. El diseño usa grandes letras en negrita para indicarle lo que hace esta aplicación (una aplicación de colaboración para diseñadores). Pero desplácese hacia abajo y encontrará una sección con texto emergente que explica las características de la interfaz.

A los visitantes no les gusta leer la documentación para conocer su producto. Di lo que haces en la menor cantidad de tiempo con la copia más clara posible . Esta es también la base de la mayoría de las páginas de inicio excelentes.

A veces también hay lugar para un poco de diversión y creatividad, como en la página de inicio de MailBakery.

Los escritores de contenido de MailBakery usan una metáfora que compara la codificación y el diseño de correos electrónicos con el proceso de hornear dulces. Su página de inicio utiliza el texto "horneamos correos electrónicos HTML" para describir inteligentemente lo que hacen .

Los vectores divertidos y las metáforas les venden a las personas una idea visual asociada con el juego de palabras . Esto puede ser complicado y no funciona para todas las empresas. Pero es una poderosa técnica de marketing cuando se hace bien.

Otros sitios, como Patreon funcionan mejor con declaraciones claras y directas .

El encabezado de la página de inicio dice "Fondos recurrentes para artistas y creadores". Esto no se vuelve demasiado complejo con la tecnología, porque la tecnología es secundaria al propósito. La tecnología es una herramienta utilizada para hacer algo; en este caso, es un motor de donación para creatividades.

Al estudiar ejemplos como estos, aprenderá cómo escribir contenido que se vende sin sentir truco. Hay mucho que aprender cuando recién estás empezando. La lectura puede ayudarte a encontrar una dirección.

Aquí hay algunas publicaciones sobre la calidad de la copia web para que pueda comenzar:

  • Principios de la copia efectiva en la web: una guía para principiantes
  • Capture y mantenga lectores con Great Web Copy
  • 13 Señales de advertencia Su Web Copy Apesta
  • 7 grandes ejemplos de cómo crear una copia convincente

Encontrar una voz

Toda su copia para un solo proyecto debe seguir una voz escrita similar. Esto es generalmente sutil pero aún notable e incluso puede ser documentado como el estilo y la página de tono de MailChimp.

Muchas personas escriben publicaciones sobre el tono de escritura personal y cómo encontrar su voz.

Pero recuerde que su voz puede no ser siempre la mejor estrategia para cada proyecto. Algunos sitios web o blogs requieren un tono más serio, otros más distantes . Algunos sitios funcionan mejor con una copia cómica o incluso una combinación de todas estas cosas.

En términos generales, mi consejo es editar tu escritura y evitar oraciones detalladas . Todo lo que escriba debe ampliar el propósito del contenido sin redundancia.

También asegúrese de crear una jerarquía estructurada para que su texto se lea de forma natural. Esta es siempre una buena idea para SEO y diseño de página. Pero el texto limpio con distintos patrones también puede ser útil para los lectores que intentan comprender el contenido.

Aqui hay unas ideas para que puedas comenzar:

  • Sea claro y conciso
  • Tener un objetivo en mente antes de escribir
  • Estructura el contenido en un flujo lógico
  • Usa tipografía para construir una jerarquía visual

La voz en la que escribe puede cambiar de un proyecto a otro . Pero las estrategias para escribir grandes copias generalmente siguen siendo las mismas .

Buscando en la microcopía

Todas las copias en la página se pueden dividir en segmentos, como encabezados y contenido del cuerpo. Un área menos explorada es la microcopia, una forma de copia web que se aplica a los elementos pequeños de la página .

La mayoría de los elementos de página que dependen de la microcopía también son elementos interactivos . Estos pueden ser enlaces de página, botones, campos de entrada o cualquier cosa que exista para la atención del usuario.

Una gran cantidad de escritura de microcopía tiene que ver con las conversiones y la explicación de contenido adicional . Por lo tanto, la microcopia también podría incluir elementos no interactivos como leyendas de las imágenes y mensajes de información / alerta.

La microcopia es donde se examinan los fragmentos más pequeños de escritura para ver si ciertas palabras pueden aumentar las estadísticas medibles. Por ejemplo, este estudio de caso mostró cómo el cambio de una palabra mejoró los clics en un 161%. Así de importante es la microcopía para la experiencia del usuario.

Diferentes sitios web usan microcopía por diferentes razones. La página de inicio de un blog como Hongkiat será muy diferente de la página de inicio de Zendesk porque los objetivos del usuario son diferentes .

Esta captura de pantalla de Zendesk tiene dos botones que naturalmente se contrastan entre sí . Debido a que la microcopia utiliza la palabra "o" a mitad de camino entre estos dos botones, se presentan como opciones opuestas para el mismo fin. Puede comenzar de inmediato o hacer un recorrido y decidir después.

Y si realizas la visita, hay un gran botón de registro en la parte inferior que te pide que inicies tu versión de prueba gratuita:

Alguien que no quiera registrarse puede colocarse en el grupo "the other" y preferir la gira. El fraseo particular de esta microcopía sugiere que un visitante puede hacer cualquiera de estas dos opciones, por lo tanto, aleja cuidadosamente la atención de la tercera opción, es decir, está abandonando el sitio .

Este es otro gran ejemplo de microcopia de esta publicación de ConversionXL. Estas dos capturas de pantalla demuestran la inmensa diferencia de eliminar el texto del marcador de posición de entrada del Buffer desde el campo de uso compartido.

Estas pequeñas optimizaciones a menudo se logran a través de la claridad y una conexión más profunda con la audiencia . Use la microcopia para explicar mejor las cosas y ayudar a los visitantes a interactuar con el sitio de una manera más significativa .

Algunas áreas para considerar actualizar o analizar para una gran microcopia:

  • Etiqueta de campo de entrada y texto de marcador de posición
  • Texto del botón de formulario
  • Texto del enlace de navegación
  • Instrucciones guiadas
  • Carruseles de imagen
  • Error / 404 páginas

Encontrará microcopias en cualquier cosa con la que los usuarios puedan interactuar, o pequeños fragmentos de texto que proporcionan información relevante para todos los usuarios (como ventanas de registro modal o pequeños cuadros de información).

Una vez que comprenda los beneficios de la excelente microcopia, se convertirá naturalmente en una parte importante de su flujo de trabajo de redacción.

Poniendolo todo junto

La copia de la página y la microcopía deben tener una relación temática . El estilo y el tono de escritura deben ser familiares en todo el sitio web. Esto incluye técnicas para la capitalización del título y la longitud de la oración / párrafo.

El primer paso es descubrir los objetivos de su proyecto actual. ¿Desea aumentar las conversiones de suscripciones, ventas o visitas a la página? ¿O está creando un sitio nuevo y organizando el contenido para el lanzamiento?

En cada etapa del proceso de creación de contenido tendrá que considerar lo que está tratando de lograr antes de poder lograrlo.

Si tiene objetivos rastreables, pruebe con las pruebas A / B para medir las métricas.

Pero lo más importante es seguir escribiendo y seguir probando cosas nuevas. Póngase en el espacio libre de sus visitantes y considere cómo se sentirán al aterrizar en cada página de su sitio. ¿Tienen sentido los títulos? ¿Hay un flujo natural de tipografía en la página? ¿Instintivamente quieres seguir leyendo?

Hágase estas preguntas mientras escribe, y rápidamente detectará sus propios errores. Con el tiempo se convertirá en una segunda naturaleza.

Además, si buscas más contenido sobre redacción eficaz, echa un vistazo a estas publicaciones relacionadas.

  • Capture sus lectores: 8 consejos para escribir blogs interesantes
  • 6 sencillos pasos para escribir una web seductora
  • Cómo escribir una copia eficaz para su sitio web

Stylie - Un generador de animaciones web CSS gratuito

Stylie - Un generador de animaciones web CSS gratuito

Si tiene problemas con la sintaxis de CSS3 y desea una forma sencilla de crear animaciones, Stylie es una gran herramienta para guardar.Este es uno de los muchos generadores de código gratuitos que se centran en los efectos animados puros de CSS. Stylie es totalmente gratuito y de código abierto, alojado en GitHub y alimentado por una biblioteca de fotogramas clave llamada Rekapi.L

(Consejos de tecnología y diseño)

Por qué los planes comerciales no funcionan para los empresarios

Por qué los planes comerciales no funcionan para los empresarios

Todo gran emprendedor es, en el fondo, un hombre de acción . En su mente, se ve a sí mismo como Superman o Iron Man, lo que lo hace bastante ciego a sus propias fallas. Eso es absolutamente necesario. El hecho es ser un emprendedor significa que necesitas estar un poco loco . Pero nadie quiere hacer negocios con una persona loca, por lo que es comprensible que los empresarios reduzcan el tono de su superhéroe interior para encajar.Se

(Consejos de tecnología y diseño)