{"id":47,"date":"2008-07-28T16:08:31","date_gmt":"2008-07-28T19:08:31","guid":{"rendered":"http:\/\/bigital.com\/?p=47"},"modified":"2008-07-28T16:09:45","modified_gmt":"2008-07-28T19:09:45","slug":"tendencias-en-la-blogosfera","status":"publish","type":"post","link":"https:\/\/bigital.com\/castellano\/2008\/07\/tendencias-en-la-blogosfera\/","title":{"rendered":"Tendencias en la blog\u00f3sfera"},"content":{"rendered":"<p>Las mejoras de la interfaz de publicaci\u00f3n on-line han sido uno de los factores determinantes en el crecimiento de la blog\u00f3sfera en los \u00faltimos a\u00f1os. Al menos este fue el punto de partida para la <a title=\"Dise\u00f1o y weblogs\" href=\"http:\/\/bigital.com\/castellano\/textos\/diseno-y-weblogs\/\">tesina que realiz\u00f3 Tom\u00e1s<\/a> para el diCom (Carrera de Especializaci\u00f3n en Teor\u00eda del Dise\u00f1o Comunicacional, FADU &#8211; UBA).<\/p>\n<p>A raiz de esto, me llam\u00f3 la atenci\u00f3n el art\u00edculo <a title=\"smashing magazine website\" href=\"http:\/\/www.smashingmagazine.com\/\">A Small Design Study of Big Blogs<\/a>, publicado por <strong>Smashing Magazine<\/strong>. El art\u00edculo se basa en un an\u00e1lisis del dise\u00f1o de 50 blogs, listados en <a title=\"Technorati website\" href=\"http:\/\/technorati.com\">Technorati<\/a> como los <strong>Top Blogs<\/strong> e identifica 30 problemas de dise\u00f1o que presentan este tipo de sitios.<\/p>\n<p>Lo interesante de estos datos ser\u00eda ver por qu\u00e9 la tendencia tiene estos resultados. \u00bfSe debe a que son decisiones de dise\u00f1o que se toman en funci\u00f3n de un mejoramiento de la interfaz visual y de la comprensi\u00f3n de contenidos o la causa es que la mayor\u00eda de los blogs est\u00e1n armados con la misma tecnolog\u00eda, que brinda de entrada un modelo casi fijo de layout y estilos que la mayor\u00eda de los bloggers no cambia?<\/p>\n<p>Las conclusiones muestran algunos resultados alentadores en lo que se refiere a nuestra experiencia de usabilidad y a lo que recomiendan algunos expertos:<\/p>\n<ul>\n<li> Los blogs con mucho contenido requieren un layout de 3 columnas o m\u00e1s<\/li>\n<li> Los layouts son en su mayor\u00eda centrados y tienen un ancho fijo<\/li>\n<li> El ancho del mismo suele ser entre 951 y 1000 pixeles<\/li>\n<li> El contenido principal ocupa un 58% del ancho total<\/li>\n<li> El 90% usa CSS para hacer el layout<\/li>\n<li> El fondo de la p\u00e1gina es claro y el texto oscuro<\/li>\n<li> El ancho de texto m\u00e1s usual oscila entre 80 y 100 caracteres por l\u00ednea<\/li>\n<li> Verdana, Lucida Grande, Arial y Georgia son las preferidas para el texto principal<\/li>\n<li> Arial y Georgia son las favoritas para los t\u00edtulares<\/li>\n<li> El cuerpo tipogr\u00e1fico var\u00eda entre 12 y 14px para textos y 17 y 25px para t\u00edtulos<\/li>\n<\/ul>\n<p>Estos resultados en muchos casos no sorprenden, ni son tampoco una receta de satisfacci\u00f3n o \u00e9xito. En el caso del uso de textos no son un ejemplo de mejor legibilidad o lecturabilidad. Curiosamente muchos de estos resultados condicen con los de nuestra investigaci\u00f3n realizada hace unos a\u00f1os sobre <a title=\"ver investigacion\" href=\"http:\/\/bigital.com\/castellano\/textos\/legibilidad-y-comprension\/\">legibilidad y comprensi\u00f3n en pantalla.<\/a><\/p>\n<p>Los puntos que analizan en esta primera etapa son:<\/p>\n<h2><strong>El Layout<\/strong><\/h2>\n<h3>Cantidad de columnas<\/h3>\n<p>\u00bfQu\u00e9 es m\u00e1s conveniente? \u00bf2 \u00f3 3 columnas? La respuesta es casi obvia: depende del contenido. En general se utiliza una columna primaria, y la secundaria se divide a su vez en dos columnas. El de los blogs 58% usa 3 columnas o m\u00e1s.<\/p>\n<h3>Alineaci\u00f3n del texto: centrado o alineado a la izquierda<\/h3>\n<p>La tendencia a utilizar un layout que centre el contenido fue creciendo en los \u00faltimos a\u00f1os debido a que se busca una soluci\u00f3n \u00f3ptima al problema de diferentes formatos\/resoluciones de pantallas. El mercado ha ido evolucionando hacia monitores m\u00e1s grandes y por lo general la mayor\u00eda (el 94%) de los blogs usan el contenido centrado con espacio libre a los costados.<\/p>\n<h3>Tipo de layout: layout el\u00e1stico o fijo<\/h3>\n<p>Contrariamente a lo que se hubiera pensado, el 92% de los tops Blogs utiliza un layout fijo. El layout el\u00e1stico tiene la ventaja de poder adaptarse a las preferencias del usuario pero el layout fijo es m\u00e1s f\u00e1cil de dise\u00f1ar porque se tiene m\u00e1s control sobre como se visualiza finalmente la p\u00e1gina. Los primeros pueden aumentar tanto su ancho que la l\u00ednea de texto se hace demasiado larga para leer \u00f3ptimamente.<\/p>\n<h3>Ancho del layout (fijo)<\/h3>\n<p>Como dec\u00edamos, se observa una fuerte tendencia a realizar layouts fijos, pero \u00bfqu\u00e9 medida tienen como ancho de los mismos? Ac\u00e1 los resultados est\u00e1n m\u00e1s repartidos pero la tendencia parecer\u00eda ser el uso de un ancho entre 951 y 1000 pixeles.<\/p>\n<h3>Proporci\u00f3n entre el area principal de contenidos y el area secundaria<\/h3>\n<p>La mayor\u00eda de los layouts est\u00e1n organizados en una columna de contenido principal y una columna a un costado de contenido secundario y navegaci\u00f3n. A veces ambas compiten pero en casi todos los casos cerca del 60% del ancho del sitio es usado para el contenido principal.<\/p>\n<h3>Layout con CSS o con tablas<\/h3>\n<p>Hoy en d\u00eda los blogs m\u00e1s populares utilizan CSS -en un 90%- y el restante 10% usa tablas en combinaci\u00f3n con CSS.<\/p>\n<h2>La tipograf\u00eda<\/h2>\n<p>La prioridad la tiene el contenido, esto es una afirmaci\u00f3n tanto para blogs como para cualquier sitio, y el rol del dise\u00f1ador consiste tambi\u00e9n en encontrar un equilibrio para que el lector est\u00e9 c\u00f3modo a la hora de leer en pantalla.<\/p>\n<h3>Color: \u00bfoscuro sobre claro o claro sobre oscuro?<\/h3>\n<p>Como era de esperar el 98% tiene fondo blanco con tipograf\u00eda oscura. Supongo que -en gran parte- es una decisi\u00f3n de dise\u00f1o que tiene que ver con la versatilidad ante diferentes elementos del contenido.<\/p>\n<h3>Caracteres por l\u00ednea<\/h3>\n<p>En textos impresos en ancho \u00f3ptimo ronda los 60 caracteres por l\u00ednea, sin embargo en pantalla la tendencia parece ser de m\u00e1s cantidad. En la encuesta el mayor porcentaje fue de 34% para un ancho de 85-94 caracteres por l\u00ednea, y es curioso c\u00f3mo el resultado est\u00e1 m\u00e1s repartido tanto para los 65-74 caracteres por l\u00ednea como para el lado de m\u00e1s de 100.<br \/>\nLo notable es que el 100% de los blogs usa texto alineado a la izquierda! Bien por esto.<\/p>\n<h3>Caracter\u00edsticas tipograf\u00edcas del contenido principal<\/h3>\n<p>Las fuentes sans serif se han convertido en un standard, aparentemente porque la tipograf\u00eda con serif tiene ojos m\u00e1s peque\u00f1os que hacen que el texto en la pantalla sea menos legible. Las tipograf\u00edas favoritas son Verdana en un 34%, Lucida Grande en un 24% y le siguen en menor proporci\u00f3n Arial, Georgia, Trebuchet, Helvetica.<\/p>\n<p>Con respecto al cuerpo tipogr\u00e1fico ac\u00e1 tambi\u00e9n los porcentajes est\u00e1n m\u00e1s repartidos, de todos modos un 34% usa 12px, el 30% usa 13px, y el resto se reparte m\u00e1s o menos equitativamente hacia mayor y menor tama\u00f1o. Si bien un tama\u00f1o generoso de cuerpo para el texto lo hace m\u00e1s f\u00e1cil de leer, y en pantalla el standard es un poco mayor que en textos impresos, con cuerpos muy grandes se pueden generar bloques muy densos que adem\u00e1s requieren mayor cantidad de scrolls.<\/p>\n<h3>Tipograf\u00eda para t\u00edtulos<\/h3>\n<p>Los porcentajes est\u00e1n tambien bastante repartidos, en el caso de las familias tipogr\u00e1ficas hay un 30% que usa Arial, un 22% usa Georgia, y el resto se reparte entre Lucida Grande, Helvetica, Verdana, Trebuchet. Es notable c\u00f3mo si bien Verdana es muy usada como tipograf\u00eda de textos no sucede lo mismo para t\u00edtulos, y se debe a que en cuerpos mayores a 12\/13px empieza a ser un poco tosca, comparativamente con otras sans serif. A la inversa, Georgia es muy gr\u00e1cil para cuerpos de t\u00edtulos y pierde legibilidad cuando se usa en cuerpos menores a 11\/10px. En el tama\u00f1o para los t\u00edtulos hay un 24% que usa entre 20-22px, en un 22% usa un cuerpo mayor 23-25px y un cuerpo menor 17-19px.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una encuesta sobre dise\u00f1o de blogs y los problemas que presentan este tipo de websites. Cu\u00e1les son las tendencias, las decisiones tipogr\u00e1ficas, el manejo del espacio y la distribuci\u00f3n de la informaci\u00f3n. <span class=\"read_more\"><a href=\"https:\/\/bigital.com\/castellano\/2008\/07\/tendencias-en-la-blogosfera\/\" title=\"Tendencias en la blog\u00f3sfera\">&rarr;<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[25,28,30,27,26,29],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-general","tag-blogs","tag-css","tag-estilo","tag-layout","tag-tipografia","tag-weblogs"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":0,"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bigital.com\/castellano\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}