Recomendaciones en el diseño de un blog

Además del diseño gráfico los blogs o el blogging también me encanta, y para que un blog triunfe su diseño es pieza clave. Este diseño se puede catalogar en diseño web y claro que entra dentro del enorme mundo de lo que es el diseño gráfico.

recomendaciones-diseño-blog

Además del diseño gráfico los blogs o el blogging también me encanta, y para que un blog triunfe su diseño es pieza clave. Este diseño se puede catalogar en diseño web y claro que entra dentro del enorme mundo de lo que es el diseño gráfico.

Antes ya hablé de los errores más frecuentes en el diseño de un blog, pero en esta nota les voy dar algunas recomendaciones para el buen diseño de tu blog desde mi punto de vista.

contenido-ancho-blog

  • Que el espacio de contenido sea más ancho que el de las columnas o sidebars. No estoy hablando de portadas de blog tipo magazine, puesto que la estructura es muy diferente, pero en una estructura estándar siempre hay que procurar que el espacio que le vas a dejar a tus posts sea más ancho que el que ocupan otros elementos, tu contenido es lo más importante. Yo recomendaría un ancho mínimo de 500 pixeles, para incluir imágenes que no sean tan pequeñas y que el texto no se vea muy apretado.

encabezado-sin-scroll

  • Que el encabezado no ocupe demasiado espacio verticalmente y deje ver el contenido sin tener que ir hacia abajo en el blog para poder verlo. Así cuando un visitante entre a nuestro blog podrá ver el contenido sin tener que hacer scroll, recuerda que la resolución pequeña más usada es de 1024 x 768px, toma en cuenta esas medidas al diseñar tu blog. Además si usas publicidad tienes que procurar que esta quede también visible en cuanto entres al sitio.

menu-header-visible

  • Incluye un menú para las páginas del blog que sea fácilmente distiguible de otros links, que no se pierda, lo mejor es en la parte superior, en el encabezado (header) o al comienzo de la columna lateral.
  • Que se note que los enlaces son enlaces. Preferentemente con otro color haz que los enlaces sean diferentes del texto en general, también puedes subrayarlos ya que los usuarios promedio en general esperan que sea así.

contraste

  • Procura contraste entre el texto y el fondo. No tiene que ser simplemente blanco y negro pero busca que no se pierda, tanto en el texto como con los enlaces y titulares. Te dejo esta herramienta online que te ayuda a checar el contraste: Colour Contrast Check (fijate especialmente que en el campo de resultados Are colours compliant? diga YES!).

delimitar-entradas

  • Delimita bien las áreas. Sobre todo en portada que quede bien claro cuando termina un post y cuando comienza otro, esto puede ser logrado simplemente con una línea de separación o con un buen tamaño y color de los enlaces de título.

imagenes-demasiado-grandes

  • Cuida que las imágenes no sean demasiado grandes, es decir más grandes que el área de tu post porque luego se empalmarían con la sidebar o descuadrarían todo el diseño. Puede que ahora esté perfecto pero recuerda eso a la hora de cambiar de theme o plantilla, busca tus posts con imágenes y anota cuánto miden las más anchas, toma eso de referencia como el mínimo de ancho que deberá de tener de ahí en adelante, a menos que pienses en redimensionarlas todas…
  • Mantenlo ligero. Puede que tu blog se vea super, con muchos efectos e imágenes pero para un visitante nuevo pudiera ser una tortura esperar a que cargue la página. Para esto nunca utilices imágenes en formato BMP, prefiere GIF o incluso JPG (a excepción del logotipo, en ese caso siempre prefiero PNG). Visita tu blog desde otra computadora que no sea la tuya, así verás cuanto tiempo espera un visitante para que abra la página, ¿abre muy lento? a optimizar se ha dicho.
  • ¿Se ve igual en firefox que en IE?, pues espero que sí. Ya sabemos que IE es el dolor de cabeza de los diseñadores web porque es un navegador que no cumple con los estándares, por eso en algunos casos es imposible lograr algunos detalles que en otros es pan comido, sin embargo sigue siendo el navegador más usado y es mejor checar en ambos navegadores que el sitio se vea lo mejor posible. Ten ambos navegadores abiertos cuando estes editando el diseño de tu blog y a cada cambio que hagas lo checas en los 2.
  • Valida tu CSS y HTML. Un blog que está correctamente estructurado desde su código es mejor tratado por los robots o spiders de los navegadores, si tu blog valida será mejor interpretado e indexado, además es muestra de profesionalismo y del empeño que le pones a tu blog. ¿Cómo saber si valida?, accede al validador de la w3c: The W3C Markup Validation Service, solo escribes la dirección de tu blog en el campo de Address y le das enter o presionas el botón Check. Si estas en blogger ni te apures, la estructura de la plataforma nunca te va a permitir que valide.

Espero que les hayan gustado estas sencillas recomendaciones que harán que tu blog sea más agradable para los visitantes e incluso para ti mismo. Claro que todo es desde mi punto de vista y cada blog es un mundo muy diferente, pero creo que los puntos que traté son aplicables a la mayoría.

Seguro tienes otra sugerencia, ¡anímate a agregar tu recomendación en los comentarios!

Hay 15 comentarios ›› ¡Deja el tuyo!
  1. Excelentes consejos… Creo que mi blog cumple con varios puntos de tus recomendaciones…

    Saludos

  2. x fin otros post.. ya dejaste de comer galletas? xD

    no no.. muy bueno..

    y aki mi pregunta..

    ¿que pasa con blogger, xke no se puede validar css en esa plataforma?

  3. eyyyy esta curada ueno ami megusto solo que casi no tienae cosas pero si le pones cosas estaria bien perron ok sigue mi consego te ira megor ok bayyyyyyyyyyyyyyyyyyy te cuidas(:bayyyyyy I LOVE BAYYYY (:

  4. Muy interesante el post, y el blog en general. gracias

  5. Rayos, justo ahora que pongo plantilla nueva y fallo de entrada con punto 1. Me gustó la idea de tener un espacio pequeño para posts, les diré.

  6. Estupendo trabajo, me gusta mucho la información y temas que tratan.
    un saludo.

  7. Muy buenas recomendaciones :)

  8. No estoy de acuerdo con todos pero está bien.
    Saludos

  9. Gracias a Dios cumplo con todas las recomendaciones… bueno, no con lo de la validación porque en Blogger es imposible, pero trato de ser lo más respetuoso en ese sentido.

    Principalmente soy paranoico de la carga de los sitios, detesto los blogs supercargados de cosas inútiles y, por el contrario, me encantan los diseños limpios y ágiles. También procuro dar a los posts el mayor ancho posible porque personalmente me hace la lectura más cómoda.

  10. Gran Aporte!

    Gracias por las recomendaciones

  11. Muy buenas indicaciones, estoy en vistas de modificar el aspecto de mi blog y creo que voy a tomar nota de alguna de ellas.

  12. Hola!! muy útiles los consejos que diste. Mi header no me convence en cuanto a diseño pero al menos cumple con lo del tamaño, al igual que el espacio para el contenido y las separaciones y contrastes… Mi duda es en cuanto a las validaciones. Tengo un pequeño problema creo ja, el css lo valida bien, pero el xhtml me dice que no y no logro arreglarlo.. podras ayudarme??

  13. Bueno, esa es mi primera visita a http://www.ohgrafico.com ! Somos un grupo de voluntarios y el inicio de una iniciativa completamente nueva en una comunidad regional en el mismo lugar exacto. Tu blog nos proporcionó información valiosa para trabajar. Usted ha hecho una tarea maravillosa !

  14. Interesante post, muy buenas tus recomendaciones, el que mínimo siga estas recomendaciones tiene ya mucho camino ganado, tener una buena estructura es fundamental, los colores, imágenes y demás son la decoración que le quieras dar.
    Saludos!
    Jhonatan

Responderle a Gem@

Los comentarios serán moderados y/o eliminados si contienen insultos o spam.
Usamos avatares de Gravatar. ¡Gracias por tu comentario!

Nombre (Requerido)

email (Requerido, no será publicado)

URL (Dirección de tu web, blog, perfil...)

Mensaje