Notice anything new?
Después de 154 publicaciones, finalmente me despedí del diseño original de Blog Tyrant para dar paso al nuevo y (con suerte) mejorado diseño adaptable.
Los lectores habituales de este sitio notarán algunos elementos familiares, pero también muchos cambios.
Y sé que eso puede ser molesto (¡para mí es aterrador!).
Cuando uno de tus blogs favoritos recibe un nuevo diseño, puede sentirse como si tu mejor amigo se hubiera hecho cirugía plástica y ahora te cuesta relacionarte con él. Es una sensación extraña.
Así que, en esta publicación hablaré mucho sobre mis ideas detrás del nuevo diseño de blog adaptable y por qué lo diseñé yo mismo desde cero.
También realmente necesito tu ayuda.
Sigue leyendo, querido amigo.
¿Qué tenía de malo el antiguo Blog Tyrant?
Bueno, en realidad nada.
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 llegó a la página principal de Delicious y trajo una avalancha de tráfico y suscriptores. - Más de 10,000 suscriptores por correo electrónico en un año
El primer año trajo más de 10,000 suscriptores gracias a algunas publicaciones profundas, una marca ligeramente única y una gran cantidad de publicaciones de invitados. - Más de 10,700 comentarios de lectores leales
La mejor parte absoluta de mi trabajo es saber de las Tropas. Los comentarios me han brindado tanta 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 puedes lograr con un viejo blog de WordPress y un tema gratuito. Esa es una de las razones por las que promuevo una configuración de autoalojamiento para los nuevos bloggers: simplemente no puedes lograr eso en un servicio gratuito.
Pero los tiempos han cambiado…
Adaptarse es necesario por muchas razones
Hoy en día, un tema adaptable de WordPress es algo extremadamente importante porque una gran parte de los lectores visitan desde dispositivos móviles.
El mes pasado, alrededor del 20% (la porción verde del pastel) de mis visitantes lo hicieron desde sus móviles, o desde una de esas cosas grandes de Samsung.
Si bien el sitio antiguo se veía bien en un móvil, había muchas cosas que no eran perfectas. Entonces, ¿cuáles fueron mis razones principales para querer un diseño adaptable?
- Complaciendo al monstruo de Google
Lo creas o no, Google ha declarado que los sitios web amigables para dispositivos móviles se clasificarán más alto para las personas que buscan en dispositivos móviles. Esto puede significar potencialmente más tráfico. - Lectura más sencilla para mis cosas largas
Muchos de mis artículos son muy 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 espaciado más agradable. - Enfoque en el suscriptor
Mi principal razón para querer un blog receptivo era asegurarme de que las opciones de suscriptor no se perdieran. El sitio anterior era increíblemente difícil de navegar si querías registrarte correctamente.
Pero tener solo un diseño adaptable no era suficiente. Realmente quería cambiar la estructura del sitio para poder controlar el flujo del usuario.
Por eso 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
Mientras comenzaba a diseñar el nuevo sitio, me di cuenta de cuántos elementos diferentes debían abordarse.
Es curioso, cuando tienes un tema gratuito, te conformas con lo que tienes. Pero cuando lo diseñas tú mismo (o pagas a un diseñador), empiezas a ser realmente pedante con todo, queriendo que sea estratégicamente perfecto.
Eso nunca va a suceder.
Siempre habrá cosas que no me gusten de este diseño, o de cualquier diseño que se produzca.
La motivación principal realmente debería ser esta: debo usar mi mejor conocimiento web para construir algo que convierta.
Entonces, ¿cuáles fueron mis objetivos?
- Asegúrate de que los lectores antiguos se sientan cómodos
Bueno, 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 lectores antiguos todavía se sintieran como en casa. Como dije antes, cuando un sitio que te gusta recibe un nuevo diseño, puede sentirse muy extraño. - Mejorar áreas que los lectores antiguos disfrutan
Junto con esa motivación, quería asegurarme de que las áreas del sitio anterior que eran populares se mejoraran. Esto significó principalmente hacer de los comentarios una característica más importante con más espacio y atención dedicados a sus discusiones y avatares. - Un embudo de suscripción deliberada
Los suscriptores de correo electrónico son el pan y la mantequilla de este sitio. Quería asegurarme de que el nuevo sitio dirigiera a los visitantes a los lugares correctos para que pudieran suscribirse por las razones correctas. Estaré probando algunas versiones diferentes de esto en las próximas semanas. - Fortalecer 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 darle más énfasis y alinearlo con la marca de "trabajar desde el sofá" que creo que atrae a la gente. Pronto haré nuevas fotos (insistencia de mi prometida), ya que ahora peso unos 10 kilos menos y tengo tres años más. - Hacer más agradable el consumo de contenido extenso
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 razonamiento detrás de ellos.
¿Un experimento en vivo de diseño de temas de WordPress?
Cuanto más lo pensaba, más me daba cuenta de que cualquier diseño nuevo sería básicamente un experimento en vivo.
¿Se verían afectadas mis clasificaciones?
¿Aumentarían los números de suscriptores de correo electrónico?
¿Disminuirían las ventas de afiliados?
¿Seguirán disfrutando mis antiguos lectores pasar el rato aquí?
Al final, solo tuve que arriesgarme a pensar que tenía una comprensión decente 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 amas o odias mucho (o que simplemente no funciona), por favor 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 muy importante para mí, ya que realmente quería agregar un encabezado con una foto grande y un formulario de suscripción (¡prepárense para fotos de mi cara mirando el botón!), pero también me sentía reacio a quitar todas las publicaciones recientes de la página principal.
Anteriormente, mostraba 10 publicaciones en la página de inicio. Eso había provocado un aumento en las visitas a la página cuando la gente llegaba a la página principal, presumiblemente porque tienen más para desplazarse y más para atraerlos.
Pero el atractivo del gran formulario de suscripción parecía un riesgo lo suficientemente bueno. Había escuchado de personas que esos formularios de suscripción en el 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 en el encabezado de la página de inicio, eres un idiota!*”
Así que, que comience el experimento.
2. Menú principal con triple encabezado
El menú principal de triple encabezado (Iniciar un blog nuevo, 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 dirigieran a los nuevos lectores a áreas que promovieran el mejor contenido sin confundirlos o abrumarlos.
La página llamada Iniciar un blog nuevo es algo que he querido hacer durante un tiempo. Recibo muchos correos electrónicos de personas que preguntan cómo configurar un blog nuevo y ahora puedo remitirlas a una página clara que expone las cosas principales que necesitarán.
Podría haber usado una publicación normal como lo hago ahora, pero mi esperanza es que este diseño con las flechas y el video sea un poco menos intimidante.
Leer mi blog es obviamente ahora el lugar donde se encuentra el blog "tradicional" mío.
La página llamada Hacer crecer tu blog es algo que evolucionará hacia una nueva idea en el futuro cercano que, con suerte, emocionará a algunas personas.
En resumen, queríamos que las tres secciones mostraran/cubrieran inmediatamente temas para principiantes, intermedios y avanzados, de modo que ningún tipo de visitante se quedara fuera.
3. Más espacio en blanco
El espacio en blanco podría no parecer tan importante, pero es algo que realmente quería usar mucho. De hecho, el diseño inicial que probamos no tenía un “contenedor”, lo que significaba que el área de contenido no tenía límites. Todo simplemente flotaba en la pantalla.
Volvimos a agregar el contenedor para dar a las pantallas más grandes un poco más de definición, pero aun así lo mantuve lo más mínimo posible.
Hay algunas razones para esto:
- Enfoque del 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ás que incluso he eliminado las barras laterales en las páginas de destino internas. - Flujo
Realmente me encanta la idea del flujo. 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 no ser interrumpido (a menos que yo quiera que lo sea). - 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 eso está bien, ese parece ser el negocio en el que estoy.
4. Comentarios y avatares más grandes
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. Esperaba que esto nos ayudara a reconocernos más y/o a dar más exposición a tu marca. - Más espacio
De nuevo, 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 voy a añadir algunas funciones. Por ejemplo, he pensado en tener una función de "Elección del editor" donde pueda destacar tu comentario y darle una insignia de honor si es particularmente útil o perspicaz.
Si tienes alguna otra idea sobre cómo mejorar la sección de comentarios, me encantaría escucharla. Hazmelo saber abajo.
5. Mejor control del formulario de suscripción y página de destino
Una de las cosas principales que he abordado es el hecho de que quería asegurarme de que el embudo fuera realmente sólido.
Esto significa que (al menos por un 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á más oportunidades de vender previamente los beneficios de la lista de correo y, con suerte, aumentar la participación.
Ahora también hay un formulario de suscripción en el pie de página con pruebas sociales estratégicamente ubicadas encima para ver si puedo aprovechar a las personas que se desplazan hasta el final de los artículos y luego quieren hacer algo más.
Adaptable a móviles significa más espacio para errores
La cuestión de los temas receptivos de WordPress es que hay mucho más espacio para que las cosas salgan mal.
La razón de esto es que hay tantas formas y tamaños diferentes a los que su diseño debe adaptarse ahora. Blog Tyrant ahora se ve diferente en un teléfono inteligente, tableta, computadora portátil y escritorio de pantalla grande.
Eso es todo un desafío.
La captura de pantalla anterior muestra cómo el sitio se "apila" para teléfonos móviles. Requiere una foto diferente y un menú colapsable para que cada elemento sea lo suficientemente grande 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 llevará un tiempo. Pero mi estrategia principal ha sido estudiar los blogs y sitios web que hacen un diseño adaptable realmente bien (piensa en Brian Gardner, Chase Reeves, etc.) así como los sitios como Smashing Magazine que producen mucha información de calidad sobre las mejores y peores prácticas.
No puedes complacer a todos...
La otra gran cosa que tuve que recordarme a mí mismo fue que sería imposible complacer a todos.
Por ejemplo, envié la demostración de diseño con anticipación a algunos lectores de mucho tiempo de este sitio, así como a algunos amigos de marketing por internet. Casi todos ellos regresaron con diferentes comentarios positivos y negativos.
Al final, tomé todo lo que pude sin comprometer mis objetivos y luego decidí dejar el resto al destino (pruebas A/B).
Trabajando con un desarrollador en el que puedo confiar
No puedo terminar esta publicación sin hablar de por qué es vital trabajar con un desarrollador que sea un experto absoluto en su campo.
He estado trabajando con Viktor de CrazyXHTML durante muchos años en proyectos paralelos, trabajos de caridad y otros trabajos para clientes. En cada trabajo, é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 yo no tenía 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, todas las cuales han elogiado su servicio.
Blog Tyrant es mi bebé.
Realmente quería asegurarme de que podía confiar en el desarrollador para que tuviera mis inicios de sesión y mantuviera esa información segura. Y realmente quería asegurarme de tener acceso a alguien que hiciera cambios rápidamente y sin complicaciones si los necesitaba.
Viktor siempre ha sido ese tipo.
¿Puedes ayudar? (y algunos sorteos)
En este punto, realmente me encantaría dos cosas: comentarios y una o dos acciones.
Estoy muy emocionado 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.
Por favor, comparte una publicación o página que te guste (cualquiera servirá) en Twitter, Facebook o Google+ y elegiré dos personas al azar y te enviaré $100 a través de Paypal solo para agradecerte.
Lo más importante, realmente me encantaría saber qué te gusta o no te gusta del nuevo diseño. Comienza con los problemas evidentes de "¡Nunca volveré a usar este sitio porque..." y luego pasa a las cosas más sutiles.
Prometo que no lloraré.
La mayoría de la gente, como yo, no le gusta el cambio, pero debo decir que, después de leer tu artículo y compartirlo en mi página de Facebook, entiendo la necesidad del cambio. Te aplaudo, porque como bloguero sé cuánto trabajo implica. ¡Mucha suerte!
Gracias Denise.
Yo soy un poco igual. Pero tenía que pasar.
¡Gracias por pasar y compartir!
¡Bien dicho Denise!
¡Felicidades Ramsay! El nuevo diseño se ve nítido y fresco, bellamente hecho 🙂 Cuando empecé mi blog, no tenía idea de lo que era un tema adaptable (responsive), pero elegí uno de todos modos por el consejo de un amigo. ¡Estoy MUY CONTENTA de haberlo hecho! Tu nuevo diseño adaptable es simplificado y fácil de seguir. Aquí van otros 10,000 miembros.
¡Muchas gracias Stephanie! Me alegra que te guste.
Ah, amigo, es jodidamente brillante.
También es una extraña sincronía, ya que he estado rediseñando mi sitio [como sabes] y también he estado apuntando a un aspecto más limpio.
El siguiente paso para mí es conseguir que un técnico integre un formulario de suscripción en el banner.
ME ENCANTA el diseño y el contenido siempre es de primera clase.
Acabo de compartir en G+ y tuitear a mi mundo sobre los cambios.
Bien hecho y sé cuánta tiempo, energía y pasión se invierten en cambiar el aspecto de nuestros 'bebés'.
Espero que te hayas recompensado por todo el esfuerzo.
Salud
Liz
¡Leyenda! Gracias.
Hola Ramsey,
“Adiós viejo amigo.”
Me puse muy nervioso cuando vi ese asunto. Pensé que ibas a cerrar el blog ;( ¡oy-vey!
¡Genial ver que has vuelto con un nuevo diseño!
Sigue con el buen trabajo ayudándonos a la gente.
😉
¡Oh, no había pensado en eso! Qué loco. Jajaja.
Esa fue mi primera reacción también. Buen gancho de titular, jajaja.. 😉
He aprendido mucho de Ramsay Taplin. Publicaré mi éxito pronto. Ya estoy en camino de empezar mi blog. Ya tengo los productos. El consejo de Ramsey realmente me entusiasmó. Gracias. Bonito diseño.
Hola Ramsey,
En general, me gusta mucho el nuevo diseño. La página de inicio está genial. Bien hecho.
La única retroalimentación que agregaría es que me gustaría ver más en tu barra lateral. Hay casi demasiado espacio en blanco. Personalmente, prefiero que mi lectura esté un poco más contenida. Aunque estoy leyendo en mi laptop, no en mi teléfono.
De lo contrario, ¡está genial!
Hola Elizabeth.
Excelentes comentarios. De hecho, estoy pensando en agregar un elemento de desplazamiento que te siga por la página, algo parecido a lo que tiene Pat Flynn.
¡La página de aterrizaje (inicio) se ve genial!
¡Gracias Elena!
¡Gracias, Pamela!
¡Gran diseño!
Lo que más me gusta es que todavía puedo reconocer el blog en memoria del viejo diseño. ¡Bien hecho!
¡Es un gran comentario! Gracias Phil.
Ramsay,
Siento que tengo mucho que decir, pero seré breve y conciso. ¡Brillante! He querido hacer cambios como estos durante el último año en mi blog. Revisaré el tuyo con lupa y tomaré notas.
Ok, ahora sobre los errores. Tuiteé usando tus botones de abajo y mi tuit decía “Simple Share Buttons via @blogtyrant”. No compartió el título de tu publicación. Google + funcionó y Facebook funcionó.
Cosas que me encantan: el espacio en blanco, ¡sin duda! El encabezado y las 3 categorías en la parte superior.
Sugerencias: Los dos enlaces de abajo estaban bien, pero ¿quizás cambiar la redacción? “Lee el resto”… ¿de este artículo, tal vez? Estaba un poco confundido entre “Lee el resto” y “Lee el resto del blog”. Además, en la página de inicio, ¿quizás mover los Clásicos debajo de la última publicación del blog? No sabía que la última publicación del blog estaba allí hasta que bajé más.
¡Gran trabajo! No puedo esperar a profundizar más.
xoxo
Beth
Hola Beth. Viktor y yo estamos tratando de resolver lo de los Simple Share Buttons ¡ahora mismo! Muchas gracias.
Ramsay, es tarde – para ti. Ve a dormir. En unas 8 horas, despiértate, desayuna rico y luego revisa los comentarios. Estoy segura de que el mío será extenso.
ALERTA DE SPOILER: Me gusta.
Chris, ¡el Mundial está en marcha, hombre! ¡No he dormido en dos semanas!
Se ve genial. He estado intentando rediseñar curt-rice.com por un par de años, pero simplemente ha sido imposible encontrar un diseñador con el que me sienta cómodo. O no tienen suficiente experiencia para conocer soluciones sencillas para mis necesidades, o tienen tanta experiencia que tienen una cola de clientes tan larga que nunca me atienden, o están en el punto medio ideal, pero tienen un gusto tan diferente que no podemos ponernos de acuerdo. Probablemente esto suene a que soy difícil de complacer, pero no creo que sea cierto. Tengo claro lo que quiero, pero creo que eso es bueno, no exigente. De todos modos, felicidades por tener un nuevo diseño en marcha.
Y, sí, creo que la 'elección del editor' para buenos comentarios es una buena idea. Además, ¿cómo lo perfilas en tu blog cuando has dado charlas o has estado en los medios?
Sí, eso es muy difícil. Lleva mucho tiempo encontrar a la persona adecuada.
Tengo algunos logotipos en la parte inferior del sitio para las funciones.
A veces tenemos que ser arrastrados a patadas y gritando hacia el futuro, pero vale la pena cuando lo haces bien y funciona. ¡Gracias por la excelente lectura!
¡Me encanta! Gracias Phillip.
Soy tu lector desde hace mucho tiempo. Supongo que te gustan los cumplidos, pero lo que en realidad quieres son opiniones genuinas (críticas) sobre el nuevo diseño.
Sin embargo, puede que te decepcione.
¡Siento que tu nuevo diseño es muchas, muchas veces mejor que el anterior!
Especialmente el espacio en blanco. Hace que tu contenido sea más fácil de digerir. Tengo que decir que, en comparación con el anterior, tu diseño antiguo era desordenado. Tu nuevo diseño es impresionante.
Puedes hacer una barra flotante en tu columna derecha para mostrar tu mejor contenido o hacer que tu formulario de suscripción flote, ya que tu objetivo ahora es conseguir más suscriptores.
Me gustó tu nuevo diseño. Y por favor, añade más contenido al blog, ¡quiero más! (154 no es mucho de todos modos... pero son perspicaces).
¡Muchas gracias! Esos son comentarios realmente geniales. Unos pocos cumplidos nunca hacen daño. :)
Gracias Ramsey, siempre tienes información valiosa. Me gusta este formato, pero tengo que decir que estoy un poco con Elizabeth en esto. Siento que me estoy perdiendo en un mar de blanco. Por lo demás, es muy fresco y limpio.
Gracias Jill.
Me encanta. Es moderno, fácil de navegar y las fuentes y el espacio en blanco lo hacen agradable de leer. Y todas las partes importantes siguen siendo reconocibles.
¿Por qué optaste por una página de suscripción separada y no por un formulario de suscripción directa en las publicaciones del blog? Sospecho que podrías obtener menos suscriptores de esa manera, pero ¿los que se suscriban serán más valiosos para ti?
¿Es este el "blog hermano" que mencionaste aquí https://www.blogtyrant.com/blog-help-2014/? Pensé que sería otro sitio, ¡jeje!
Hola Ramsey,
El nuevo sitio se ve increíble, ¡felicidades! Sabes que el cambio es bueno, ¡así que sal ahí y dales con todo!
¡Gracias por toda la ayuda también!
Coach Nye
¡Gracias Entrenador!
Se ve bien Ramsay, pero creo que necesitas rediseñar tu formulario de suscripción lateral
¿Qué no te gusta de él, Rahat?
Así que tal vez me escondo mucho, pero siempre leo tus publicaciones y las comparto.
El nuevo diseño es impresionante. Mi parte favorita es el "Menú principal de triple encabezado" con los mensajes concisos: empezar, leer, crecer. Simplemente me encanta esa parte.
😀 ¿Pero tres pasos para leer esta publicación? Sí, lo haré porque siempre hay algo que sacar de tus publicaciones, BT. ¿Genial para reducir la tasa de rebote, eh? Y casi siempre termino leyendo al menos una publicación más aquí. Misión cumplida, supongo.
Felicitaciones. Por favor, sigue rockeando.
P.D.: Esa foto tuya relajándote en el sofá siempre me saca una sonrisa.
Hola Vidya.
¿A qué te refieres con tres pasos? Debería ser solo un clic desde cualquier lugar, realmente. Tal vez dos desde una página.
Haz clic 1. Enlace de correo electrónico a la página de inicio
Haz clic 2. Página principal del blog, desplázate hacia abajo hasta la publicación y "Leer el resto"
¡Tienes razón! 😀
La alerta por correo electrónico de hoy me llevó directamente a la publicación.
Quiero empezar diciendo que hiciste un trabajo increíble.
Me encanta absolutamente el nuevo diseño. Y como alguien que ha estado siguiendo a Blogtyrant durante un tiempo, no me siento perdido en absoluto.
Me encanta la página de inicio y cómo muestras publicaciones clásicas, se ve muy bien. Y aunque no me es útil como lector de mucho tiempo, es increíble para los nuevos lectores.
La gran cantidad de espacio en blanco también es genial, me permite concentrarme mejor en el contenido y no distraerme.
Pero, siento que el encabezado podría ser mejor. El espacio en blanco ahí parece inútil, y algunos enlaces que pusiste ahí estarían mejor en el pie de página, en mi opinión.
Por ejemplo, ¿mucha gente usa el botón de contacto? Puedo estar equivocado, pero no creo que mucha gente lo use.
Aunque después de leer tu blog durante unos meses, supongo que lo probaste y decidiste que este enlace de "contacto" pertenece ahí.
También me imagino algo más gráfico en el encabezado. Quizás un poco menos neutral. Algo que cause una fuerte impresión en los lectores primerizos y les dé inmediatamente una idea de qué trata este blog.
Me encantan las tres opciones principales que ofreces: "haz crecer tu blog", "lee mi blog", etc. Y no sé si esto estaba en el diseño anterior o no. Pero "lee mi blog" me suena demasiado poco claro.
He estado leyendo tu blog por un tiempo, así que sé que ofrece mucho valor, pero de lo contrario, mi primera reacción después de leer "lee mi blog" sería "¿para qué?". Es demasiado vago y realmente no comunica ningún beneficio en mi opinión.
Aparte de eso, me encanta todo. Y estos son en realidad algunos "problemas" menores.
Muchas gracias, hombre, esta es una muy buena retroalimentación. Yo tampoco estaba seguro de los elementos del menú. ¿Qué te gustaría diferente sobre el área del logo?
Me imagino algo más visual y menos espacio vacío.
Por ejemplo, podrías mover el logo a la izquierda, así como los enlaces, y agregar un formulario de búsqueda en la esquina superior derecha. Sería muy útil.
O podrías usar la esquina superior derecha para mostrar algo de prueba social. Y escribir algo como "10,000 tropas tiranas ya usaron mi consejo, ¿por qué tú no?". O algo así. Probablemente podría evitar que algunas personas abandonen el blog demasiado pronto.
De nuevo, estas son solo sugerencias, no sé si funcionarán bien.
Me encanta el diseño adaptable. Ahora solo necesito posts más cortos. :p
¡NUNCA! 😛
Hola Ramsay,
Felicidades por el nuevo diseño. Creo que el cambio a un diseño adaptable es positivo. Hoy en día, no lanzaría un nuevo blog o diseño de blog sin un diseño adaptable. Algunas cosas que me gustan del nuevo diseño:
– la sensación de coherencia con el diseño anterior (logo, colores)
– la navegación.
Creo que los 3 enlaces principales (inicio, leer, crecer) te servirán bien a ti y a los visitantes.
Gracias Marc. Lo aprecio mucho.
¡¡ME ENCANTA el nuevo diseño!! Todo se ve tan sofisticado y profesional. En el pasado, tu buen aspecto me hacía volver. AHORA (siento decírtelo) ¡el buen aspecto de tu SITIO me hará volver!
Bien hecho por ser valiente. No es fácil reconfigurar todo, incluso si es por un bien mayor. Tu antiguo sitio era familiar y, como, mi amigo. Pero todavía se siente, debajo de toda la claridad nítida, que el Blog Tyrant original anda por ahí, así que se siente como una ganancia en lugar de una pérdida.
¡Felicidades! ¡Estás ascendiendo!
Ja ja. Siempre me haces sonreír.
¡Felicidades por el encantador nuevo diseño del sitio! Solo tengo algunos puntos de retroalimentación y son más como quisquilloso, pero los lanzaré de todos modos :)
1) Tus pequeños iconos de redes sociales en la barra lateral son tan grises que casi desaparecen. Los oscurecería unos cuantos tonos solo para asegurarme de que atraigan la vista.
2) Tienes 3 opciones principales en el submenú de arriba:
Comienza un blog (resuelve un problema)
Lee mi blog (¿solo por diversión?)
Haz crecer tu blog (resuelve un problema)
Esto podría tener una mayor sincronía si las tres opciones estuvieran dirigidas a un propósito específico (actualmente solo 2 lo hacen). ¿Empezar, crecer, monetizar? No estoy seguro de cuál debería ser la tercera, pero 'leer mi blog' parece un poco vago en comparación con las otras dos.
Pero en general creo que se ve genial. ¡Buena suerte!
Muchas gracias Alexis. Eso es muy interesante.
Esto me atrapó. Lo compartí con mis amigos en Copywriter Café en FB. Finalmente estoy en el punto en que también crearé mi propio blog. Gracias.
Gracias George.
Te ves muy bien, amigo
¿Diseñaste desde cero o hiciste ajustes?
Hola Greg. Todo desde cero.
Tengo que decir Ramsay que siempre he considerado tu blog como algo a lo que aspirar, quizás no en términos del contenido en sí, sino en la forma en que operas y lo administras – no quiero que esto suene adulador, si me conocieras entenderías que no soy así… pero el crédito es merecido, hombre. Tu cambio a este diseño adaptable tiene buen sentido, y el espacio en blanco y el texto fácil de leer son agradables a la vista – mi propio blog/sitio/membresía dedicado al tema de WordPress y la creación de negocios en línea estaba abarrotado – y recordé tu enfoque y eliminé mucho de ello - ¡mucho mejor! Siempre es un placer leer, amigo… sigue con el gran trabajo.
Muchas gracias Michael. Significa mucho.
Además, tus expresiones cambian en el sofá de casa al acercar la pantalla.
¡¿CÓMO HACES ESO?!
Ja ja. Simplemente configuras una foto diferente para que aparezca cuando la pantalla llega a cierto tamaño. Más magia de Viktor.
Me gusta. Es muy similar a los cambios que estoy pensando para mi blog para servir mejor a mi negocio. Transmitir visitantes según lo que necesiten. Después de todo, cuando empiezas a tener mucho contenido, dejar que los visitantes elijan no es una buena idea.
Una vez más me inclino ante la sombra de tu grandeza.
Gracias Rachelle. Qué bueno verte aquí de nuevo.
Ramsay, yo también me he estado moviendo en esta dirección. Háblame de tu decisión de mantener la barra lateral… especialmente una que no es fija, dadas las largas que suelen ser tus publicaciones.
Hola Joe.
Creo que voy a añadir un formulario de suscripción flotante allí en algún momento. La gente parece querer algún contenedor de contenido en las pantallas más grandes.
Pensamientos, errores, notas, etc.
Versión de pantalla de escritorio:
1. Ajusta la cabecera (logo, menú, menú del blog) reduciendo el espacio en blanco.
2. El botón de la cabecera de la página principal para "más información" apunta a la URL "/v2/10000-others-top/" pero luego redirige a "10000-others-top/". Quizás quieras arreglar el enlace del botón. Estoy pasando por algo similar con un cambio de permalink.
3. Página principal: "Esa soy yo arriba". Debería decir "Esa soy yo arriba". (A menos que sea una frase regional).
4. Página principal, después del último artículo, dice "lee el resto" y luego un botón que dice "lee el resto del blog". Inicialmente pensé que tenías dos enlaces a la publicación del blog. Encuentra una diferencia de redacción entre los dos.
5. El botón en la parte inferior de la página principal para "más información" sí apunta a la URL correcta.
6. Elimina el enlace a "Diseñado por Tyrant Themes". Solo apuntas a la página de inicio y no vendes temas. No seas como Michael Hyatt y hables de tu próximo tema que sale después de tres años de "próximamente".
7. La página completa del blog, con extractos: Colorearía el texto "lee el resto..." de otro color para que la gente se sienta atraída por él. Tal como está con texto negro, parece inacabado.
8. Tema / Sensación. El logo es cuadrado. – texto en bloque, bordes afilados. La caja gris "¿Quién es el Blog Tyrant?" es cuadrada. Tu foto dentro es un círculo. El botón "regístrate" tiene esquinas redondeadas. Lo mismo con el área de "más información" en el pie de página. Los avatares de comentarios son cuadrados (cuadrados). Se siente inacabado.
9. Como nota graciosa, la caja gris "¿quién es el blog tyrant?" en la barra lateral con tu foto en círculo me recuerda a los volantes de pizza que dejan en las puertas de las casas.
10. Doble "iconos para compartir" al final de una publicación de blog y luego debajo de "Más información".
11. Usa consistencia en el color y la fuente del botón. Es rojo para "más información" pero amarillo con una fuente diferente (creo) para "Regístrate ahora". Lo mismo con el botón en la página de "Actualizaciones".
12. En el menú principal, tienes el enlace “Actualizaciones”. Esto lleva al usuario a una página diferente a la página de “obtener más información”. No sé si eso está bien o mal. No estaba seguro si “actualizaciones” era para noticias, las últimas publicaciones del blog o para obtener actualizaciones.
iPhone 4s:
1. Agrega una línea pequeña entre las publicaciones en la vista del blog. De esta manera, la gente verá “Lee el resto…”, una línea, y luego el siguiente título. Ahora mismo, hay como una pulgada de página en blanco. Se siente como si faltara algo.
Invaluable. Gracias por tomarte el tiempo de revisarlo todo tan a fondo. Realmente lo aprecio.
Recuerdo haber mirado algunos de los autos favoritos que quería comprar algún día, mirando el nuevo diseño, y pensando: ‘Ya no estoy seguro de querer este auto, ahora que su diseño ha sido alterado’.
Pero luego pasa un tiempo y lentamente te encuentras enamorándote del nuevo diseño, ahora que tienes las razones por las que el diseño tuvo que cambiar y tus decisiones no se basan solo en emociones.
Así que, no me quejo.
¿Agregarás también publicaciones relacionadas al final de las publicaciones?
Hola Philos. Probablemente no, porque quiero que el énfasis esté en el formulario de suscripción. Pero podría hacer que los de la barra lateral se desplacen junto con el lector.
¡Me ENCANTA absolutamente el rediseño! Y soy de los que odian el cambio. Esta es una gran mejora y no vi nada malo en el diseño anterior.
Primero, me encanta la foto del sofá y espero que la conserves. Se supone que una foto tuya mirando el botón de suscripción atraerá a los lectores al botón. Pero la foto tuya en el sofá representa de un vistazo de qué trata todo el blog. Todos quieren ese estilo de vida. ¡Consérvala!
Me da curiosidad por qué usaste fotos en blanco y negro en la página de inicio. Me encanta el blanco y negro, pero no aquí.
Espero que no uses una barra lateral que se desplaza como Pat Flynn. Eso me resulta irritante, como un acosador que me sigue cuando intento leer.
Me encanta el nuevo formato de comentarios.
También me encanta la barra negra en la parte superior con los 3 temas principales. Genial.
También me confundió el botón rojo de "Leer el resto..." y el de "Leer el resto de este blog." justo debajo. Hice clic en el botón cuando quería leer el resto de esa publicación, lo que significaba que tenía que hacer clic en "Leer el resto" de nuevo. Por favor, consideren cambiar el botón para que diga algo diferente a "Leer". Quizás "Más publicaciones geniales aquí". ¡Seguro se les ocurrirá algo más pegadizo!
¡De nuevo un diseño increíble!
¡Muchas gracias por tus amables palabras! Me alegra que te guste.
Las fotos en la página de inicio se vuelven a color cuando pasas el mouse sobre ellas. ¿Quizás debería ser al revés?
¡Me encanta el nuevo diseño! No he visitado tu sitio en MUCHO tiempo, ¡pero espero leer todas las publicaciones nuevas (viejas), jaja! ^_^
¡Qué bueno que regresaste!
Me encantan los cambios, amigo. Me gusta especialmente lo que hiciste con la sección de comentarios. Creo que las fotos y el texto más grandes van a contribuir mucho a fomentar el sentimiento de comunidad. Ahora puedo ver cómo se ve la gente, y eso es genial. Sin darme cuenta, hice clic en los nombres de algunas personas porque sus caras me dieron ganas de ver cómo era su sitio.
Siendo sincero (no es que no lo haya sido en el párrafo anterior, jaja), creo que todos apreciamos mucho lo honesto que eres con nosotros. Ramsay, independientemente de tu diseño, vamos a seguir volviendo. Así que, siéntete libre de seguir probando, ajustando y buscando formas de conseguir más suscriptores, incluso si eso significa equivocarte aquí o allá. Así que descansa tranquilo, porque no nos vamos a ir a ningún lado. Tu contenido es demasiado valioso para que nos vayamos solo porque no nos gusta un color de texto, o porque pensamos que una foto es muy gorda, jaja.
Así que, ¡salud por el nuevo diseño, mi amigo! ¡Ahora ve a conseguir esos suscriptores!
Hunter
Eso significa mucho para mí. Realmente, de verdad lo aprecio. Muchas gracias por escribirlo, Hunter.
Me encanta lo que has hecho con tu sitio y he notado que parece rapidísimo y muy fluido... ¡excelente, de verdad!
Gracias, Arnold. Sí, parece que carga en menos de 1.3 segundos, lo cual está bien.
Como redactor publicitario, supongo que tengo que dar mi opinión sobre una cosa importante que falta en todo tu blog: redacción contundente y llamadas a la acción.
Lo que quiero decir es que necesitas dar razones muy fuertes y específicas por las cuales los lectores deberían suscribirse/leer tu blog/o unirse a las tropas (página de registro separada).
Por ejemplo, "haz crecer tu blog" es un gran nombre para la página, pero el texto ahí no es lo suficientemente fuerte para explicar por qué los lectores deberían registrarse. Debería empezar con las dificultades que la gente tiene para hacer crecer su blog, detallando sus frustraciones, obstáculos, etc.
Luego debería enumerar las soluciones que han intentado, por qué han fallado, qué solución ofreces y por qué la tuya es mejor. Luego debería dar prueba social (¡10,000 suscriptores!), y explicar por qué estás especialmente calificado para ayudarlos. Finalmente, el texto de tu botón nunca debe decir algo tan vago como “registrarse”. Usa algo como “empieza a hacer crecer tu blog” o “empezar” o “prepárate para arrasar con tu blog” o lo que sea.
Realmente es una página de destino, y aunque no necesita verse elegante, debe estar escrita como una página de ventas (porque estás tratando de convencer a la gente de hacer algo, incluso si no les cuesta dinero).
Además, puedes reducir el texto en el cuadro de registro para que solo diga “correo electrónico”. Menos palabras, mejor conversión.
En cuanto a tu cuadro de características, ¡se ve genial! Muy llamativo. Sin embargo, cambiaría el texto, lo haría más fuerte, más claro sobre por qué la gente debería unirse a tu equipo. “Nuevos lugares increíbles” suena pegadizo, pero no es lo suficientemente específico (aunque me encanta la prueba social, ¡eso es bastante convincente!).
De hecho, acabo de revisar tu página de “más información”. Va por buen camino, aunque creo que aquí nuevamente necesitas ser más específico como dije antes.
Creo que haría tu “haz crecer mi blog” similar, pero lo convertiría en una página de recursos para que la gente consulte las publicaciones que les ayudarán a hacer crecer su blog. Podrías enumerar las primeras 10 publicaciones con las que deberían empezar, o podrías hacer que se registren para un curso por correo electrónico basado en esas 10 publicaciones, para que puedas enviarles información gradualmente. O, podrías hacer las cosas al estilo Copyblogger, y crear un ebook con tus mejores 20-30 publicaciones para aquellos interesados en hacer crecer su blog.
De todos modos, eso es mucho por ahora. ¡Espero que ayude! No dudes en enviarme un correo electrónico si deseas alguna aclaración. Ha sido divertido ver crecer tu blog; he estado contigo durante algunos años y he disfrutado viendo desarrollarse la comunidad de Blog Tyrant.
Este es realmente un excelente consejo.
The grow your blog section will soon be something very different. Overnight it’s converted at 11% which isn’t too bad but could be better.
I do need to tighten up the calls to action. A few things are a bit off message. I’ve got a new free eBook coming out soon which is about a very specific strategy so I’ll try and bring it all together then.
Thanks again. Gave me lots to consider.
You got me with the title – I also thought you were pulling the plug on the blog :/
Ok I for one really like the new design, visually its much more crisp, it looks fresh and its easier to focus on reading.
I personally like the new menu systems and I love your “start a blog” section – very professional and great designs.
I read this originally on my mobile and I agree that it is much easier to browse and navigate.
The site defiantly feels like the Blog Tyrant I know and love but its just an updated better version – it reminds me of Copyblogger in some ways and thats a good thing.
I look forward to the grow your blog resources.
Paul
Hola Paul.
Yeah that email scared a few people – including a few personal friends who thought I didn’t want to see them anymore! Whoops.
Thanks so much for the feedback.
Lo revisé en mi iPhone y aquí en la computadora, y lo revisaré en el iPad más tarde. Debo decir que estoy muy impresionado con los cambios. No soy de los que les gusta mucho el cambio, a menos que, por supuesto, sea un buen cambio. Me gusta que las imágenes de los comentarios sean más grandes. Me gusta que vea una foto suya de inmediato cuando la miro en el celular. Tuve dificultades en el pasado con su sitio cuando lo revisaba con mi teléfono, así que siempre optaba por dejarlo hasta llegar a casa para verlo en la computadora.
Soy fotógrafo, así que me inclino por las imágenes, ¡así que la adición de más imágenes es fantástica! Bueno, excepto por la de tu gato *guiño*
¡Así que todas las mejoras son geniales! Pero puedes tener un sitio hermoso e increíble y tener contexto inútil. Este no eres tú, por supuesto. Estaba feliz de aguantar la lucha en tu sitio en el pasado porque ¡amaba, amaba, amaba tu contexto! Pero ahora tienes un gran sitio y un gran contexto. Lo único que pensé fue que tenía un poco demasiado espacio en blanco, pero eso también podría ser el fotógrafo en mí y me encanta el color. Pero el espacio en blanco es muy limpio y hay mucha amplitud para leer más fácilmente, así que no es un comentario negativo.
¡Gracias Ramsay! ¿Cuándo conoceremos a la prometida? *pista pista*
¡Muchas gracias!
El espacio en blanco podría ser un poco excesivo, especialmente si la gente lee durante mucho tiempo.
¡Publicaré una foto de ella pronto!
Una más; en mi iPhone el logo es el logo normal de la web y por eso está un poco borroso. Sube uno que sea 2 veces más grande y luego establece el ancho y la altura en CSS para dispositivos de alta definición y para usar el logo 2x. 🙂
Le avisaré a Viktor. Gracias de nuevo.
Espero que Google Analytics siga tu ejemplo y agregue apropiadamente un nuevo tipo de dispositivo móvil a su lista de teléfonos y tabletas medidos: “una de esas cosas grandes de Samsung”.
Felicidades por lanzar el nuevo diseño del blog. Sé que has estado trabajando en esto por un tiempo, tomando decisiones reflexivas y estratégicas. ¡Es inspirador!
Jaja. ¡Me sorprende que no lo hayan hecho ya!
Gracias Scott. Y gracias por hacer las pruebas anticipadas.
Fue un honor. ¡Me alegra ver a tantos otros probadores aquí ahora también!
Ramsay, ¡se ve genial tanto en mi monitor de 27 pulgadas como en mi Nexus 7!
Me gusta mucho tu idea de usar un diagrama de flujo visual para guiar a las personas nuevas a través de la configuración de un blog. ¡Me robaré esa idea para mi sitio de cortadoras de césped!
¡Sigue con el buen trabajo!
Te avisaré cómo funciona antes de que hagas cambios importantes. 🙂
El sitio se ve genial, amigo,
Me gusta mucho la disposición de la página principal, definitivamente tiene el 'aspecto actual' y espero que reciba muchas menciones como resultado. Tampoco pierdes demasiado en modo adaptable, lo cual siempre es agradable en un teléfono 🙂
¡Sigue arrasando!
Gracias Shaun. ¡Espero que estés disfrutando la tormenta!
Hola Ramsay,
Me encanta el diseño de tu nuevo sitio web.
Cuando hago clic en una de tus páginas encima de los subtítulos de tu blog ubicados en tu página de inicio, no parece que haya un enlace que me devuelva a tu página de inicio, aparte de hacer clic en la imagen de tu encabezado.
Cuídate,
Erin 🙂
Gracias Erin. ¡Buenos comentarios!
Hola, Ramsey – ¡me quito mi sombrero de marketing y me pongo mi sombrero de lector! No te daré un comentario parecido a una revisión de sitio web, sino más bien cómo me sentí como lector tuyo desde hace mucho tiempo 😉
Soy uno de esos 17% en el pastel verde – muy rara vez abro tu sitio en una computadora y lo leo principalmente en una tableta. ¡También soy una de esas personas a las que no les gusta el cambio! Así que, debes haber hecho un trabajo excelente con el rediseño porque no me perdí nada y no me confundí de ninguna manera mientras hacía mi 'interacción habitual' con tu blog...
Por lo general, hago clic en el enlace directo a la nueva publicación en tu correo electrónico – eso es lo que hice y todo salió bien.
¡Pero! (Sí, siempre hay un pero...) – por curiosidad, fui PRIMERO a la página de inicio y eso es lo que me confundió un poco. (PRIMERO es clave aquí porque navegué por el sitio antes de leer la explicación del rediseño...)
Primero, la parte superior con 'inicia un blog', 'lee mi blog' y 'haz crecer tu blog' no estaba clara. Después de leer tu explicación, ¡me parece brillante agilizar el flujo de visitantes de esta manera (lo haré yo mismo, ¡así me gusta la idea!). Pero no está bien ejecutado, supongo...
En móvil, al menos, ni siquiera entendí que esos eran botones y enlaces activos a páginas... Lo vi como un gran cuadrado negro con algunas palabras, y me preguntaba cuál podría ser tu razonamiento para explicar los beneficios de tu blog de esa manera. Una solución fácil podría ser simplemente hacer que parezcan 'botones', para que quede claro en móvil que son enlaces activos que llevan a algún lado por algo...
Y la otra cosa que me confundió (varias personas lo mencionaron antes que yo) – el 'leer el resto' y 'leer el resto del blog'...
Cuando hice clic en el botón 'leer el resto del blog', fui redirigido a la página principal del blog... Así que tuve que hacer clic una vez más para llegar a la publicación del blog en sí... (Quizás eso es lo que alguien quiso decir cuando mencionó que necesitas hacer clic 3 veces para llegar a ella)
Ahora, es cierto que el botón dice 'leer el resto del blog', pero estás esperando demasiado del lector... No le damos mucha importancia, hacemos clic. Cuando veo 'leer el resto...', solo espero leer el resto de lo que estoy leyendo (en este caso, la publicación del blog)
Así que definitivamente diferencia la redacción (por ejemplo, 'explorar el blog') y agrega un enlace de texto después de la introducción de la publicación del blog para enlazar a la publicación completa (por ejemplo, 'leer la publicación completa'). Aclarará toda la confusión al instante.
Vi en los comentarios que mucha gente elogia y odia el espacio en blanco y algo sobre la barra lateral – yo NO veo nada de eso en el móvil... Quiero decir, el espacio en blanco está bien, la cantidad justa; no hay una barra lateral molesta ni nada...
Lo que me recuerda – por favor, no pongas esa horrible barra lateral 'acosadora' que te sigue arriba y abajo de la página... Es súper molesta, intrusiva y es muy probable que arruine la experiencia con tu sitio ordenado 😀
Tuiteé la publicación – el widget para compartir funcionó bien.
Ah, y una cosa más – las publicaciones clásicas. Pensé que eran en blanco y negro porque son "clásicas" – la falta de color no me molestó. Pero vi en los comentarios que alguien te lo dijo y dijiste que cuando pasas el mouse por encima, se vuelven coloridas.
Bueno, en el móvil no tenemos forma de pasar el mouse por encima (creo) – nunca se vuelven coloridas. Pensé que debías saber que este efecto no está activo en el móvil y deberías decidir si el blanco y negro o el color debe ser el predeterminado. Como dije, me gustó en blanco y negro por la asociación con 'clásicos'.
Y pensé que sería breve, ¡jaja!
¡Hablamos pronto y sigue publicando!
Oh, oh, y solo una cosa más: después de dejar el comentario, quería ver tus publicaciones recientes, pero no hay forma de volver a la navegación principal ni a ningún otro lugar (excepto a los clásicos). Y con cientos de comentarios, tengo que hacer mucho "scroll" en el móvil... Así que tal vez un enlace rápido de 'ir a la parte superior' después de los comentarios sería bueno 😀
¡Todos estos son comentarios geniales! La idea de los botones negros en el móvil es interesante, no lo había pensado. Gracias por la idea.
¡Me encanta el nuevo look! Ahora tengo que ir a verlo en mi teléfono y iPad. Si esto lo ha mejorado en esos dispositivos, ¡te saludo! Hay algunos sitios que he dejado de intentar leer en mi teléfono porque es demasiado difícil y distrae. Tampoco puedo enfatizar lo importante que es todo el espacio en blanco. Vivimos en un mundo que constantemente parpadea, destella y nos interrumpe. Me encanta que lo hayas hecho impecable y limpio. Por otro lado, todavía visitaría tu sitio incluso si fuera una jungla de trampas visuales. Has construido confianza con tu gente que naturalmente ha fomentado la lealtad.
¡Me alegra mucho que hayas pasado por TJ!
El sitio se ve genial. Me gusta la cabeza/embudo grande, tendré que probar eso en mi sitio. Una pequeña molestia es tener que hacer clic en un enlace para leer tu primera publicación de blog. Parece que pones a tus usuarios a un paso del contenido. También me pregunto, y esto podría estar totalmente equivocado, si deberías cambiar las fotos de tu contenido "clásico". Se parecen tanto a esos "anuncios de blog" que ves en la parte inferior de muchos sitios web que me tomó 3 intentos encontrarlos; simplemente me desplacé por encima de ellos de forma natural. También soy un gran fanático del espacio en blanco y me gusta la dinámica de inicio/lectura/crecimiento también.
Punto muy interesante. Creo que tendré que hacer un seguimiento de clics con mapas de calor en esos.
Se ve increíble, Ramsay. Tan limpio y simple. Me encanta.
¡Gracias, amigo!
Siempre gran contenido. Estoy buscando una página de blog similar y he descargado varios temas, pero ninguno se ve tan limpio como el tuyo con la funcionalidad.
Gracias,
Will
Gracias Will.
Studiopress tiene algunos buenos.
¡Muy emocionado por ti! Me encanta el nuevo look, ¡gracias por compartir esto!
Poniéndome el sombrero de UX, algunas cosas que otros no han señalado:
Tu navegación no indica en qué parte del sitio te encuentras. Si estás en la sección de ‘leer mi blog’, la navegación para esa parte debería ser amarilla y la flecha como un enlace activo. (Sé que WP es un dolor de cabeza para muchas de las cosas anidadas).
Las subrayados al pasar el ratón son difíciles de hacer bien: la regla general parece ser tenerlos tanto en el estado normal como en el de pasar el ratón, o no tenerlos en absoluto (simplemente cambia el color). Hay muchas maneras diferentes de hacer que funcione con CSS y cosas así, Medium hizo una investigación exhaustiva sobre cómo hacer que los enlaces se vean mejor, búscalo en Google para ver sus resultados.
Finalmente, tal vez acaba de aparecer, pero el anuncio fijo de "iniciar un blog de WordPress" en la parte superior de la página me pareció exactamente un anuncio (al hacer clic en él aparecía una ventana emergente que mi navegador bloquea por defecto), y NO PUEDO QUITARLO. Tampoco tiene el estilo del resto del sitio. Para ser honesto, me quita las ganas de leer. Supongo que lo estás haciendo para probar, pero al menos haz que suene como si todavía fuera tu sitio. Urrgh, una manía.
Hola Vicky.
Muchas gracias por tus comentarios. Muy útil.
Los elementos del menú permanecen resaltados cuando estás en esa página. ¿Qué navegador estás usando? A mí me funciona en Chrome, FF y Safari.
La HelloBar es un poco molesta. ¡Simplemente convierten muy bien! La he configurado para que se abra en la misma ventana y no se desplace más. Veamos qué tal va.
Siempre veo tu sitio en mi computadora de escritorio, pero revisé tu nuevo tema en mi iPhone y se ve muy bien. La única diferencia que me llama la atención en la página de inicio de la versión móvil es que tienes que desplazarte un poco hacia abajo para encontrar la última publicación. No estoy seguro si eso es un problema para ti, pero esa es solo mi observación.
Además, ¿hay alguna forma de vincular el "dejar un comentario" a la parte inferior de la página en lugar de tener que desplazarse hasta el final? Quizás era así en el diseño anterior, pero realmente sentí que era un problema con esta publicación debido a todos los comentarios. No es que no me importe desplazarme por los comentarios de todas las personas encantadoras, creo que sería bueno si fuera más fácil llegar a ellos. 🙂
Aparte de eso, muy bien.
Hola Melissa.
La opción predeterminada de WordPress es que el texto de los comentarios te lleve a la parte superior de los comentarios porque la gente podría querer leerlos. Podría valer la pena probar tu idea. Gracias.
Gran trabajo con el rediseño… me encuentro leyendo blogs cada vez más en mi teléfono, así que el diseño adaptable es imprescindible… Google también está empezando a dar atención a los sitios adaptables – ¡buena jugada en general!
¡Gracias Steve! Lo aprecio.
¡Muchas gracias por compartir esta excelente información! ¡Espero ver más publicaciones! bedgfaecfgdc
¡Excelente trabajo! Este es el tipo de información que debe compartirse en Internet. ¡Qué vergüenza para los motores de búsqueda por no posicionar esta publicación más arriba! Pasa por mi sitio web. Gracias caedaeafebea
[…] Adiós viejo amigo: Por qué (finalmente) diseñé un blog adaptable […]