design8182 - design group

Desde la aparición de la red, se a hablado de la paulatina muerte de los formatos impresos (libros, periódicos, revistas etc…). En una opinión personal, a menos que en internet resuelva el problema del cansancio en el ojo (y el cuerpo) al leer en pantalla, esta teoría será tan especulativa, como cuando se dijo que el apocalípsis se aproximaba el año 2000. Nunca se podrá remplazar la satisfacción de leer un buen libro o un periódico a la mano.

Sin embargo, hoy por hoy en una buen sitio no solo es importante la legibilidad, si no ademas la velocidad con la que se recibe la información. No es novedad que vivimos en un mundo que se desarrolla día a día a un ritmo vertiginoso. Desde la aparición de internet a mediado de los noventa hasta ahora, tanto el flujo de la velocidad así como la cantidad de información que manejamos diariamente, aumentan proporcionalmente a pasos agigantados a medida que pasan los años.

Lamentablemente para los medios impresos, su labor diaria es lidiar con esa velocidad informativa que por mas que quieran, no pueden alcanzar. Un claro ejemplo de ello se puede apreciar ahora mismo en este mundial de fútbol Alemania 2006, que ya a sido considerado como el de mayor cobertura mediática de la historia hasta el momento. Mientras que los resultados de los partidos se divulgan inmediatamente por todo el mundo a través de la televisión e internet, el periódico debe conformarse con una entrega diaria que englobe en su totalidad la noticia del día anterior, y eso sin mencionar los costos de tiraje diarios.

Los dueños de los periódicos saben eso. Es más, saben que más allá de un periódico son una empresa con una franquicia. Y comprendiendo a su empresa como franquicia, entienden la necesidad de variar el formato en el que se entrega el producto (la noticia).

Irónicamente esta nuevo formato es uno de sus más acérrimo competidor: la web. Así desde hace ya bastante tiempo, casi la totalidad de las publicaciones en el mundo tienen su propia red de noticias de 24 horas de cobertura poniéndolo a la par de cualquier competidor indiferente de su medio de origen (CNN, TVN, El clarín …etc). De hecho,desde hace ya desde hace mucho que estamos hablando de redes de noticias, y no de sus formatos (periodicos, noticieros, canales.).

Sin embargo el peso del traspaso de formato, es mucho mayor proviniendo desde un medio de tradición grafica como lo es el periódico, que desde cualquier otro. Sobre todo por que en el periódico se sabe aplicar y regular una buena legibilidad y lecturabilidád del formato. En el periódico se procura una buena relación de imágenes y textos, aquí no se ocupa cualquier tipografía, y en fin… un sin numero de clásicos estandares gráficos que deben adaptarse a otros nuevos manteniendo una propuesta de diseño que se presenta en el papel.

Pero si hablamos de nuevos standares, ¿Cuales son? Existiendo una enorme cantidad de herramientas disponibles para trabajar en HTML ¿Cuales son las más adecuadas? ¿Que es lo que se debe respetar en este traspaso? Lo único que podemos marcar como un estándar navegable hoy en día es que se busca la rapidez, y la eficiencia en una pagina, donde la navegación sea clara y haga sentir lector-usuario a gusto. Más importante que todo es que estamos hablando de paginas donde fluctúa información, por lo que más importante es una navegabilidad dúctil.

Por otro lado, los diseñadores web en chile cada vez mas se van acoplando a estos modelos, y estándares de programación. Día a día avanzamos y comprendemos el como aplicar una correcta usabilidad en nuestras interfases.

La pregunta para nosotros, es el ¿como traspasan de formato nuestros periódicos, estarán a la altura de un buen sitio? ¿Cuales son las que han respetando este traspaso de formato, e innovan frente a la competencia en nuestro país?

Por que si bien tenemos la red de EMOL (el mercurio on-line) como una de las redes mas completas de información de nuestro país, los periódicos que la conforman; el mercurio, la segunda, las ultimas noticias, diarios regionales, y los económicos de por si tienen formatos on-line absolutamente distintos, y que muchas veces se distancian cualitativamente entre si.

No soy quien para decir si EMOL como pagina es un ejemplo a seguir, pero al menos puedo destacar que es una pagina clara y eficiente donde es difícil que el usuario se pierda, donde los titulares y las secciones se encuentran bien destacados y diferenciadas entre si, lo de entrada nuestro ojo agradecera. También mantiene formalidades bastante necesarias en estos casos, como por ejemplo las conocidas “migas de pan” que nos ubican en la navegación, los archiconocidos buscadores, o innovaciones (que la verdad ya no lo son tanto) como los ampliadores y reductotes de tamaños tipográficos. Lo bueno que se puede apreciar además de todo esto, es que al acceder a la noticia uno siempre puede acceder a las noticias relacionadas con el ambito, algo bastante positivo tomando en cuenta de que esto desliga al usuario de volver constantemente al titular, permitiendo ahondar en los temas de interes. Pero como decía, EMOL es una red de información creada para y ese formato. De allí que las diferencias con los otros periodicos sean cuantitativas y cualitativas.

 

Una de ellas es elmercurio.cl. Toma una linea muy similar de entrada, pero ojo, por que de partida ya hay problemas con los links, mas específicamente en la ventana pop up de revistas, donde no se puede pinchar el resto del menú desplegable. Otro punto de diferencia es que accediendo a la noticia se ven al menos más de dos niveles de profundidad en los hipervinculos, o sea desde el titular pasamos a un esbozo de la noticia, y desde el esbozo pasamos a la noticia completa, casi sin síntesis lo que muchas veces hace al lector enfrentarse aun bloque de texto enorme en pantalla. El detalle menos competente que encontre, fue que a falta de relacionar noticias, esta en su remplazo un aviso para suscribirse en la pagina, dejando claro desde un primer momento que para el mercurio.cl es mas importante tener lectores suscritos, a que el lector navegue a gusto por su sitio.

 
Otra pagina que mantiene una línea similar es lasegunda.cl. Sin mayores pretensiones y con un formato muy similar al del mercurio (inclusive tal ves más claro), se deja leer fluidamente entre el titular y el hipervínculo, manteniendo eso si, las mismas falencias de el mercurio. Lo que mas le falta es que al llegar a la noticia se acabo la navegación, lo que al igual que en elmercurio.cl te obliga a volver al titular o a buscar en otro hipervínculo comenzando la búsqueda casi de cero. Eso si algo que me agrado mucho es que en la columna izquierda aparecen las noticias relacionadas con la hora en la que salieron y que se actualiza a cada minuto. Eso lo encuentro muy positivo, por que deja en claro que el trabajo de la web no se limita a trasladar la edición de un formato a otro, si no que además esta constantemente trabajando para informar a los lectores.

 

El ultimo de este grupo EMOL se encuentra las ulimas noticias o lun.cl. Y es que pese a que este periódico en su versión papel ya me parece vulgar, no puedo creer que suban los titulares y las noticias del día escaneadas directamente. Se nota que no existe ningún esfuerzo por hacer un sitio competente, donde parece que es mucho mas importante el mero hecho de tener un sitio por que si a hacer de su sitio una experiencia de lectura en la red. Si no me creen intenten leer las carteleras de cine. Todo esto, sin contar con el desorden de los links tirados casi azarosamente al lado del nombre del periódico. Un real despropósito.

 

Por otro lado también podemos ver via on-line los casos de la estrella (laestrella.cl), la tercera (www.latercera.cl) y la cuarta (www.lacuarta.cl). Si bien la estrella adolece de los mismos problemas de el mercurio y la segunda, además de un desorden considerable en su portada, y la publicidad que estorba (inclusive por sobre ciertos menus), es bastante peculiar que no solo mantenga un ampliador de tipografía (que si que lo necesita) si no que además, tiene el curioso sistema de recortes o INBOX, donde dependiendo del computador en que este el usuario, permite personalizar y jerarquizar la información que este quiera leer.

 

También esta lacuarta.cl, que es un sitio bastante menos complejo y más accequible en este formato que los anteriormente mencionados. En general un sitio con poca profundidad navegable, pero bastante directo lo que es bueno si pensamos que es una publicación orientada a un tipo de publico, donde tal vez uno o dos agregados mas complejos entorpecerían la lectura. No voy a entrar en el tema del buen o mal gusto para hacer las cosas, pero me gustaría rescatar que al menos los artículos están escritos con subtítulos, lo que propicia pausas en la lectura. Ahora de que sea mas adecuado hacerlo con esas “bold” y esos tamaños eso es otro tema.

 

Por ultimo, sobre latercera.cl podemos decir que esta en una linea media entre la usabilidad y la confusión. De partida en inicio nos topamos con un baner y una publicidad tan grandes que ocupan al menos un tercio del browser, dando un espacio reducido a los titulares, que de por si no son completamente claros. Levemente se ve que intentan separar la pantalla en dos columnas, pero si bien en una apenas se entiende la jerarquía de las noticias y los titulares, en la otra comparten servicios con publicidad y otros tópicos, lo que en el total nos muestra un conjunto francamente caótico. Sin embargo pese a este caos, es extraño que al acceder a la noticia se mantengan los ampliadores y reductores tipográficos, o que te permita inmediatamente entrar a una selección de fotografías relacionadas con el tema. Pero por muy buenas inteciones que se desprendan, o muy sobrio que se intente mantener el conjunto, el propio caos del sitio hace merma al lector.

Finalizando este extenso análisis creo que es lo más justo es que ustedes mismlos, los lectores sean los que opinen y debatan la calidad de estos sitios mencionados. El diseño web en Chile ya esta compitiendo en un mercado globalizado, así que como usuarios es justo que exijamos un alto nivel en lo que se esta haciendo en nuestro país, ya que al estar en la red de alguna forma pasa a ser nuestro rostro al rededor del planeta.

Web 2.0 moda o un nombre concreto para separa historicamente y como modo de estudio lo que sucedia y sucede con la democratizacion de los medios como internet.

Gente como Huasonic y los chicos Fayerwayer acuñan y respetan la frase localmente con un gran feedback de personas que siguen sus blogs.

Hoy la “moda” es tener un blog y comentar, tener un fotolog o flickr y subir fotografías a una base de datos, tener last.fm para llevar estadisitica de la musica que escuchas y otros poder tener sus “favoritos” en un servidor sin necesidad de tener sus “favoritos” (o marcadores par ala genracion firefox) en el mismo browser, como nos permite del.icio.us; y por supuesto también estar revisando y porque no agregando articulos a la Wikipedia.

Poder crear “tags” para catalogar fotos, musica, post, y marcadores es una conducta estandarizada de esta “web 2.0” lo que crea la horizontalidad de contenidos. Ahora bien, también esta la subscripción entre la web y usuarios (personas como rectificaría Jorge) personificado por el RSS que no es mas que una forma comoda de leer el contenido de una pagina web, sin forma y talvez en un lector de correo que soporte el formato al mismo tiempo que se revisa los mails como Thunderbird o en tu navegador de turno como Flock, Firefox o Safari, o incluso en programas dedicados como Vienna.

Ahora bien todo esto de la Web 2.0 no tiene sentido si no acatamos el problema de fondo de la web semántica, el que las personas no saben buscar o no se les entrega los contenidos de forma adecuada para buscarlos. No es lo mismo buscar “casa amarilla” que “La Casa Amarilla Belga” en Google, ¿como debe buscar el usuario?, ¿como deben ser indexadas esas paginas, si ambas dentro de sus keywords tienen Casa y Amarilla” ¿como discrimina la persona cual es la opcion correcta aparte de entrar y leer cada una?. En Web 2.0 generalmente no se busca paginas especificas, generalmente se encuentran webs, por medio de otros, al citar y complementar al decir “vean el link” como ocurre en el mundo de los blogs, y los tags vienen a ser discriminadores y clasificadores de contenidos que deberian ayudar en la busqueda de las personas. Por ejemplo cuando quiero una buena imagen con buena resolución y bella simplemente voy a mi Flickr y por medio de tags busco imagenes y de verdad que se obtienen buenos resultados, ¿pero la señora juanita sabe que puede hacer eso? a lo mejor solo sabe que existe google y si tiene una busqueda defectuosa o erronea quiza se ofusque y se levante del computador.

Ayer me paso algo cuiroso, una amiga me dice “¿Sabes como calcular la edad desde la fecha de nacimiento en Microsoft Access?”, a lo que respondi que no tenia la menor idea, porque nunca habia usado tal programa, parece que mi amiga llevaba mucho rato tratando de solucionar eso en su programa, ahi decidí ir a google y colocar “como calcular edad en access”, y sorpresa muchos resultados unos mas erroneos que otros y despues de unos minutos navegando, di con unos resultados que solucionaban el problema. Supongo que gente como nosotros, metidos en el mundo de internet, que trabajamos para el y que disfrutamos de él, supone facil y adquirido buscar y leer y agregar informacion en internet, pero para el comun de los mortales que ven internet como una herramienta el cuento no es tan facil, incluso para gente joven de la media de 25 años.

He aquí donde construimos la democratizacion del medio, esta suerte de socialismo - capitalismo (informaticos) conviviendo, para crear un producto que se accequible a cualquiera, pero que ojala sea mas buscado que la competencia. Las Herramientas Web 2.0 estan en eso democratizar el medio, poner el servicio en manos de los usuarios para que estos transversalicen la informacion, que sea adquirida por el mayor punto de nodos, que se construyan los thesaurus pertinentes y que cree una gran folksonomía.

Por eso tanto usuarios,diseñadores y programadores, debemos de pensar en el medio y ser el medio, pensar en el “otro” y empezar a construir la nueva internet con diseño centrado en usuarios.

technorati tags:internet, web2.0, semantic, search

Heatmaps de tres sitios web. Las áreas más vistas estan coloreadas en rojo, las áreas amarillas indican pocas vistas, seguidas de las áreas menos vistas que son las azules.Las áreas grises fueron irrelevantes.

Según el último Alertbox de Jakob Nielsen, publicado el día de hoy 17 de abril, afirma que los usuarios a menudo leen el contenido de un sitio web en un patrón que se asemeja al de una F mayúscula, es decir; dos líneas horizontales y una vertical.

Para este Eye tracking, se grabaron a 232 usuarios que vieron miles de páginas web, encontrando que el comportamiento principal de lectura se mantenía muy constante en diversos sitios y tareas. Este patrón dominante se parece a una F y tiene los siguientes tres componentes:

* Los usuarios primero leyeron en un movimiento horizontal, generalmente a través de la parte superior del área del contenido, este elemento inicial forma la barra superior de la F.

* Enseguida, los usuarios bajan un poco y después leen en un segundo movimiento horizontal que cubre una área más corta que el movimiento anterior. Este elemento forma la barra más inferior y más corta de la F.

* Finalmente, los usuarios exploran el lado izquierdo del contenido en un movimiento vertical. Algunas veces, este escaneo más lento y sistemático aparece como una línea sólida en el heatmap (mapa de calor) del eyetracking. Otras veces, los usuarios se mueven rápidamente, creando un heatmap menos definido. Este último elemento es el que forma la barra vertical de la F.

via: Chile País de Diseño

technorati tags:internet, web, usabilidad, eyetracking

Nada que ver con el servicio del.icio.us, este es un programita, que te permite crear una base de datos de tu musica, literatura, y peliculas originales, mediante la base de datos de amazon.

Así si por ejemplo tienes un disco de "The Beatles", vas y haces click en el + para agregar un disco y le dices que busque discos de los beatles, ahi puedes agregar el que tienes tu, y te baja toda la informacion del disco, ahora si no el programa no encuentra el libro, disco o dvd que le pides, puedes ingresarlo manualmente.

Otra cosa es que permite llevar un catastro de los discos que prestaste.

Simpatico el bicho, ademas la interfaz es bastante agradable.

Plataforma: Mac OS X
ver más acá

Ya tenemos Constel funcionando, e una versión beta del beta.
Ya podemos crear Textos Fundamentales[TF], Conceptos clave [a],secciones [§] y notas [n].
Podemos decir que este beta del beta funciona bien, creando textos (no muy largos), seccionando, y anotando. Ahora tenemos por mision, mejorar la abse de datos (Pablo, cambiara la base de datos luego por una mas limpia) y por otra parte el estilo de la css, en manos de los diseñadores

Para los que no saben de que se trata en del.icio.us. tu mantienes un listado de marcadores, paginas que marcas como tus favoritas, y a las que les asignas tags, palabras clave para búsqueda.
Esta es mi nube de tags en del.icio.us., el manejador de marcadores o favoritos online.

para los que tenemos [ del.icio.us] se puede acceder a la herramienta [ tagroll] acá .

Posteado por Rodrigo Vera

Design 8182, es un grupo de diseñadores que se reunene para hablar acerca de diseño y actualidad en este blog, entendiendo el blog como un medio de soporte real para el traspaso de ideas y opiniones hacia la comunidad.

¡ bienvenidos !