Hace apenas poco más de 7 meses, escribí sobre WPBeginner versión 3.0. Después de mucho trabajo duro, reconsideración y optimización, estoy orgulloso de presentar WPBeginner 4.0. Lanzamos este nuevo diseño justo antes de BlogWorld, hace aproximadamente 2 semanas. Si lees nuestro sitio web por correo electrónico u otro lector de feeds, te agradecería mucho si le echaras un vistazo al sitio web. Haznos saber tus opiniones. Hubo muchos cambios importantes en el nuevo diseño y la estructura del sitio de WPBv4.
¿Por qué cambiamos a WPBv4 tan rápido?
Cuando lancé el rediseño, algunos de mis buenos amigos preguntaron: ¿no hicieron ustedes un rediseño hace no mucho tiempo? Sí, lo hicimos hace unos 7 meses. Tener dos rediseños importantes en un período de un año debe requerir una explicación. Entonces, ¿por qué cambiamos a WPBv4? Bueno, creo que la razón principal fue la baja conversión. Desde que se lanzó WPBeginner, teníamos una barra distintiva "naranja" en la parte superior. En el último diseño, nos deshicimos de eso. Eso no solo hizo que el sitio pareciera muy aburrido, sino que muchos de nuestros usuarios se quejaron de que no podían reconocer el sitio. El último diseño fue realmente genial porque intentó emular el panel de WordPress, sin embargo, eso se volvió obsoleto muy rápido. Yo mismo empecé a extrañar el naranja.
Otra gran queja que escuchamos de muchos usuarios fue que el contenido era muy difícil de encontrar. Para ver las categorías del blog, el usuario tenía que estar en la sección del blog del sitio web. Hacer que el sitio fuera adaptable a numerosos tamaños de pantalla exigió un cambio de contenido. Esto resultó en una disminución de la conversión (opt-ins, ventas, clientes potenciales, etc.). Sabía que teníamos que hacer algo al respecto RÁPIDAMENTE. Me puse a la pizarra y comencé a hacer una lista de cosas por hacer. Con tantos comentarios y quejas, vi que esa lista de tareas pendientes se salió de control. Lo siguiente que supe es que estábamos hablando de un rediseño. Ahora aquí estamos con un nuevo diseño.
¿Qué demonios cambió?
Hubo muchos cambios (¡algunos importantes también!). Haré todo lo posible para resaltar cada uno de ellos y explicar por qué hicimos esos cambios.
- Cierre de la Galería – Lanzamos nuestra galería con la esperanza de mostrar los mejores diseños de WordPress. Todo el contenido fue enviado por los usuarios. La tarea resultó ser mucho más difícil de lo esperado. Más del 90% de los sitios enviados no pasaron el corte. Casi sentí que no estábamos progresando allí. Moderábamos los sitios a diario solo para descubrir que "¡No hay envío de sitios de calidad" OTRA VEZ. Así que decidí desconectarlo.
- Cupones renombrados como Ofertas – ¿Recuerdas nuestra sección de cupones? Bueno, ahora tiene un nuevo nombre. Está alojada bajo Ofertas. Ya no es un subdominio multisitio. En cambio, es un tipo de publicación personalizado. Hubo varias razones por las que hicimos este cambio. La razón principal fue estructurar mejor el sitio. Los cupones nos limitaban a publicar solo cupones en el sitio. Esto hizo que la sección de Noticias del blog estuviera bastante abarrotada. Con un nuevo nombre, Ofertas, ahora podemos publicar todo en un solo lugar. Tenerlo como un tipo de publicación personalizado hace que sea mucho más fácil para nosotros integrarlo en todo el sitio.
- Lanzamiento de Videos – Finalmente lanzamos los Videos de WordPress de WPBeginner. Se suponía que lo lanzaríamos uno o dos meses después del último rediseño. Debido a todos los comentarios/quejas, decidimos posponer el lanzamiento. Actualmente hay 17 videos que te mostrarán los conceptos básicos de WordPress. Hay planes para agregar más tutoriales en video a medida que pase el tiempo.
- El Plan de WPBeginner – Después de hacer el estudio de caso de List25, nos bombardearon con correos electrónicos de usuarios pidiendo un vistazo detrás de cámaras de WPBeginner. Es por eso que hemos lanzado El Plan de WPBeginner. Esto nos da un lugar único donde podemos listar todos los plugins, herramientas y servicios que usamos. También nos permite mantenerlo bastante actualizado. Los videos del Plan están en proceso para hacer esa área más personal.
- Iniciativa de Guías – A menudo recibíamos correos electrónicos o tuits de usuarios preguntándonos: ¿dónde está la guía? Siempre sentí ganas de golpearme la cabeza contra la pared. Mi respuesta era como, todo el maldito sitio web es una guía. Sin embargo, entiendo que es nuestro trabajo como equipo hacer que nuestro sitio sea más fácil de navegar. Las guías tendrán una guía paso a paso para usar WordPress. Actualmente es bastante básico, pero agregaremos más elementos allí. Para aquellos que se preguntan, esta es solo un área donde mostramos artículos seleccionados que ya hemos cubierto.
- Alojamiento de WordPress – En el pasado, teníamos una lista de proveedores de alojamiento de WordPress recomendados. En la nueva versión, también queremos la opinión de nuestros usuarios. Hemos agregado la capacidad para que los usuarios CALIFIQUEN a cada proveedor y dejen reseñas. Por favor, echa un vistazo a nuestra página de Alojamiento de WordPress para ver si tu proveedor de alojamiento está listado allí. Si lo está, por favor considera dejar una reseña. Esto ayudará a otros a tomar la decisión correcta.
- Servicios – En el pasado, nuestra página de servicios nunca fue muy elaborada. Ofrecemos una amplia variedad de servicios que no promocionamos. Nunca sentimos la necesidad de hacerlo porque siempre hemos estado llenos de clientes. A medida que contratamos a más personas, hemos decidido hacer públicos nuestros servicios de WordPress. Esa página todavía está en proceso. Quiero que tengamos una página de destino personalizada para cada uno.
- Marco Genesis – WPBeginner ahora funciona con Genesis. El último diseño era independiente, pero hemos vuelto con nuestro marco favorito.
- Livefyre – En el nuevo diseño, hemos vuelto a los comentarios predeterminados de WordPress. Nos hemos alejado de Livefyre. Ya escribimos un artículo al respecto: “6 razones por las que nos alejamos de Livefyre“.
- Cambios Visuales – Hay muchos cambios visuales. Fuentes, tamaño de fuente, etc.
¿Qué sigue?
I still have a long list of things to do. I am super excited to see the direction we are heading in. We will soon start to offer Freebies. I want us to have a good compilation of books. If you have book recommendations, then please contact us. I want WPBeginner to cater to niche markets as well. There are some more interesting stuff in the works for that 
Una nueva sección de sorteos está en proceso, luego volveremos a hacer nuestros sorteos regulares como solíamos hacerlo. Simplemente ya no quiero saturar la sección de noticias. Más noticias sobre eso pronto.
Estamos trabajando en una “semi-responsividad” de este tema. Básicamente, puedes llamarlo una versión móvil. La mayor queja que recibimos de nuestros usuarios anteriormente fue que nuestro diseño móvil “adaptable” no les daba una forma de volver a la versión completa. Así que estamos tratando de encontrar la mejor manera de abordar este problema.
Haré todo lo posible para mantenerlos informados a medida que agreguemos más funciones.
Atentamente,
Syed Balkhi
Jiří Vaněk
Miré la Wayback Machine para ver cómo ha evolucionado este sitio web desde su inicio, y es una retrospectiva interesante. Está claro que incluso desde 2012, han estado innovando continuamente y centrándose principalmente en los usuarios. Me encanta su diseño limpio y, sinceramente, me han inspirado de muchas maneras. A pesar de que el sitio web ahora tiene un diseño diferente al de antes, es fascinante mirar hacia atrás en su desarrollo año tras año.
T Miller
Hola, me gusta el aspecto de tu sitio. Mencionas el cambio en tu sección de ofertas, pero no das ningún consejo de código sobre cómo crear ese aspecto. Basado en el nombre de tu sitio, esperaba una explicación de seguimiento en un tutorial, aunque mencionas que es un tipo de publicación personalizado. Dado que soy principiante, me tomaría un minuto descifrar el estilo aplicado para obtener el mismo aspecto en tu oferta de cupón. ¿Hay alguna posibilidad de que me haya perdido tu publicación instructiva sobre esto? Gracias.
Personal editorial
Sugerencia interesante. El propósito del artículo era mostrar a los usuarios qué cambió, no necesariamente mostrarles cómo lo cambiamos. En un panorama general, a menudo las cosas que cambiamos son bastante difíciles de explicar para usuarios principiantes. Sí, se puede argumentar que hay múltiples niveles de principiantes. Tú podrías estar en un nivel donde entiendes HTML, CSS y un poco de PHP. Luego están aquellos que no saben cómo subir una imagen.
Administrador
Sarah
Creo que el nuevo diseño es una gran mejora. La idea del anterior sonaba bien, pero en realidad simplemente no funcionó.
Gautam Doddamani
i love the new design more…genesis is certainly the best framework compared to thesis and others and it handles seo very well…although i also liked the previous one…easy peesy…navigating to pages and stuff..this design is more like a businessey type of approach..i do like it but it can be made better
Mairaj Pirzada
¡Grandes noticias!
iBru
Genial, pero una pregunta más,
Me pregunto qué plugin usas para dividir las suscripciones de correo electrónico en varias categorías. Gracias.
Personal editorial
Eso no es un plugin. Tanto MailChimp como Aweber tienen opciones para segmentar listas.
Administrador
Ankur
Aunque me gusta mucho este diseño, el anterior era muy único. El diseño actual es un tipo de diseño típico de blog/revista, mientras que el anterior era bastante único. Podía reconocer el sitio con solo ver una parte de él.
Genesis es una gran adición, lo uso yo mismo y lo admiro mucho.
Personal editorial
Gracias Ankur, sí, no podría estar más de acuerdo contigo. El último diseño era definitivamente muy único. Creo que por esa misma razón, la gente tuvo problemas para encontrar los artículos. Porque estaban confundidos. Volver a un diseño tradicional tenía más sentido.
Administrador
Dave Clements
Definitivamente es bueno ver las publicaciones del blog de vuelta en la página principal. No entendía por qué las habías quitado, pero me alegra ver que experimentas. Ninguna aventura es un desperdicio a menos que no aprendas de ella. Una gran mejora respecto a la v3 en mi opinión.
Personal editorial
Gracias por pasarte Dave. Las publicaciones del blog también estaban en la página de inicio en la v3. Pero sin miniaturas, nada las hacía destacar.
Administrador
Aman
Helly Syed,
Todo está genial; ¡pero me puedes regalar el tema antiguo (WP Beginner V3)!
Realmente lo quiero. ¡Tu tema antiguo también era bastante bueno!
Personal editorial
Lo siento. Realmente no puedo regalar ese tema.
Administrador
Piet
Es extraño que no te dieras cuenta tú mismo antes del lanzamiento de que la versión 3 fue un GRAN error.
Creo que con la versión 4 te has ido al otro extremo, es súper aburrida y demasiado estrecha.
Un ejemplo práctico: estoy aquí solo en la parte inferior de tu sitio escribiendo este comentario y estaba buscando un enlace a la página de inicio: sin suerte.
¿Un enlace para volver arriba entonces? ¿Genesis no viene con eso por defecto? ¡Tampoco hay suerte!
Ya estoy esperando la versión 5, ya que esta tampoco es buena.
Personal editorial
Piet, la verdad es que pensé que la versión 3 era muy buena. Empezó a cansarme después de un tiempo. La versión 4 definitivamente mejora la usabilidad, y nuestros números lo demuestran. Habrá que esperar a ver más comentarios. Creo que tenemos una buena base aquí, ahora vamos a trabajar en ajustarla y optimizarla aún más.
Enlace "Volver al principio", ¿la gente realmente lo usa? Supongo que podemos hacer una prueba de mapa de calor para eso. Sí, Genesis viene con él por defecto. Lo quitamos de nuestro tema.
La versión 5 no llegará pronto. Nuestro objetivo ahora es ajustar y optimizar este diseño. Los números hasta ahora han sido muy prometedores. Si tienes más sugerencias, no dudes en enviármelas. Siempre me encanta escuchar a nuestros usuarios.
Administrador
Eric Suiker
Hola Syed,
El nuevo diseño se ve genial en el iPad e incluso puedo leerlo sin gafas. Así que eso es bueno.
La sección de video se ve prometedora y el plano es genial. Aprendí mucho de él.
Gracias…
Personal editorial
Thanks for the feedback Eric
Administrador
Nicholas Tart
Hola Syed, creo que has hecho un trabajo fantástico. La barra naranja es tremenda. Me quedé mirándola un minuto antes de darme cuenta de dónde venía el degradado. También me gusta cómo el área de las migas de pan es coherente con los enlaces Recientes, Populares y Editoriales en la página de inicio. Una cosa, encontré la página de ofertas aquí: https://www.wpbeginner.com/deals/ en lugar de en un subdominio. Muy buen trabajo. Creo que es una gran mejora.
Personal editorial
Gracias Nick. Sí, me deshice del subdominio. Lo moví de una instalación de MS a un tipo de publicación personalizado para una mejor integración con el sitio.
Administrador
Nicholas Tart
Ooh, también me gusta el botón "Responder". En la publicación, "Ofertas" enlaza a un subdominio.
Personal editorial
Ah, maldición. Arreglé ese error. Buena observación.
Lenin Nongsiej
Para añadir a lo anterior, los elementos de la lista parecen fuera de lugar. Un formato coherente mejoraría el aspecto general. Estoy viendo el sitio en pantallas grandes, así que para mí se siente un poco estrecho. ¡1000px de ancho mínimo para escritorios, por favor! Para el resto, hazlo adaptable. Me gustan los detalles en todo lo demás, sigue con el buen trabajo.
Personal editorial
Gracias por tus comentarios, Lenin. Sí, definitivamente tengo que mejorar el formato de la lista. Realmente aprecio tus comentarios.
Administrador
Mike
Personalmente, me gustó la v3… Se veía más moderna, más adaptable (incluso si no lo era… no recuerdo, pero veo que esta no es adaptable), simplemente mejor en general.
I’m sure I’ll get over it though
Derek Jensen
Estoy contigo, Mike. No por el diseño adaptable, sino porque era algo diferente y ahora parece como cualquier otro sitio. Claro, la barra naranja ha vuelto, pero el naranja se está convirtiendo rápidamente en el nuevo azul con muchos sitios.
El punto es que la v3 era diferente y deberían haber ajustado el sitio para que “convirtiera mejor”. Este diseño drástico se ve peor que la v2 si mal no recuerdo.
Personal editorial
Derek, gracias por tus comentarios. No puedo hablar por otros, pero en las últimas dos semanas (hice 60 ventas de un producto este mes después del nuevo diseño). El total del mes pasado fue de 40. Las ventas han aumentado. Las suscripciones han aumentado. Las visitas por usuario también han aumentado. Tener páginas de destino bien diseñadas es clave. Con el diseño adaptable, parece que en la mayoría de los casos tienes que renunciar al estilo personalizado. No me malinterpretes. Estoy totalmente a favor del diseño adaptable cuando es necesario. Con nuestra audiencia, no creo que lo sea. Muy pocos leen el sitio usando dispositivos móviles (menos del 2% según GA). La v3 fue ciertamente única, sin embargo, no todo lo que brilla es oro. Esto es un trabajo en progreso y, como dije, la versión móvil estará lista, espero, pronto.
Administrador
Derek Jensen
Mi punto no se centró en el cambio de no ser adaptable. Mi punto era pensar en ajustar la v3 para que fuera, para el bien de esta conversación, v3.1.0 o algo así. A pesar de que no convertía tan bien, creo que podría haberlo hecho si las cosas se hubieran jugado en lugar de cambiar a este Genesis Framework. Ciertamente es una preferencia personal, ya que me gusta ver a la gente esforzarse por un diseño diferente y aprender a hacerlo funcionar te hará salir adelante y liderar el camino. ¡Te deseo lo mejor!
Personal editorial
Derek, una de las principales razones por las que no funcionaba era porque no era intuitivo. Los usuarios realmente no tenían idea de cómo usar ese diseño. Era drásticamente diferente, nada como lo que habían visto en ningún otro sitio web. ¿En cuanto a por qué no ajustamos ese? Intentamos ajustarlo. A diferencia de WordPress, no anunciamos v3.0.1 o 3.0.2... Hubo numerosos ajustes que hicimos. Pero nada pareció funcionar. Ahora, tal vez si tuviéramos mejores diseñadores de UI/UX, podría haber funcionado (tal vez).
Rich
Buena actualización. Podrías usar un poco de espaciado después de cada viñeta; de lo contrario, se juntan (ver arriba), y quizás un poco menos de interlineado para el texto del párrafo. También creo que el diseño podría ser 20-40px más ancho; 960 es estrecho para los estándares modernos.
Personal editorial
Buen consejo sobre el espaciado de las viñetas. Pondré una llamada para eso. Sí, nos quedaremos con 960 por un tiempo. Quizás en el futuro se amplíe.
Administrador
Mike
¿Podría sugerir la cuadrícula de 1140 cuando haga la v5? Hemos comenzado a usarla en muchas cosas que se nos presentan pronto y es genial trabajar con ella.
Keith Davis
Hola Syed
Me encanta el nuevo diseño.
Me encanta todo lo que está construido sobre Genesis, bueno, casi todo.
¿Por qué no eres receptivo?
Estaba pensando en cambiar de comentarios nativos a Livefyre, pero tu artículo echó por tierra esa idea.
De hecho, me gustan tus sencillos inicios de sesión con comentarios de Twitter o Facebook.
En general... una gran mejora.
Personal editorial
Keith, tendremos un estilo receptivo solo para navegadores móviles muy pronto. Pero eso es todo.
Administrador
stef
es mejor, bonito..