El tamaño SI importa (2º parte). Que hacer y que NO hacer con el espacio en blanco.
By EmilianoYa decidí, y ahora??
Supón que tienes terreno disponible y decides ampliar tu casa agregándole dos, o mejor aún, tres cuartos. Genial, puedes agregar un cuarto multimedia, tener la habitación que siempre quisiste, un gimnasio, mas muebles, un jacuzzi, un pequeño cine personal, un estudio, una sala de relax, bla, bla, bla,bla. Seria lindo no?? El único problema es que si no tienes mucho dinero tendrás que valerte solo de tu trabajo y mucha imaginación, porque los nuevos cuartos vacíos o llenos de porquerías y basura, harán ver a la casa mucho peor que antes.
Con tu blog pasa lo mismo, solo que no necesitas dinero ni un decorador de interiores para dejarlo mas bonito. Prácticamente todo lo que quieras agregarle esta disponible y el trabajo no es tan duro. En resumen… no tienes excusa para no mejorarlo (sin hacerlo lucir como basura).
Cuando muchas veces se dice que el “espacio en blanco” es uno de los mejores amigos del diseño y los editores, no es porque haya que dejarlo vació, sino porque es una excelente oportunidad para aprovechar. OJO aprovechar no quiere decir rellenar, no hay peor que los sitios llenos de basura o publicidades, o hasta cosas útiles, pero tan amontonadas que no sabes por donde empezar.
Entonces que hacer y que no hacer:
QUE HACER
-Enfatiza tus contenidos!!! Los contenidos son el alma de tu blog y son la ÚNICA razón por la que tus lectores vuelven una y otra y otra vez a regalarte su tiempo y sus clicks. Haz que el diseño de tu página mantenga el foco en lo importante. Vuelve a probar con el tamaño y el tipo de tipografía que usas para tus posts, haz cambios en el ancho de la columna que contiene tus artículos a ver si puedes mejorar su lectura y hacerla más amena para el usuario (no te extralimites! un ancho de lectura demasiado extenso se torna difícil de seguir para el ojo humano).
-Eleva el material que no se ve en la primera captura del ojo. El lector le presta más importancia a las cosas que ve en un primer momento, si tienes categorías o widgets o lo que sea, y estas no se visualizan a menos que el usuario descienda por tu pagina haciendo scrolldown, es un excelente momento para hacerlas visibles. Agrega una columna extra o agranda el ancho de las existentes para darle lugar a todo eso. Empezaras a notar como tienen más éxito del que nunca antes hayan tenido.
-No tienes nada guardado?? Seguramente en algún momento desististe de la idea de algo porque no sabias como incluirlo en tu diseño y diagramación, ahora las cosas han cambiado y puedes y probar de incluir varias de esas cosas que habías dejado de lado sin saber dónde meter.Convierte el diseño en limpio y llevadero, juega con los anchos, prueba como queda una columna extra a las que tenias, hazlo cómodo, practico y fácil de recorrer.
-Respeta el diseño original de tu blog. Haz los cambios que quieras, prueba cosas nuevas, pero no cambies tu imagen de identidad. Si tu blog lleva un tiempo y tienes una audiencia respetable, procura que los cambios conserven la esencia del diseño original. No tiene sentido que tu blog parezca otro totalmente diferente de un día para el otro, perderás el sentido de familiaridad y pertenencia que tenían los usuarios y que tanto te costó conseguir.
QUE NO HACER
-No abusar con publicidad!! Genial, tengo más espacio, pongo más publicidad y gano más dinero. ERROR! No caigas en la tentación de llenar cada lugarcito que encuentres con publicidad, eso no le aporta NADA al usuario, o en realidad si, le aporta distracción, molestias, inutilidad, bronca y ganas de irse al carajo.
-No agregues cosas si no son interesantes ni aportan valor, no tienes nada útil que agregar?? Vamos, busca ideas interesantes, herramientas o material de valor para tus lectores. Hay muchas cosas para ofrecer, no es necesario que reinventes la rueda! Si aun no se te ocurre nada y estas totalmente falto de inspiración escríbeme a ver que se nos ocurre juntos para tu blog
-NO agrandes ni achiques demasiado Mantén proporción entre el tamaños de las columnas, publicidades, banners, menús, textos y demás. El exceso o falta de tamaño se convierten en molestos y antiestéticos. Trata de encontrar un equilibrio entre el espacio en blanco y las cosas que agregues, procura que el diseño sea visualmente agradable y le sume usabilidad y practicidad a tu pagina.
Por último, si crees que has terminado, piénsalo nuevamente
El mundo cambia rápido, y el mundo online y la tecnología más rápido aun. Ser flexible y rapido en tus decisiones y adaptarte en tiempo, es un requisito indispensable si pretendes permanecer vigente o ser competitivo.
Así como 800×600px está llegando a su fin y salvo que quieras quedar relegado, no puedes permanecer ajeno a este hecho; tampoco tengo dudas que en un futuro (muy cercano), esto volverá a cambiar una vez mas.
Cada vez más y más gente accederá a Internet desde cualquier sitio con dispositivos móviles pequeños y lo opuesto desde la comodidad de sus hogares. Llegado ese futuro, tu diseño deberá volver a adaptarse para permitir la correcta lectura y visión para ese tipo de tecnología, o para varias al mismo tiempo.
Si llegaste hasta acá, y leíste todas las palabras que escribí para ti, no puedes negarme unas líneas y dejarme un comentario:
Que monitor tienes y que configuración usas??
Que le agregarías a tu blog (o a este) si tuvieras más espacio??
12 Responses to “El tamaño SI importa (2º parte). Que hacer y que NO hacer con el espacio en blanco.”
Publica tu comentario
Uso dos monitores, un Dell 17″ que tengo a 1024 de ancho y un LG de 19″ que tengo a 1200. El blog lo tengo diseñado a 900px de ancho (yo ya maté 800×600). A mi blog le agregaría una barra deslizante a la izquierda (muy estrecha) para poner “cosas” que no quiero que el lector deje de ver como la suscripción, los compártelo, … iconitos en realidad. De momento no he sabido como hacerlo, ni le he dedicado mucho tiempo, la verdad.
Yo tengo un monitor de 22″ a 1680×1050 y mi blog lo tengo a 1000px de ancho. Hasta ahora no he recibido ninguna queja por parte de los lectores, aunque me imagino que no será tan sencillo verlo para quienes tengan un monitor a 800.
Creo que a mi blog le agregaría un buen logo en la cabecera, cuando encuentre la manera de cómo hacerlo y el tiemo suficiente para ello, aunque tampoco es algo que me quite el sueño. Por lo demás, creo que le quitaría algunas cosas que están de más, pero no me decido. Con el tiempo uno va coleccionando widgets, logos y cositas a las que uno les toma cariño.
Es curioso como piensa la gente y las distintas reacciones, cuando redacte estos 2 artículos pensé que los comentarios iban a ser apuntados a señalar que 800×600 es una cosa del pasado, ayer no fue así en absoluto con los mails y comentarios y hoy se revierte un poco la cosa; de todas formas esto no hace mas que alimentar el hecho de que no es un tema menor ni de fácil decisión.
Andrés, en el 1º articulo de la serie dejaste un comentario diciendo que sin dudas 800 seguía siendo el ancho predominante, y ahora nos dices que tu blog (blog de tecnología y rarezas que recomiendo) lo tienes a 1000px, un tanto contradictorio, no? Como lo decidiste cuando diseñaste??
Creo que tu blog se merece otro logo en la cabecera, o al menos asociar la imagen-logo de la columna izquierda al header.
Jorge: Tu blog tiene un diseño que ayuda a la usabilidad y visibilidad del usuario, se hace muy fácil de navegar y limpio para encontrar lo que uno desea, a pesar de tener muchas cosas. En lo personal las barras de deslizamiento no me gustan ni me parecen cómodas para nadie, y mas importante aun, JAMAS ocultaría la forma de suscripción.
Saludos
Emiliano
Weblog-Lab.com
Quizá no me expliqué bien. Es una barra flotante a la izquierda (no sobreimpresa en el resto de contenido), como la que tienes tú con iconos para acceso directo a home, contacto, sobre mí y feeds. ¿Qué plugin utilizas? ¿Venía con el theme? Gracias por la quickreview del mi blog!
Jorge, no es un theme, es un diseño qeu hice yo y programo uno de mis socios, despues le consulto lo que me preguntas del menú flotante y te aviso.
Saludos
Emiliano
Jorge, lo necesario para armar un menú flotante (el html y css que lo componen) está accesible a cualquiera.
Hay varias herramientas muy buenas de desarrollo web para firefox, recomiendo que si usan firefox se instalen los plugins Firebug y Web Developer. Ambos tienen funcionalidades similares pero también cada uno posee cosas únicas.
Utilizando el firebug es muy fácil ver el html y las propiedades css que arman el efecto del menú flotante.
Saludos.
bruno, gracias por los apuntes, miraré a ver que se puede hacer, pero mis conocimientos com progrmador son bastante limitados!
Bueno, después de un buen rato de dedicación casi absoluta lo logré. El objetivo cumplido está conseguido. Ya tengo la “toolbar” flotante para ir a ciertos puntos del blog, además de con los RSS, para que se vean siempre. He sacrificado cerca de 50 puntos de anchura (aún no llega a los 1000) y gano en la reducción de scroll, ya que he eliminado el menú superior (aunque no se si ha sido buena idea9. Gracias a los 2, bruno y Emiliano!
Jorge, un par de cosas, tómalo solo como un punto de vista
Me alegra muchisimo que hayas podido instalar la barra en el blog, realmente queda muy bien y brindas utilidad sin hacer que la navegacion del usuario se entorpezca.
Lo que yo realmente no hubiera hecho es eliminar el menú superior, que es la referencia inmediata del ojo para la mayoría de los usuarios, sobre todo los que entran por primera vez a una web.
Yo en tu lugar redactaría un pequeño post contando de los cambios, porque y como los has hecho. Te servirá para que tus lectores vean que te preocupas por mejorar su experiencia en tu pagina y se enteren de las nuevas funcionalidades disponibles, de paso puedes aprovechar para preguntarles su opinión al respecto de lo que has colocado y sacado.
Saludos
Emiliano
Weblog-Lab.com
[…] poco, en Weblog-Lab me encontré con esta entrada: Qué hacer y qué no hacer con el espacio en blanco; donde, al final, nos invitaban a comentar sobre qué le pondríamos a nuestro blog. Yo indiqué […]
Muy interesante la nota. Creo que tu blog aprovecha bastante bien el espacio. Yo hace un poco mas de un año, decidí comenzar a diseñar en 1024. Lo que si, te digo: Me parece que el fondo que usas para los comentarios, dificulta un poquito la lectura, puede ser? o a mi nomas me parece.
Galo, antes que nada gracias por el comentario y la sugerencia.
Realmente coincido con lo que decís del fondo de los comentarios, de hecho esta en la lista de cosas para hacer en el blog cuando tenga tiempo (pensaba mantener los colores pero aclararlos bastante).
Este es un proyecto recién nacido y evidentemente con muchas cosas por mejorar. Espero que tengamos la flexibilidad para hacerlo e ir cambiando y adaptándonos para mejorar día a día la experiencia de los lectores.
De nuevo gracias por la opinión y sugerencia, las criticas constructivas son siempre mas que bienvenidas.
Saludos
Emiliano
Weblog-Lab.com