La importancia de un diseño de blog limpio y elegante
Me sorprende mucho como los más conocidos gurús del internet marketing suelen tener sitios web muy poco usables, muy (bastante) feos, que parecen un montón de palabras mal puestas y que cuesta encontrar las cosas. Os dejo aquí algunas capturas de pantalla indicando brevemente los fallos.

Esta web es, literalmente, como una patada en los…. ¿Alguien entiende algo cuando ve esta imagen? ¿Te da una sensación de blog limpio y de que encuentras todo a la primera?
Este blog comete el típico error de principiante (el que cometí yo en su día y cometemos todos) de querer mostrarlo todo en la primera página. La historia de internet nos ha enseñado que lo minimalista es lo que mejor funciona y es el estilo que actualmente sigo. ¿Qué buscador ganó la batalla? ¿Yahoo y microsoft que petaban sus portales con todo? ¿O google, una página web en blanco que solo contiene un buscador?
¿Y las redes sociales? MySpace vino pisando fuerte pero cometió el mismo error. Facebook en cambio es un diseño limpio y sencillo centrado en facebook.
Si quieres mostrarlo todo de golpe en tu diseño web ocurrirá que ocurrirá todo lo contrario. Si enseñas 10 palabras a alguien las leerá, si le muestras 1500 ni empezará a leer. ¿Comprendes como funciona? Si quieres un diseño de blog efectivo hazlo sencillo y sobretodo usable para la vista, bonito sin pasarse y agradable para que la persona se quede y vea de un golpe de vista lo más importante.

El presente diseño blog contiene errores garrafales, principalmente letras grises sobre fondo blanco, un auténtico martirio para la vista. Luego mete un video pequeño y deja un montón de espacio libre, pone botones de twitter, facebook o recomendar de forma un poco excesiva. Es quizás el blog con menos fallos de las que analizamos pero que es muy mejorable. Además hay otros fallos en la página que no han sido capturados.
La gente cree que diseñar una web o un blog es diseñar desde cero y esto es precisamente lo menos importante. Tampoco está en tener una plantilla chula, la clave de todo está en la usabilidad, tu blog tiene que tener un fin, todo el contenido de tu blog debe tener un objetivo. Si pones un color este color tiene que tener un objetivo. ¿Qué objetivo tiene poner color gris sobre fondo blanco? ¿Dejarte la vista leyendo?
A parte tiene que quedar elegante y al ser posible minimalista, aunque según el tipo de web puede ser minimalista o con más contenido. Un blog por ejemplo puede ser un poco minimalista. En cambio una tienda online o una web corporativa debe serlo más, lo mismo con una tarjeta de visita. Hay personas que se imprimen tarjetas de visita y casi se ponen a contar su vida en la tarjeta.
Si alguien quiere contactarte le da igual lo que le cuentes, él quiere tú número o mail y le importe 3 cominos las tonterías que pongas en la tarjeta.

Este diseño web es tremendamente lioso, muy mal estructurado y organizado. Falta espaciado y comete el error de “querer enseñarlo todo de un vistazo” , te enseña 6 noticias de un plumazo con textos descriptivos muy pequeños, sin justificar, ni espaciados ni nada. Todo junto. Tremendamente lioso.
¿Por qué pongo estos diseños web? Pues porque son de gurús del internet marketing y en teoría tendrían que ser los primeros en cuidar no ya el diseño de su blog, sino la elegancia y limpieza del sitio porque personalmente a mí (si no fuera porque conozco algunos de ellos) no me inspiran ningún tipo de confianza.
Y entre otras cosas un diseño blog tiene que inspirar confianza y no debe parecer que nuestro blog lo ha diseñado nuestro primo de 12 años. No busques el diseño más molón, más cargado o que vean toda tu web de un plumazo, busca la elegancia, eficiencia, el tener una web limpia y cómoda.
¿Tienes idea de las horas que me paso analizando la usabilidad de mi blog y mis webs? Hace poco invertí un mes y medio entero en remodelar toda mi tienda online para hacerla más elegante, minimalista y usable, hasta le cambié la plantilla.
¿Sabes por qué? Porque que tu web sea navegable, fácil de acceder y elegante es lo primero que debes tener en cuenta en un diseño web, lo demás son simples y tontos detalles.

Este diseño web es bastante feo, usabilidad un poco mala aparte, es un sitio web que no inspira mucha confianza porque simplemente es feo. Facebook no es feo, Google no es feo, son sencillos pero bonitos, no manchan a la vista. El diseño web que ves mezcla todo tipo de colores a tuttifruti, mal mezclados, mal estructurado, en definitiva, que lo que tiene este diseño blog principalmente es que es feo.
No está bien combinado, ni estructurado ni nada de nada, es mejorable al 200%, es como haber escogido una plantilla fea y haberla puesto ahí sin tocar un ápice. El título del post es pequeño en comparación con las letras normales, debajo sale en gris algo remarcado que no tiene la más mínima importancia, usa muchas categorías, la letra es quizás demasiado pequeña y un sinfín de fallos. ¿Te inspira confianza este diseño? A mí personalmente no, no es elegante, ni bonito, ni claro.

La presente imagen es de mi blog Verdadera Seducción, un blog que recibe actualmente 10.000 visitas diarias y está entre los 80 blogs con más visitas de lengua hispana. A parte de todo el trabajo SEO, los artículos y demás, el diseño del blog lo he diseñado y adaptado completamente (he explicado el caso en anteriores posts acerca de este diseño web y lo que pasó) está íntegramente pensado para google y para las visitas.
Los posts se separan unos de otros con suficiente espaciado y claramente. Las imágenes de tamaño medio invitan a la lectura, solo hay un botón me gusta de facebook, está en gris los comentarios, el nombre del autor y la fecha porque es algo que se pone simplemente por cortesía. La letra de los artículos es de tamaño medio bien claro para la vista. Como puedes apreciar está todo justificado y espaciado.
Queda muy agradable a la vista, da sensación de elegancia y mucha profesionalidad. Da imagen de blog serio y aparte es un diseño adaptado y pensado cada parte del mismo para subir visitas, vender y fidelizar clientes. ¿Hemos tenido éxito? SI, con mayúsculas.
Mientras que ninguno de los anteriores diseños supera las 1000 visitas diarias pese a que su temática es de muchas más visitas, la mía tiene 10.000 diarias y subiendo de forma vertiginosa.
Créeme, cuando contrates un diseño no solo te fijes en el tipo al cual contratas, fíjate en su éxito, en su web, porque este es su sello más personal y contrata alguien que te vaya a hacer un diseño web limpio y ordenado, la diferencia está entre tener 1000 visitas diarias o 10.000 diarias, cerrar un trato con un cliente porque le das imagen de profesional con tu web o que el cliente no se interese porque tu web es muy liosa.
El diseño de un blog rápido, limpio y elegante aumenta las visitas de forma vertiginosa, por ende también tendrás más ingresos, clientes y podrás cerrar tratos que no surgirían si no fuera por la confianza que generas con tu web limpia y elegante.

18 noviembre 2010 at 2:02 am | @luiskasanova
Muchas gracias por estas ideas Domenec, siempre las había tenido en cuenta en mi mente, pero llegó la hora de implementarlas en mi blog, en estos momentos buscaré un diseño que le permita al lector obtener la información mucho mejor con una estética más simple, sencilla y minimalista.
Saludos!
18 noviembre 2010 at 3:48 pm | domenecbf
Ya he visto como has empezado, muy bien Luis, enorhabuena, vas por muy buen camino!
P.D: No me mandas ya post
22 noviembre 2010 at 5:09 am | UltimateStrike
Buen post, tal como se esperaba del webmaster de VS jeje!
Estos consejos los comenzare a tomar en cuenta para mi proximo proyecto, gracias!!!
22 febrero 2011 at 2:33 pm | Francisco
Mi intención no es criticar solo por criticar.
Me parece que tu opinion respecto a 2 páginas es subjetiva porque a mi me gustan.
Sobre el primer sitio entiendo tu critica.
Esa de letras grises sobre fondo blanco por ejemplo pertenece a uno de los más grandes gurús de internet marketing hispanos, se llama Carlos Gallego y lo encuentro un diseño bastante agradable a mi vista, las letras grises sobre fondo blanco me parecen muy elegantes.
El que dices que parece tuttifruti tambien lo encuentro atractivo.
Y te voy a ser sincero. Me caes super bien y de verdad te digo esto porque es lo que pienso y sin intención de atacarte. Tu blog de verdadera seducción no se ve mal pero tampoco me parece el sitio más atractivo del mundo. Esos títulos en rectangulos azules con esquinas redondeadas, a mí, no me gustan.
Veo poca objetividad en tu opinión, creo que estas criticas son demasiado subjetivas.
En el primer sitio estoy completamente de acuerdo, es el único que no da lugar a dudas que es excesivo.
Esto que estoy escribiendo sí me parece un martirio para la vista., el texto en éste cuadro de comentarios en letra gris y pequeñisima.
Conozco tu sitio verdadera seducción y tu empuje me dá la confianza para pensar que éste va a ser un gran sitio web si no, no estaría escribiendo. Pero este post, la verdad es que no me convence en lo absoluto.
23 febrero 2011 at 6:57 pm | Domenec BF
No se trata de atractivo, sino de limpio y elegante. Internet y ventas no está adaptado del todo porque apenas le dedico tiempo. VS está mucho mejor adaptado, no se trata de gustos, sino de generar clicks. Las páginas que comenté tienen fallos enormes y garrafales, una cosa es que te guste su contenido o diseño, eso no tienen ada que ver, va a parte.
Un abrazo
24 febrero 2011 at 3:36 pm | Francisco
Yo salo mencioné la palabra gusto porque de todo lo que escribí en mi post, en una de las 2 capturas que menciono dices que el principal error es que es feo.
25 febrero 2011 at 1:46 pm | Domenec BF
El SEO francisco jamás puede ser subjetivo, en todo caso será objetivo y me equivocaré en mi análisis pero subjetivo algo que es matemático no es posible.
Para que te hagas una idea, letras grises sobre fondo blanco, no se leen bien. ¿Has visto nunca que alguien escriba un examen con boli gris? Ni siquiera venden apenas y lo más parecido es el lapiz, que en mi época ya lo prohibían para hacer exámenes porque aunque fuera gris fuerte dificultaba la lectura.
Son cosas que tienen que ver con la estructura y combinación de colores que dificultan la lectura, hacen que abandones más rápidamente la web etc etc etc. Estas cosas las llevo estudiando de forma detenidamente años y las capturas de pantalla muestran páginas web de prerfectos ejemplos de fallos que no hay que cometer si no quieres perder clientes, lectores y fans.
No es algo subjetivo es algo objetivo que yo hago siempre y que es lo que me ha permitido sacar mi proyecto adelante.
24 febrero 2011 at 4:21 pm | Francisco
Además creo que el SEO si tiene que ver con atractivo.
Esa página de letras grises que dice tiene errores garrafales, me parece demasiado demasiado limpia y elegante, y si escribo es porque no me queda claro por qué dices lo que dices. A eso me refiero cuando digo que tú opinion me parece subjetiva.
Explicalo.
Yo no sé a dónde apuntan tus críticas porque este sitio se llama internet y ventas. Me imgaino que tiene que ver escencialmente sobre SEO. Pero dices que estas páginas pertenecen a gurús del internet marketing.
19 octubre 2011 at 5:28 am | Leonardo
La verdad es que lo del primer sitio es lamentable,ademas de feo ( Parece un puesto en el mercado ) no inspira confianza una persona que hace un video diciendo ” Miren las cosas que me compre con los negocios de internet ” y te muestra un reloj de pulsera,me gustaria tener un buen blog pero a mis 45 años la recarga de informacion me hace mal jaja suerte que vendo joyas por internet.
Realmente tu blog no se si sera elegante pero me parece creible y eso es importante.