Diseño+y+Usabilidad+de+Flickr

= Diseño =

Flickr es en escencia un servicio para compartir fotografías combinando innovaciones tecnológicas, una red social y una comunidad que sigue creciendo. Es una aplicación fácil de usar y con diseño muy práctico a pesar de las muchas opciones que tiene. Hoy en dia está disponible en 8 idiomas. También es un servicio abierto: no hace falta estar suscrito para ver las fotos que otros cuelgan en la Red siempre y cuando los autores de las imágenes no digan lo contrario. Pero si un internauta quiere colocar fotos en Flickr, lo primero que tendrá que hacer es suscribirse al servicio. Yahoo! compró Flickr y hay que tener una cuenta en Yahoo! para acceder a este servicio. Darse de alta es gratis, aunque esta cuenta gratuita está limitada a 20 Megabytes al mes (unas 200 fotos, aproximadamente). Hay un servicio de pago que por 24,95 dólares al año (algo más de 20 euros) proporciona hasta dos Gigabytes de espacio mensual.

Funcionalidades
El sistema de Flickr permite hacer búsquedas de imágenes por etiquetas, por fecha y por licencias de Creative Commons .


Otras funcionalidades son los canales RSS  y Atom , y la API  que permite a desarrolladores independientes crear servicios y aplicaciones vinculados a Flickr. El servicio se basa en las características habituales del HTML  y el HTTP , permitiendo que sea usable en múltiples plataformas y [|navegadores] <span style="font-family: Arial,Helvetica,sans-serif;">. La interfaz de etiquetación y edición de texto utiliza <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">AJAX <span style="font-family: Arial,Helvetica,sans-serif;">, que también es compatible con la gran mayoría de los navegadores. Un componente no esencial de Flickr, Organizr, se basa en la tecnología de <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Adobe Flash <span style="font-family: Arial,Helvetica,sans-serif;">, la cual aunque es ampliamente disponible, no es plenamente abierta. Las fotografías o imágenes y videos también pueden enviarse a través del <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">correo electrónico <span style="font-family: Arial,Helvetica,sans-serif;">. <span style="font-family: arial,verdana,tahoma,sans-serif; font-size: 14px; line-height: 22px;"> <span style="font-family: Arial,Helvetica,sans-serif;">(tomado de Wikipedia)

Al publicar tus fotos automáticamente se abren muchas opciones: <span style="font-family: arial,verdana,tahoma,sans-serif; font-size: 10px; line-height: normal;"> <span style="font-family: Arial,Helvetica,sans-serif;">
 * <span style="font-family: Arial,Helvetica,sans-serif;">__Compartir__: La función principal de este servicio es compartir imágenes y el usuario puede elegir con quién desea compartirlas y cuales son las condiciones para hacerlo, como lo pueden ser un Copyright, licencias abiertas o los diferentes tipos de Copyleft que <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Creative Commons <span style="font-family: Arial,Helvetica,sans-serif;"> nos proporciona.
 * <span style="font-family: Arial,Helvetica,sans-serif;">__Organizar__: Las imágenes pueden ser organizadas por tag, set ó por grupo. Así los usuarios de Flickr pueden encontrar las imagenes asociadas con sus tópicos de interés a través de estas formas de metadata. Por ejemplo, las " <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">tags <span style="font-family: Arial,Helvetica,sans-serif;">" o etiquetas son palabras que permiten simplemente definir algo. Por ejemplo, si subo una imagen de la <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Playa Punta de Palma de Izabal, Guatemala <span style="font-family: Arial,Helvetica,sans-serif;">, puedo clasificarla con las siguiente etiquetas: <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">playamarizabalguatemala <span style="font-family: Arial,Helvetica,sans-serif;">. Así será más fácil encontrar tus fotos y las de otros usuarios, y ver fotos de tu interés, por ejemplo que <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">llevan en los bolsillos <span style="font-family: Arial,Helvetica,sans-serif;"> tus contactos. Otra de las características es la posibilidad de crear grupos, los cuales hacen despertar el espíritu comunitario de Flickr. Estos se crean para compartir fotos de una temática en particular permitiéndote invitar a todos tus contactos ó ser invitado a uno que ya existe. Por ejemplo:
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Maestros del Web <span style="font-family: Arial,Helvetica,sans-serif;"> ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Transparen Screens <span style="font-family: Arial,Helvetica,sans-serif;"> ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Squared Circle <span style="font-family: Arial,Helvetica,sans-serif;"> ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Diseccionando <span style="font-family: Arial,Helvetica,sans-serif;"> ======

<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Flickr es más que un álbum gratuito de fotos bien organizado. Puedes crear tu perfil de usuario <span style="font-family: Arial,Helvetica,sans-serif;"> y encontrar gente alrededor del mundo con gustos similares a los tuyos y agregarlos a tus lista de <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">contactos <span style="font-family: Arial,Helvetica,sans-serif;">, para esto tienes 3 opciones, sólo Contacto, Amigo o Familiar. Esto te da la ventaja que a la hora de publicar tus fotos, puedes compartirlas con todos, tus amigos o sólo familiares.

<span style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-family: Arial,Helvetica,sans-serif;"> <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Flickr <span style="font-family: Arial,Helvetica,sans-serif;"> está lleno de pequeños detalles que hacen de ella una aplicación muy grande, entre ellos: <span style="font-family: Arial,Helvetica,sans-serif;">La mezcla de varias tendencias sociales y tecnologías, hacen que la gente pueda interactuar de diferentes maneras, empezando por el <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">API abierto de Flickr <span style="font-family: Arial,Helvetica,sans-serif;"> permite la creación de nuevas aplicaciones basadas en este servicio, por ejemplo:
 * ======<span style="font-family: Arial,Helvetica,sans-serif;">Publicar comentarios en las fotos. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif;">Utilización de Flash para mejorar la carga y manejo de las imágenes. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif;">Agregar pequeñas notas sobre la foto (tambien gracias a Flash). ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif;">Enviar la foto a grupos fácilmente. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif;">Hacer una presentación con tus fotos ( <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Slideshow <span style="font-family: Arial,Helvetica,sans-serif;">). ======
 * <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Calendario fotográfico
 * <span style="font-family: Arial,Helvetica,sans-serif;">Publicar fotos directamente en tu blog.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Listar las ultimas fotos en tu blog.
 * Lista de fotos marcadas como favoritas.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Crear una URL personalizada para que sea fácil de recordar, ejemplo: <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">@http://flickr.com/photos/carloscrc/
 * <span style="font-family: Arial,Helvetica,sans-serif;">Publicar fotos vía <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">email <span style="font-family: Arial,Helvetica,sans-serif;"> o <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">software <span style="font-family: Arial,Helvetica,sans-serif;">.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Y otros que descubrirás al empezar a utilizarlo.
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Flickr Graph <span style="font-family: Arial,Helvetica,sans-serif;">: Escribe tu nombre de usuario y podras ver tus relaciones sociales de una manera muy atractiva. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Color Fields Color Picker <span style="font-family: Arial,Helvetica,sans-serif;">: Aplicación que despliega fotos según el color que escogas. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Spell with flickr <span style="font-family: Arial,Helvetica,sans-serif;">: Herramienta que permite deletrear palabras con imágenes. ======
 * ======<span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">Related Tag Browser <span style="font-family: Arial,Helvetica,sans-serif;">: Buscador de imagenes por etiquetas (tags) que despliega las fotos relacionadas con esta. ======

<span style="font-family: Arial,Helvetica,sans-serif;">Por medio de los <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">RSS de Flickr <span style="font-family: Arial,Helvetica,sans-serif;"> puedes <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">sindicar <span style="font-family: Arial,Helvetica,sans-serif;"> practicante cualquier cosa, desde las fotos de los usuarios, de un grupo o fotos que contengan alguna o varias "tags" en específico. Publicar fotos ya sean nuestras o cualquier foto pública en nuestro sistema de Blogging (Blogger, Wordpress, Movible Type, Livejournal, etc.) sólo requiere de una pequeña configuración y unos cuantos clicks. Un ejemplo de estos es el <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">FlickrZen <span style="font-family: Arial,Helvetica,sans-serif;"> donde <span style="font-family: Arial,Helvetica,sans-serif; text-decoration: none;">zerena <span style="font-family: Arial,Helvetica,sans-serif;"> va publicando en su blog las fotografías que más le gustan de Flickr.

Por último les dejamos la descripción que hace el mismo Flickr sobre su servicio:

Flickr es la mejor manera de almacenar, de clasificar, de buscar y decompartir tus fotos en línea. Hay una masa enorme de fotos en el mundo, y Flickr proporciona una manera de ordenar las tuyas, y para ti y tus amigos y familia, para contar sus historias sobre ellas.

Los gadgets de Flickr

 * **Flickr Graph**. Una herramienta que permite visualizar las relaciones de un usuario de Flickr con el resto de sus contactos sociales.
 * **FlickRate**. Aplicación que clasifica todas las fotos de Flickr en tres categorías: las más estéticas, las más originales y las más divertidas.
 * **Flickr Screensaver**. Un salvapantallas con las fotos del servicio.
 * **Flickr Album**. Permite ver las fotos al estilo de un álbum de papel.
 * **Interestingness**. Un espacio donde se pueden encontrar las fotografías que más han interesado a los usuarios. Interestingness calcula cuántas personas han añadido una determinada imagen a su carpeta de favoritos y el grado de relación entre el autor de la foto y los internautas que realizan comentarios sobre ella.
 * **Flickr Related Tag Browser**. Buscador de imágenes por etiquetas que despliega las fotos relacionadas con éstas.

= Usabilidad =

Hace unos días la revista Time publicó su ranking anual de las 50 mejores páginas web, donde, en una elección en la que estamos de acuerdo, **Flickr** quedó situado en la cima del mismo, por encima de otros gigantes como Twitter, Facebook y bueno, todas las que se nos ocurran. Pero… ¿Porqué Flickr es el mejor sitio de todos? Una de las características que hacen de Flickr un sitio web fabuloso son tantas y tan sutiles que seguramente se nos escapen varias, pero subrayemos algunas que se vislumbran fácilmente.

Un visitante nuevo de Flickr sabe que puede interactuar con el sitio **en menos de 10 segundos**. Lo primero que ve es el logo junto a una fotografía de calidad seleccionada con un interesante algoritmo llamado Explore, a la derecha se visualiza la descripción del sitio en (atención) **solo 5 palabras**. Esto potencia la habilidad de vender un sitio en pocos segundos, de no hacer pensar. Luego tenemos las opciones clásicas de navegación pero muy estudiadas. El boton de crear un usuario nuevo está muy ubicable, ni hablar del cuadro de búsqueda, casi el corazón del servicio. Más abajo, y una vez que captamos la atención del visitante tenemos una descripción un poco más detallada de las opciones del sitio, pero sin perder el minimalismo y sin abusar de palabras.
 * ===Una página de inicio que explica, invita y no agobia===

Volvamos a hablar del cuadro de búsqueda, el mismo es lo más simple posible en el primer paso, eso evita pensar. **Busca, busca, busca, dale!** La idea es poner una palabra y darle enter, nada más, para luego sí, una vez con los resultados, podamos refinarlos con opciones de tamaño, relevancia, detalles, grupos, cámaras, copyright… Las opciones que ofrece son muchísimas y además se nos presentan de una manera muy inteligente, lo que permite encontrar lo que buscamos, nada mas ni nada menos. Flickr tiene un trabajo muy importante en usabilidad y que va mejorando día a día. Si se fijan en cada acción que ejecuta el usuario está pensada para que, a la siguiente, el mismo tenga opciones para seguir sin sentir frustración. Por ejemplo una vez subida una fotografía el sitio nos va “guiando” para que le pongamos una descripción, luego las etiquetas, y luego, que volvamos a nuestra colección o subamos otras. Este punto no es exclusivamente gracias al sitio pero seguramente el mismo no sería nada sin la fantástica comunidad y las fabulosas fotografías que se suben a Flickr día a día. En Flickr se siente un aire cordial, de camaradería y ayuda al prójimo, es casi un ambiente libre de trolls (aunque alguno de vez en cuando siempre va a aparecer por ahí). Gracias a esto es innumerable la cantidad de premios, halagos y comentarios que se le hacen a las buenas tomas, incentivando a los usuarios a seguir tomando fotos, por consiguiente, **a pasar más tiempo en el sitio y a alimentarlo cada vez más de mejor contenido**.
 * ===Un cuadro de búsqueda accesible y usable===
 * ===Es muy difícil que nos //perdamos//===
 * ===Los usuarios y el contenido===