¡Estoy emocionado de presentar la primera de muchas publicaciones para la nueva serie AwesomeWeb aquí en IncomeDiary!
Cada semana le haré a otros 6 empresarios de Internet una pregunta específica relacionada con su éxito en línea.
Al final de cada publicación semanal, ytendrá la oportunidad de votar las mejores respuestas. Esto ayuda a mantener las cosas interesantes y de la más alta calidad.
Entre los 7 de nosotros, Josh Dunlop, Brian Moran, Nicholas Tart, Tom Lambert, Dainis Graveris, Michael Dunlop y yo (David Aston), hemos recibido más de 150 millones de visitantes únicos, lanzamos docenas de productos digitales y físicos. nuestros productos se vieron más de mil millones de veces y ganaron millones de dólares y fanáticos por igual.
Dicho esto, esta primera pregunta de la serie es un lugar obvio para comenzar porque nos presentan visualmente un sitio web por primera vez.
Las personas suelen juzgarlo rápidamente en función de su apariencia, y lo mismo es cierto cuando se trata del diseño de sitios web.
La navegación fácil y un diseño visualmente agradable ayudarán enormemente a la hora de convertir a sus clientes potenciales en clientes.
7 características de diseño que puede faltar en su sitio web
1. Área de inicio de sesión de miembros
Contribuido por Josh Dunlop.
Una característica que me encanta es en realidad bastante sutil, y esa es la entrada de miembros.
Cuando llego a un sitio de tutoría como el mío, y veo Área de Miembros o Acceso de Miembros, estoy intrigado por lo que tienen para ofrecer. Al instante me hace pensar que si venden algo a alguien como miembro, deben tener algo que valga la pena comprar.
Que son alguien digno de seguir.
Es una característica tan pequeña, pero tiene un gran impacto en la forma en que percibo un sitio web. También ayuda a impulsar las ventas ya que estoy intrigado por lo que están vendiendo.
2. Un titular bien pensado y estratégicamente ubicado
Contribuido por Nick Tart.
Cuando estábamos diseñando la página de inicio de AwesomeWeb, le pregunté a Michael si necesitábamos un titular. Seguramente el usuario aterrizaría en la página, comprendería lo que estamos haciendo y sabría usar la función de búsqueda.
Observamos ejemplos (KISSmetrics, Freshbooks, CrazyEgg, etc.) y todos tenían titulares, incluso como compañías SaaS. En Web Domination 20, Yanik Silver mencionó que el proceso de diseño de su página comienza con una lluvia de ideas de 100 titulares.
Entonces hicimos una lluvia de ideas de titulares que explicaban tanto qué nuestra nueva empresahace y por qué deberías usarlo.
Nos decidimos por
"EncontrarEl mejor Diseñadores y desarrolladores ¿Quién podría haber comenzado ayer?"
¿Qué? Encuentra diseñadores y desarrolladores
¿Por qué?Lo mejor, quién podría haber comenzado ayer
Una vez que obtuvimos la copia, hicimos la primera línea roja porque es el primer color que ves y queremos que las personas comiencen por el título.
El siguiente desafío fue posicionar el titular y vincularlo al llamado a la acción. Después de seis iteraciones de la página de inicio, decidimos un diseño, pero había mucho espacio en blanco (espacio gris) entre el título y el área de búsqueda.
Para dirigir a las personas a la llamada a la acción, agregamos una flecha desde el título al cuadro de búsqueda (como se ve en la foto).
Cuando escribimos una publicación de blog, el título es una parte natural de la publicación. Pero no es tan obvio para las páginas complementarias o incluso su página de inicio.
Cada página necesita un titular que explique qué y por qué, está diseñada para ser lo primero que ve y conduce al llamado a la acción. Michael entendió esto. Tuve que aprenderlo.
Relacionado Encuentra los mejores diseñadores y desarrolladores que podrían haber comenzado ayer.
3. Llamadas llamativas a la acción
Contribuido por Brian Moran
Todos los vendedores deben incluir llamativos llamamientos a la acción. Cualquiera que sea el propósito de la página web actual, haga que sea más obvio que cualquier otra característica o elemento de diseño en la página. Ejemplo de esto serían los botones que le dicen a los usuarios qué acciones tomar.
Por ejemplo
- Regístrate ahora
- Obtenga acceso instantáneo
- Descargar el PDF
- Regístrese para el seminario web
- Muéstrame el video
Los grandes ejemplos de páginas de destino que tienen llamadas obvias a la acción sonhttp//www.mozilla.com/en-US/firefox/,http//www.basecamphq.com/yhttps//www.dropbox.com/.
Los tres sitios se aseguran de que el visitante se dé cuenta de lo que quiere que haga.Demasiados especialistas en marketing olvidan esta táctica simple y puede aplastar absolutamente su tasa de conversión.
4. Formulario de captura de correo electrónico
Contribuido por Tom Lambert
Un formulario de captura de correo electrónico.
Lo creas o no el 90% de las personas que visitan tu sitio web nunca harán negocios contigo de ninguna manera.
Capturar direcciones de correo electrónico mientras hay perspectivas en su sitio web le brinda la oportunidad de aumentar esas probabilidades y nutrirlas con contenido de alta calidad mientras construye una relación. Tu frecuencia efectivavariará, pero prácticamente ninguno de sus visitantes verá su producto o servicio una vez y se convencerá de hacer negocios con usted.
Agregar un formulario simple de captura de clientes potenciales a su sitio web sin duda duplicará o triplicará su efectividad con un mínimo esfuerzo. Asegúrese de ofrecer un imán de plomo irresistible que atraiga al tipo de personas con las que desea hacer negocios.
Por ejemplo, si usted es un contador y desea atraer a empresarios multimillonarios, escriba un informe en la línea de "7 errores costosos que cada empresario millonario comete al presentar impuestos trimestrales". califique sus clientes potenciales antes de enviarles un correo electrónico.
Recomiendo un enfoque de dos puntas agregue un formulario de captura de correo electrónico a la barra lateral de todas las publicaciones / páginas de su sitio web y una ventana emergente de salida con la misma oferta utilizando software como Dominación emergente.
5. Comentarios anidados y votos a favor
Contribuido por Dainis Graveris. 65 millones de personas han visitado su blog.
Esto es nuevamente una mejora sutil, pero descubrí que realmente estaba ayudando a conectarnos con nuestros lectores.
Los comentarios en cadena realmente ayudan a dar seguimiento a las conversaciones. Definitivamente debe abordar cada comentario genuino de cada lector y hacer una pregunta de seguimiento.
Aumentará su recuento de comentarios (valor percibido), aumentará la participación del lector y agregará a su contenido, que está indexado en Google. Sugeriría agregar también la función de suscripción a los comentarios (necesito instalarlo yo mismo nuevamente) …
Supongo que podría usar AwesomeWeb una vez que esté en vivo …
yoMientras tanto, mira este plugin
http//wordpress.org/plugins/subscribe-to-comments-reloaded/– Ahora, cuando interactúas con los lectores, ¡hay una mayor posibilidad de que regresen!
Pequeño consejo para aumentar la participación, siempre haga preguntas al final de un artículo … y haga preguntas al responder a los comentarios.
Incluí Comment Upvote, porque hay muchos skimmers y escáneres, a quienes les gusta el artículo, que leen los comentarios, pero que no necesariamente participan dejando sus propios comentarios.
He notado que muchos disfrutan votando arriba, abajo votando comentarios si están de acuerdo o en desacuerdo con algo. ¡Incluso esta simple acción de ellos, aumenta la participación del usuario!
6. Mejora la legibilidad del texto
Contribuido por Michael Dunlop.
El estilo de texto es a menudo una de las partes más vistas del diseño web.
También es probablemente el más importante.
Si no puede leer el texto de la página, ¿cómo puede esperar que sus lectores se conviertan en clientes?
Aquí hay algunos ejemplos de lo que estoy hablando
- Los enlaces de texto suelen ser azules y subrayados. Así es como deberían verse en un sitio web. Luego, la gente comenzó a cambiar su aspecto porque la tecnología nos decía en voz alta que lo hiciéramos. Cuanto más te alejes de cómo solían verse, menos personas harán clic en tus enlaces. Lo que significa menos dinero. Si visita todos los principales sitios web hoy, la mayoría usará enlaces de texto azul, la mayoría ha dejado de subrayar un enlace. Esto podría deberse en parte a que son grandes marcas y las personas se programan para saber cómo usarlas.
- Texto negro sobre un fondo blanco, es el formato más legible. Justo ayer mi papá me llamó para preguntarme sobre un proyecto en el que estoy trabajando.Mencionó que el diseñador usó texto gris sobre fondo blanco para parte del sitio. Era más difícil de leer, así que cambié el texto a negro.
- Ancho de texto Creo que el estándar / recomendación de la industria tiene alrededor de 600 píxeles de ancho.Si su área de texto es más ancha que eso, comienza a ser más difícil de leer.
- Espaciado de texto.Por favor, no tome mi palabra sobre esto porque nunca me fue tan bien escribiendo en la escuela, pero en lo que a mí respecta, los párrafos deberían ser pequeños. Hace que parezca más atractivo de leer.Esta es probablemente la razón por la que escribí esto en forma de lista, es más fácil de consumir.
- Los titulares deben destacarse. Mucha gente hojear publicaciones de blog, tratando de encontrar lo que están buscando. No solo pongo en negrita mis titulares, agrando la fuente usando etiquetas h (
titular
) – Luego uso las etiquetas h para crear un cuadro de tabla de contenido.
Aquí hay un excelente complemento para la tabla de contenido http//dublue.com/plugins/toc/
Cuando creo páginas web, solo pienso ¿qué quiero ver y dónde?
7. Asegúrese de que su sitio tenga usabilidad
Contribuido por David Aston.
Si eresEn el proceso de establecer un activo web, lo invito a que se haga algunas preguntas.
Pregúntese POR QUÉ quieres un sitio web y QUIEN lo usaré
Este es un paso crítico en el proceso de creación porque un sitio web de salud natural se verá y se sentirá diferente a un sitio web de comercio electrónico diario.
Con cada nueva puesta en marcha dedico un muro completo en mi oficina a delinear el esquema de mi nuevo sitio web.
Normalmente, la barra de navegación es donde comenzaré porque esto ayuda a identificar la idea principal de su sitio. Organice los botones de navegación en orden de importancia (de arriba a abajo o de izquierda a derecha).
Una vez que tenga la navegación organizada en orden de importancia, descubra qué contenido se dedicará a cada página. Asegúrese de tener en mente a su visitante sin abrumarlo con enlaces excesivos a "páginas de dinero".
Recuerde, usar colores para reflejar su contenido y la identidad del sitio es muy útil.
El rojo oscuro y el amarillo brillante hacen que las personas tomen medidas, los azules y los verdes crean confianza, y como Michael mencionó, el texto oscuro sobre un fondo claro es imprescindible para la legibilidad.
Usted puede descubra más sobre empatizar con la psicología del color en el diseño web aquí.
En realidad, la legibilidad es realmente importante y juega un papel ENORME en la usabilidad general de un sitio web.
¡Asegúrese de usar las fuentes apropiadas (nada demasiado elegante) y asegúrese de que tanto su abuelo como su hermano pequeño puedan leerlo!
Si sus visitantes leen una oración con alguna dificultad, simplemente saldrán de su sitio y se dirigirán a sus competidores.
Prevenga esto manteniendo oraciones de 15 palabras o menos y párrafos alrededor de 2 oraciones. Esto maximiza el compromiso y mantiene la legibilidad de sus sitios alrededor de un nivel de 5to grado.
Recuerda que estás escribiendo para usuarios web, no para tu profesor universitario.
Puede verificar la legibilidad de su sitio web / artículo por utilizando esta herramienta
Estos métodos me ayudaron a encontrar formas creativamente concisas para enfatizar mi punto y mejorar la usabilidad. Confío en que harán lo mismo por ti.
Instrucciones de implementacion
¿No tienes tiempo pero quieres consumir esta publicación? Aquí está en 7 puntos rápidos.
- Si tiene un área de miembros, haga visible el enlace. Considere agregar un widget de inicio de sesión a su sitio principal.
- Agregue titulares a sus páginas web. Haga una lluvia de ideas de titulares que explican tanto lo que hace su página web como por qué las personas deberían usarla.
- Haga que sus botones de llamada a la acción sean más visibles. Prueba dividida texto de botón diferente.
- Agregue un formulario de captura de correo electrónico a la barra lateral de todas las publicaciones / páginas de su sitio web y una ventana emergente de salida con la misma oferta utilizando software como Popup Domination.
- Agregue comentarios en cadena y comentarios positivos a su blog si desea fomentar una mayor interacción entre los lectores.
- Cambie el estilo de su enlace de texto a azul y subrayado. Revisa tu sitio web y busca lo que no es obvio. Solo porque sabe cómo usar su sitio web, no espere que otros lo experimenten de la misma manera
- Organice los botones de navegación en orden de cómo desea que la gente fluya por su sitio web. Por ejemplo, visite la página de inicio, visite esta página, ahora mire este producto, cómprelo, acceda a él, ¿tiene algún problema? Contáctenos.
