Adiós, viejo amigo: por qué (finalmente) diseñé un blog receptivo

Eddy PfoccoriActualizado por Cisco Pfoccori el 15 de agosto de 2021

¿Notaste algo nuevo?

Después de 154 publicaciones, finalmente me despedí del diseño original de Blog Tyrant para dar paso al nuevo y (¡con suerte!) Diseño receptivo mejorado.

Los lectores de este sitio desde hace mucho tiempo notarán algunos elementos familiares, pero también muchos cambios.

Y sé que eso puede ser molesto (¡para mí es terriblemente aterrador!).

Cuando uno de tus blogs favoritos obtiene un nuevo diseño, puede parecer que tu mejor amigo acaba de someterse a una cirugía plástica y ahora te cuesta identificarte con él. Es un sentimiento extraño.

Entonces, en esta publicación voy a hablar mucho sobre mis pensamientos detrás del nuevo diseño de blog receptivo y por qué lo diseñé yo mismo desde cero.

También realmente necesito su ayuda.

Sigue leyendo, querido amigo.

¿Qué le pasaba al viejo Blog Tyrant?

Bueno, nada en realidad.

Ese diseño simple (que modifiqué de un tema gratuito que encontré) me sirvió extremadamente bien. Algunas de las cosas que sucedieron mientras ese chico malo estaba de servicio:

  • Más de 11.000 visitantes en su tercera semana

    Uno de mis artículos pilares originales fue a la página principal de Delicious y trajo una avalancha de tráfico y suscriptores.
  • Más de 10,000 suscriptores de correo electrónico en un año

    El primer año atrajo a más de 10,000 suscriptores gracias a algunas publicaciones en profundidad, una marca ligeramente única y una gran cantidad de publicaciones de invitados.
  • Más de 10,700 comentarios de lectores leales.

    La mejor parte de mi trabajo es escuchar a las Tropas. Los comentarios me han traído mucha alegría a lo largo de los años y, por alguna razón, este pequeño blog tiene uno de los grupos de comentarios más activos.

No digo nada de esto para presumir.

El punto principal es que es muy emocionante saber lo que puede lograr con un pequeño blog de WordPress antiguo y un tema gratuito. Esa es una de las razones por las que promociono una configuración de autohospedaje para los nuevos blogueros: eso no se puede lograr con un servicio gratuito.

Pero los tiempos han cambiado …

Ser receptivo es necesario por muchas razones

En estos días, un tema de WordPress receptivo es algo extremadamente importante porque una gran parte de los lectores lo visitan en dispositivos móviles.

usuarios móviles

El mes pasado, alrededor del 20% (la rebanada verde del pastel) de mis visitantes visitaron en sus móviles, o una de esas grandes cosas de Samsung.

Si bien el sitio anterior se veía bien en un dispositivo móvil, había muchas cosas que no eran perfectas. Entonces, ¿cuáles fueron mis principales razones para querer un diseño receptivo?

  • Complacer al monstruo de Google Lo

    crea o no, Google ha declarado que los sitios web optimizados para dispositivos móviles tendrán una clasificación más alta para las personas que buscan en dispositivos móviles. Potencialmente, esto puede significar más tráfico.
  • Lectura más simple para mi material extenso

    Muchos de mis artículos son realmente largos. Si bien era posible leerlos en el sitio anterior, este nuevo diseño hace que el contenido sea una característica principal con una fuente más grande y un espacio más agradable.
  • Enfoque del suscriptor

    Mi principal razón para querer un blog receptivo era asegurarme de que las opciones de suscriptor no se perdieran. El sitio antiguo era increíblemente difícil de navegar si deseaba participar correctamente.

Pero tener un diseño receptivo no fue suficiente. Tenía muchas ganas de cambiar la estructura del sitio para poder controlar el flujo de usuarios.

Es por eso que decidí diseñarlo yo mismo desde cero en lugar de usar un tema de WordPress gratuito o de pago que cualquiera puede comprar.

Así que echemos un vistazo a ese proceso de pensamiento.

Pensamientos y motivaciones detrás del nuevo diseño

Cuando comencé a diseñar el nuevo sitio, me di cuenta de cuántos elementos diferentes debían abordarse.

Es gracioso, cuando tienes un tema gratuito, te las arreglas con lo que tienes. Pero cuando lo diseñas tú mismo (o le pagas a un diseñador) empiezas a ser realmente pedante con todo el asunto queriendo hacerlo estratégicamente perfecto.

Eso nunca sucederá.

Siempre habrá cosas que no me gusten de este diseño o de cualquier diseño que se produzca.

La principal motivación realmente debería ser esta: debo usar mi mejor conocimiento web para construir algo que convierta.

Entonces, ¿cuáles eran mis objetivos?

  • Asegúrese de que los lectores antiguos se sientan cómodos.

    De acuerdo, este fue el principio rector más importante para mí. Sabía que necesitaba algunos elementos funcionales adicionales para modernizar el sitio, pero quería estar seguro de que todos mis antiguos lectores todavía se sintieran como en casa. Como dije anteriormente, cuando un sitio que te gusta tiene un nuevo diseño, puede resultar realmente extraño.
  • Mejorar las áreas que disfrutan los lectores antiguos

    Junto con esa motivación, quería asegurarme de que las áreas del sitio antiguo en las que somos populares se mejoraran. Esto significó principalmente hacer que los comentarios fueran más una característica con más espacio y atención prestada a sus discusiones y avatares.
  • Un embudo de participación deliberado Los

    suscriptores de correo electrónico son el pan y la mantequilla de este sitio. Quería asegurarme de que el nuevo sitio canalizara a los visitantes a los lugares correctos para que pudieran suscribirse por los motivos correctos. Estaré probando algunas versiones diferentes de esto durante las próximas semanas.
  • Reforzar la marca distintiva

    El sofá en el bosque siempre ha sido un gran punto de venta. La gente me lo menciona todo el tiempo. Quería enfocarme más en eso y alinearlo con la marca de “trabajar desde el sofá” que creo que atrae a la gente. Pronto recibiré nuevas fotos (ante la insistencia de mi prometida) ya que soy unos 10 kilos más liviano y ahora tengo tres años más.
  • Haga que el consumo de contenido extenso sea más agradable

    Las publicaciones en este sitio son realmente largas. Si voy a esperar que la gente lea hasta el final, al menos debería hacerlo lo más limpio y simple posible en todos los dispositivos.

Aquí hay una mirada más profunda a algunos de los cambios principales y mi pensamiento detrás de ellos.

¿Un experimento en vivo en el diseño de temas de WordPress?

Cuanto más lo pensaba, más me daba cuenta de que cualquier nuevo diseño sería básicamente un experimento en vivo.

¿Se verían afectados mis rankings?

¿Aumentaría el número de suscriptores de correo electrónico?

¿Disminuirían las ventas de afiliados?

¿Mis antiguos lectores seguirán disfrutando pasando el rato aquí?

En última instancia, tuve que hacer una apuesta para saber que tenía una buena comprensión de las mejores prácticas en la web y que el nuevo diseño sería un paso adelante en lugar de un gran error. Y siempre puedo cambiar las cosas que no funcionan.

Teniendo en cuenta ese experimento, si hay algo en este sitio que realmente amas u odias (o que simplemente no funciona), deja un comentario y házmelo saber.

Realmente no quiero que un diseño que he hecho afecte a nuestra maravillosa comunidad.

1. El nuevo diseño de la página de inicio

El principal cambio en el sitio es el nuevo diseño de la página de inicio.

Esto fue realmente importante para mí, ya que tenía muchas ganas de agregar un encabezado de foto grande con un formulario de suscripción (¡prepárate para fotos de mi cara mirando el botón!) Pero también me sentí indeciso en quitar todas las publicaciones recientes La primera página.

formulario de suscripción a la página de inicio

Anteriormente había mostrado 10 publicaciones en la página de inicio. Eso había provocado un aumento en la vista de la página cuando las personas habían aterrizado en la página principal, presumiblemente porque tenían más para desplazarse y más para captarlas.

Pero el atractivo del gran formulario de suscripción parecía un riesgo bastante bueno. Escuché de personas que esos formularios de suscripción de encabezado a veces convierten hasta el 15% del tráfico.

Eso es enorme.

Un emprendedor en línea que tiene más de 100,000 suscriptores incluso me dijo en Skype que “ … si no tienes un formulario de suscripción de encabezado de página de inicio, eres un idiota!

Entonces, que comience el experimento.

2. Menú principal de encabezado triple

El menú principal de triple encabezado (Iniciar un nuevo blog, Leer mi blog, Hacer crecer tu blog) es una idea que mi prometida y yo tuvimos cuando estuvimos en Barcelona el año pasado.

Realmente estaba buscando una manera de dividir el sitio en áreas que canalicen a los nuevos lectores a áreas que promuevan el mejor contenido sin confundirlos ni abrumarlos.

La página llamada Iniciar un nuevo blog es algo que he querido hacer durante un tiempo. Recibo muchos correos electrónicos de personas que preguntan cómo crear un nuevo blog y ahora puedo remitirlos a una página limpia que detalla las principales cosas que necesitarán.

iniciar un blog

Podría haber usado una publicación normal como lo hago ahora, pero espero que este diseño con flechas y video sea un poco menos intimidante.

Leer mi blog es obviamente ahora el lugar donde se encuentra mi blog “tradicional”.

La página llamada Grow Your Blog es algo que evolucionará hacia una nueva idea en un futuro cercano que, con suerte, entusiasmará a algunas personas.

En total, queríamos que las tres secciones mostraran / cubrieran inmediatamente temas para principiantes, intermedios y avanzados para que ningún tipo de visitante se quede fuera.

3. Más espacio en blanco

El espacio en blanco puede no parecer tan importante, pero es algo que realmente quería usar mucho. De hecho, el diseño inicial que probamos no tenía “contenedor”, lo que significa que el área de contenido no tenía absolutamente ningún límite. Todo simplemente flotó en la pantalla.

Volvimos a agregar el contenedor para dar a las pantallas más grandes un poco más de definición, pero aún lo he mantenido lo más mínimo posible.

Hay algunas razones para esto:

  • Enfoque en el contenido

    El espacio en blanco solo se puede lograr cuando se elimina mucho desorden. Quiero mantener el enfoque de este sitio en su punto fuerte: el contenido. Verá que incluso eliminé las barras laterales en las páginas de destino internas.
  • Fluir

    Me encanta la idea de fluir. Quiero que un nuevo visitante llegue a mi sitio a través de Google o una referencia y sepa exactamente a dónde ir y que no me interrumpan (a menos que yo quiera).
  • Simplicidad

    A veces, la información que ofrezco en Blog Tyrant puede ser un poco abrumadora, especialmente para los nuevos bloggers. El espacio en blanco estaba destinado a hacer que la experiencia de digerir esa información fuera mucho más limpia.

Como mencioné anteriormente, muchas de estas cosas son solo conjeturas y realmente estoy realizando una prueba en vivo. Pero está bien, ese parece ser el negocio en el que estoy.

4. Comentarios y avatares más importantes

La sección de comentarios es, para mí, la mejor parte de Blog Tyrant. Me encantan las discusiones que tenemos allí y realmente quería encontrar formas de mejorar esa comunidad.

  • Imágenes más grandes

    Quería hacer las fotos un poco más grandes de lo normal para que las caras de cada comentarista fueran más prominentes. Tenía la esperanza de que esto nos ayudaría a reconocernos más y / o dar más visibilidad a tu marca.
  • Más espacio

    Nuevamente, los comentarios imitan el texto del cuerpo principal y tienen mucho más espacio. En cierto modo, no quería distinguirlos de los artículos que escribo.
  • Más funciones

    En el futuro, agregaré algunas funciones. Por ejemplo, he pensado en tener una función de “Elección del editor” en la que pueda resaltar su comentario y darle una insignia de honor si es particularmente útil o revelador.

Si tiene alguna otra idea sobre cómo mejorar la sección de comentarios, me encantaría escucharla. Házmelo saber abajo.

5. Mejor formulario de suscripción y control de la página de destino

Una de las cosas principales que he mencionado es el hecho de que quería asegurarme de que el embudo estuviera realmente ajustado.

Esto significa que (al menos durante el próximo tiempo) voy a probar un método mediante el cual los visitantes hacen clic en el botón MÁS INFORMACIÓN para encontrar el formulario de suscripción. Eso me dará una mayor oportunidad de pre-vender los beneficios de la lista de correo y, con suerte, aumentar el compromiso.

Ahora también hay un formulario de suscripción en el pie de página con una prueba social estratégicamente colocada encima para ver si puedo hacer uso de las personas que se desplazan hasta la parte inferior de los artículos y luego quieren hacer otra cosa.

La capacidad de respuesta móvil significa más espacio para errores

Lo que pasa con los temas receptivos de WordPress es que hay mucho más espacio para que las cosas salgan mal.

La razón de esto es porque hay tantas formas y tamaños diferentes que su diseño ahora debe tener en cuenta. Blog Tyrant ahora se ve diferente en un teléfono inteligente, tableta, computadora portátil y computadora de escritorio de pantalla grande.

Eso es todo un desafío.

móvil

La captura de pantalla anterior muestra cómo el sitio se “acumula” para los teléfonos móviles. Requiere una foto diferente y un menú plegable para que cada elemento sea lo suficientemente grande como para presionarlo con el dedo. Todo esto es diferente de nuevo cuando haces la versión para iPad.

Absolutamente no lo he hecho todo bien todavía, creo que tomará un tiempo. Pero mi estrategia principal ha sido estudiar los blogs y sitios web que hacen un diseño receptivo realmente bien (piense en Brian Gardner , Chase Reeves , etc.), así como los sitios como Smashing Magazine que producen mucha información de calidad sobre las mejores y las peores prácticas.

No puedes complacer a todos …

La otra gran cosa que tenía que recordarme a mí mismo era que sería imposible complacer a todos.

Por ejemplo, envié la demostración de diseño por adelantado a algunos lectores de este sitio desde hace mucho tiempo, así como a algunos amigos míos de marketing en Internet. Casi todos regresaron con diferentes comentarios positivos y negativos.

Al final tomé a bordo todo lo que pude sin comprometer mis objetivos y luego decidí dejar el resto al destino (pruebas A / B).

Trabajar con un desarrollador en el que puedo confiar

No puedo terminar esta publicación sin hablar sobre por qué es vital trabajar con un desarrollador que sea un experto absoluto en su campo.

He trabajado con Viktor de CrazyXHTML durante muchos años en proyectos paralelos, trabajos de caridad y algunos otros trabajos con clientes. En cada uno de los trabajos, él y su equipo han entregado el trabajo antes de lo previsto y dentro del presupuesto.

De hecho, ha habido muchas situaciones en las que Viktor ha hecho cosas con WordPress que no tenía ni idea de que fueran posibles. Como resultado, creo que lo he recomendado a al menos una docena de personas a lo largo de los años, todos los cuales han estado entusiasmados con su servicio.

Blog Tyrant es mi bebé.

Realmente quería asegurarme de poder confiar en que el desarrollador tendrá mis inicios de sesión y mantendrá esa información segura. Y realmente quería asegurarme de tener acceso a alguien que pudiera hacer cambios rápidamente y sin problemas si los necesitaba.

Viktor siempre ha sido ese tipo.

¿Puede usted ayudar? (y algunos obsequios)

En este punto, realmente me encantaría dos cosas: comentarios y compartir una o dos .

Estoy muy entusiasmado con el nuevo diseño y me encantaría correr la voz para poder recopilar la mayor cantidad de datos posible en un corto período de tiempo sobre cómo las personas interactúan con el sitio.

Comparta una publicación o página que le guste (cualquiera lo hará) en Twitter, Facebook o Google+ y elegiré a dos personas al azar y le enviaré $ 100 a través de Paypal solo para agradecer.

Lo más importante es que me encantaría escuchar lo que le gusta o no le gusta del nuevo diseño. Empiece con el flagrante ” No volveré a utilizar este sitio porque … ” y luego trabaje hacia cosas más suaves.

Prometo que no lloraré.

Deja un comentario