Entonces podía estar equivocada pensando que las cosas se pueden hacer de otra manera, pero no estaba equivocada, hoy me he enterado de unos webseminars gratuitos a los que puedes suscribirte rellenando un sencillo formulario. Aunque no están algunos de los que me gustaría escuchar, es de agradecer el acceso libre a las conferencias. Hablo del Usablity Marathon 2, que se celebra del 12 al 21 de octubre, reuniendo durante 2 semanas a un montón de especialistas de todo el mundo y ofreciéndonos vía streaming los webseminars. Sin coste alguno. Esto es hacerlo bien.

Por otro lado, van recogiendo la conversación que se genera en Twitter (#UMarathon) sobre el evento y por lo visto el streaming es de alta calidad y con chat integrado. De nuevo, esto es hacerlo bien. Yo ya me he armado el calendario y espero poder escucharlas enteras todas las que quedan a partir de mañana. Os dejo el calendario, horarios (GMT +01:00 Madrid) y los enlaces para suscribirse.

Martes 13
Selling UX, de 9:00 a 10:30
Marketing on a budget, de 13:00 a 14:30

Miércoles 14
UX Vision, Strategy and Teams, de 9:00 a 10:30
Usability or Strategic User Experience?, de 16:00 a 17:30

Jueves 15
Applying Statistics to Usability Testing, de 16:30 a 18:00

Viernes 16
Measure User Experience, de 10:30 a 12:00
Measuring User Efficency, de 16:30 a 18:00

Lunes 19
Search & Filter Interface Round Up: Examples and best practices, de 16:00 a 17:30

Martes 20
Using Axure for early validation, de 18:00 a 19:30

Miércoles 21
Designing a unified experience: bringing interaction, visual and industrial design together, de 18:00 a 19:30

Vía Gabriel Porras

Un pequeño análisis
Haciendo una comparativa superficial de los tres sitios y basándome en algunos principios de usablidad, me planteo cual de las tres soluciones es la más acertada para mostrar una galería de inspiración web, basada en archivar contenidos visuales encontrados a través de la red. Personalmente me atrae mucho But does it float por su limpieza y simplicidad, priman las imágenes y apenas tiene opciones, elimina la ansiedad que me produce un archivo infinito de imágenes en el que perderme indefinidamente en el tiempo como sería ffffound o visualize.us, ya que solo participan dos usuarios (Folkert & Atley). Debajo de las imágenes tienen colocadas discretamente las etiquetas con las que han marcado la imagen y un sencillo menú para cambiar la visualización del contenido de micro a macro y viceversa, y algo de información acerca del site. Digamos que es algo así como su archivo de imágenes particular.

ffffound complica un poco la presentación de los contenidos, principalmente porque es una comunidad donde son los propios usuarios los que aportan el contenido. Hasta ahí sucede lo mismo en Visualize.us, sin embargo ffffound sigue manteniendo la limpieza suficiente para ver las imágenes como si de una galería de arte (no virtual) se tratara. Ofrece información sobre las imágenes (el enlace, quién la ha subido y cuando) y ofrece algunas similares que invitan al usuario a navegar más por la web (hay que retener a los visitantes pues incluyen publicidad en el lateral izquierdo). Visualize.us aunque es la que más comunica con el usuario creo que da demasiada información para acompañar las imágenes. Quizá un término medio sería el ideal.

Conclusión
Para concluir y no extenderme más que tampoco es mi intención aburrir, sin profundizar demasiado creo que entre la sencillez de But does it float y la cantidad de información de Visualize.us, hay un término medio que no termina de ser ffffound. Para mí la solución ideal es estar a caballo entre unos y otros, conservar la estructura de Visualize.us, más organizado, con áreas cláramente definidas, eliminando ruido de la galería que muestra las imágenes como hacen but does it float y ofrecerla cuando el usuario la busque, favorecer un sistema de navegación por etiquetas mediante listado o  nube de etiquetas y que tenga un sistema de navegación que muestre contenidos similares como hace fffound.

Entradas relacionadas

Las mejores galerías web
Usabilidad y navegabilidad

Este mapa lo han realizado The Information Arquitects (IA), con oficinas en Tokio y Zürich y que anualmente publican este mapa. Ordenarán mil copias para la venta previa reserva, pero no obstante ofrecen en su web para descargar gratuitamente en formato PNG (2.6 MB) para su copia y distribución siempre que se reconozca su autoría.

Han empleado un mapa de metro por su analogía con internet. Puedes evaluar el dominio según su posición, éxito y estabilidad. Merece la pena perderse un rato por él. Podéis verlo al completo y descargarlo en flickr.

Fuente

Ya van dos veces en un mes que me encuentro aconsejando a dos compañeros de profesión de off line, acerca de tener su portafolio on line. Hay reticencias porque creen que una web no les va a traer clientes, o no les va a traer muchos más, y además hacer una web cuesta dinero y tiempo.

Decido aconsejarles el uso de alguna de las herramientas gratuitas que tienen en la red. Y más adelante, cuando la situación mejore, creamos una web con su estilo propio y calidad correspondiente. Así que una vez hecho el recorrido por la red me encuentro que hay muchos sites donde mostrar tu obra, a parte de las redes sociales habituales como pueden ser facebook, flickr, etc. Y me decidí a reunirlos aquí.

A continuación por bloques os voy dejando un listado de webs donde puedes crear tu portafolio on line además de poder utilizarlo como galería de inspiración para tus momentos de bloqueo. Otro listado de entradas relacionadas con portafolios de diferentes blogs de diseño. Y un tercer listado donde os dejo como muestra algunos portafolios de gran calidad hechos con estas herramientas gratuítas on line. Espero que os sea de ayuda.

Listado de webs de portafolios on line.

• Behance Network. Es mi favorito, la calidad de las presentaciones es muy buena, muy fácil y rápido de montar. Principalmente para buscar trabajo en EEUU.
  
• Deviant Art. Esta web lleva mucho tiempo funcionando. Puedes encontrar portafolios de todo tipo.
  
• Issuu. You publish. Aquí puedes tener tu presentación en flash montada como si fuera una revista. Además tienes otras publicaciones que pueden ser de tu interés. Es un poco lenta pero tiene buena presencia.
  
• Domestika. Todavía no está en funcionamiento pero promete. Los chicos de Domestika se lo curran mucho. Por supuesto en cuanto esté en funcionamiento subiré el mi portafolio.
  
• Carbonmade. Esta me gusta también bastante por su sencillez y buena presencia. Otro que ofrece bastante calidad.
  
• Voodoochilli. Uno más para conocer, Además es tipo portal de diseño y puedes encontrar tutoriales y otro tipo de información.
  
• Creative Binge. Para terminar la lista. Otro internacional.
  

Listado de entradas sobre portafolios

• los 10 portofolios creativos del mes de Octubre (inglés)
  
• 101 imponentes portafolios (inglés)
  
• Galerías de diseño sobre temas muy específicos
  
• Behance Network, red social de portafolios para profesionales creativos
• 10 portafolios creativos del mes de… (inglés)
  

Algunos ejemplos de portafolios en plataformas gratuitas

Linkedin enriquecido con aplicaciones

Microsoft ya se está poniendo en marcha y otros, como Adobe, ya ofrecen mini Photoshops on line, no con todas las virtudes de su infinito programa, pero si con unas cuantas utilidades que no desmerecen. En el siguiente enlace teneis un artículo de Pryme Crunch haciendo una comparativa entre las dos aplicaciones on line Google Docs y Office Live Workspace:

Office Live Workspace, la alternativa de Microsoft a Google docs

Con respecto a los reproductores multimedia, como pueden ser iTunes o WMP, tienen un competidor on line, que aunque todavía no está al nivel del grandísimo iTunes, démosle tiempo y ya veremos. Se trata de Songbird. Entre otras cosas Songbird sincroniza tu biblioteca del iTunes y dicen que también sincroniza con last fm, pero no lo veo… De todas formas va muy bien encaminado y si lo hacen bien, tendremos a nuestro alcance el reproductor de música que más servicios 2.0 nos ofrece. Podeis leer más en el enlace siguiente de Error 500:

Songbird, el Firefox de la música

Más aplicaciones que están teniendo mucho éxito son las de presentaciones del tipo powerpoint, como por ejemplo Slideshare o Google Presentations. Opciones disponibles para compartir con otros usuarios las presentaciones que tengas subidas a la red.

¿Qué es lo siguiente? Me encantaría ver como algunos fabricantes de software dejan de vender esos paquetitos a precios desorbitados y nos empiezan a ofrecer las herramientas a un precio más razonable y sin tanta licencia ni número de serie. Al fin y al cabo las webs de descargas están llenas de craks, keygens y programas pirateados.

Os dejo un listado de entradas sobre aplicaciones on line gratuitas:

• Sitios para editar fotos fácil y gratis
• 20 aplicaciones que deebrías estar usando
• Linkedin presenta su plataforma de aplicaciones de negocios
• 46 aplicaciones gratis para usar en internet

En mi caso en particular, he encontrado una buena y ágil solución a este problema, combinando un par de herramientas on line junto con el uso de mi memoria (la cual es nefasta, pero la estoy ejercitando).

Os cuento mi método de trabajo, es muy sencillo y cuando has hecho hábito es bastante rápido y tendrás acceso a todos los recursos que necesites:

1. Google Reader. Este fantástico lector de feeds que nos ofrece Google ha significado un cambio radical para el acceso a la información que hay en la red. Como diseñadora, me gustan los recursos, estar al día de las últimas novedades y tener un listado de webs a las que visitar en caso de bloqueo. Pues bien, en mi Reader tengo, organizados por carpetas, los recursos, los blogs de diseño, los de inspiración… etc. Puedes crear tantas carpetas como quieras. Una vez que tienes configurada la recepción de feeds de unos cuantos blogs o webs que permiten la sindicación de sus contenidos, sólo tienes que ir a la casilla de búsqueda del Reader y teclear, por ejemplo, “tutorial photoshop”, y te listará todas las entradas que has recibido que incluyan esas palabras. No está de más mantener los ojos abiertos y la memoria activa para que sepas bien con qué términos has de buscar.
   

   Búsqueda en Google Reader

2. Delicious. Este servicio de marcadores lo uso para recopilar aquellas webs que puedan ser de mi interés, sobre todo las que no puedo añadir a mi lector de feeds, y que son interesantes, por ejemplo, los portafolios, los de ilustración o de diseño, webs de información con contenidos estáticos, webs que me han gustado estéticamente o que me han parecido originales. Es como el favoritos de tu navegadro, el de toda la vida pero on line. La diferencia es que presto mucha atención a los tags que utilizo. No te olvides de darle a share!!
   
3. Foros, comunidades, etc. En algunos como Doméstika encontrarás una categoría de recursos u otra de coolsites que también puede ser de gran ayuda. Otra que uso mucho es la de Foros del web, que además tengo agregado al Google Reader. Hay un montón de información en estos sitios, solo hay que saber buscarla y tener mucha paciencia, es un método más lento para solucionar problemas de recursos o inspiración, ayuda con programas, etc. pero también recomiendo su uso, tanto aportando soluciones como recibiéndolas.

Gracias a la generosidad de muchos hoy tenemos acceso a toda esta información, recursos, tutoriales y demás que nos ayudan a mejorar cada día nuestro trabajo. Espero que compartir mis hábitos en la red os sea de ayuda.

Pues bien, en el hipermundo web en el que me he metido, encuentro, como diseñadora, ciertas similitudes, que, si bien son muy superficiales, no dejan de ser curiosas. Por ello, y después de unas cuantas clases de Interactividad y Usabilidad, creo que es un buen momento para pararse a pensar acerca de ello. Quizá sea algo útil que nos sirva a todos (desarrolladores, diseñadores y diseñadores), pues la colaboración, la buena voluntad, la humildad y el trabajo en equipo, es lo más importante para que salgan adelante proyectos grandes y de los cuales todos obtengamos, además de un beneficio económico, la satisfacción y el orgullo de haber participado de él.

Haré un repaso de los puntos que considero más importantes, con respecto al diseño (estético) del proyecto web, siguiendo las pautas que nos dan en usability.gov. Comienzo en primer lugar, con la definición que hacemos de usabilidad en la web: es hacer que cualquier medio sea interactivo, de modo que el usuario satisfaga su necesidad, sea búsqueda de información, compra o entretenimiento, en la visita que hace a la web.

• La primera impresión. Acerca de la home.

Una estética limpia, minimalista, seria, será en algunos casos la mejor opción. En otros la home, habrá de ser transgresora (esta palabra últimamente vende mucho, así que apunten) e innovadora. Puede ser femenina, elegante, sugerente, sensual… En cualquier caso, sea cual sea el estilo elegido, ha de ser una impresión que ha de generar en el usuario las reacciones necesarias para que continúe navegando en nuestra web, transmitiendo desde esta primera impresión el mensaje principal que queremos comunicar, sea el que sea. Por ello ha de tener básicamente los atributos siguientes: ha de resultar agradable, cercana, accesible y de escaneado fácil. Es decir, que el usuario identifique los elementos y el mensaje en menos de 10 segundos. Para ello en usabilidad se habla de la colocación y el diseño de ciertos elementos de manera que sean identificables para el usuario, incluso cuando hablamos de un usuario no necesariamente avanzado.

El proceso de diseño desde el comienzo hasta el final, debe tener presente la estética, la imagen, el mensaje que quiere transmitir, pues las web son un medio de comunicación audiovisual, (más -visuales que audio-) y es importante para la correcta finalización del proceso de diseño, que la parte gráfica/estética esté informándose y aportando desde el comienzo. No vale eso de “ahora que está todo pensado, ponlo bonito”. No vale dictarle unas pautas al diseñador como pueden ser los colores a utlizar y dónde ha de colocar el logotipo. Si se siente un mero “machaca” de las ideas de otros, hará su trabajo cada vez de forma más sistemática y menos creativa, eliminando gran parte del mensaje que se quiere transmitir. Igualmente, ha de trabajar muy cerca con el programador, el cual tampoco es el “machaca del creativo”…. y así sucesivamente. Me desvío del tema central.
En resumen, la home, ha de seguir unas pautas como la correcta jerarquización de los contenidos, la información justa, una presentación coherente y consistente con lo que el usuario va a encontrar en la web, y una clara identificación de los elementos que la componen.

• La navegación

Empezamos a usar la web, y nos perdemos. Y digo yo, o soy muy torpe usando las webs (permítanme decirles que no) o que alguien me explique por qué en la web de IKEA no hay un botón “volver a los resultados” o “compara con productos similares”. No, solo te dan la opción a ir a ver “más de lo mismo”, que además suena fatal. Antes, al menos, te indicaban a que profundidad de la web te encontrabas. En fin, este es un caso para analizar. La navegación en webs de esta envergadura es lo más importante. Y el diseñador, sí o sí, ha de buscar la manera de colocar esos botones que existen aunque te destrocen tu diseño tan mínimal y chic que habías creado. Y hacerlos visibles, facilitarnos la vida. Y ahí es donde hay que torear a las normas de usabilidad, resolvamos estéticamente y de forma inteligente, la manera de que el usuario encuentre esos botones y no tengan que ser necesariamente links aburridos y poco sugerentes.

La web de Ikea es como la tienda, acabas llevándote algo que no querías o necesitabas, y después de 3 horas en la tienda, no has conseguido esas velas de 1,99 € que tan cálidamente alumbran tus noches románticas.Y lo peor de todo, te das cuenta cuando ya estás en casa.
He aquí un caso de mala navegación o de navegación muy bien hecha, según se mire. Desde luego, es evidente que no cumple muchas de las normas de usabilidad, pero cumple su objetivo, vender y lo que es más importante, que vayas a la tienda, y que te gastes más dinero del que tenías previsto.

Con respecto a la parte de SEO que toca a la navegabilidad de la web, nada hay que decir de los “textos descriptivos adecuados y coherentes/consistentes” a lo largo y ancho de todo el site, tanto en las pestañas de navegación como en los encabezados de las tablas, filas y columnas, o de cualquier otro elemento. El diseñador, ha de conocer de antemano la longitud de todos estos encabezamientos y títulos y buscar una manera de que mantengan esa coherencia también en el aspecto; de forma que en no diseñe a ciegas, y cuando se encuentra con una pestaña que contiene más de 20 caracteres no tenga que hacer cosas extrañas, porque las ha diseñado para contener 10 caracteres como máximo.
Un buen mapa del sitio nunca está de más, tanto para la indexación de google como para orientación del propio usuario.

• Los links y la apariencia del texto

Que los links parezcan lo que son, links. ¿Pero de cuáles? Se me ocurren muchos ejemplos espantosos. Cómo son los links… creo que hay muchas y muy variadas formas de indicarlos. Actualmente para los medios de comunicación on line se han generalizado unas pautas que son muy cómodas para el lector, ya que nos facilitan mucho la tarea de satisfacer nuestra curiosidad. Es evidente que en la mayoría de los sitios han evolucionado mucho desde el comienzo. Y estoy segura de que lo seguirán haciendo.

Y con respecto a la apariencia de texto, eso no sufre evolución desde Gutenberg, negro sobre blanco… Aunque el inverso no es desechable. Ahora, según se usen las tipografías en el diseño de la web, esta norma no es necesariamente algo tan rígido como a primera vista parece. Además, es algo que no está reñido con la indexación de contenidos.

Algo que hace unos años era tan sencillo, que incluso se debatía si internet sería importante para nuestra vida diaria, o no, si iba a cumplir tantas expectativas puestas en la red, o no. Si llegaría a ser… o no. Ahora, con un porcentaje medianamente aceptable de  usuarios en lo que a hogares conectados se refiere, resulta que la red se hace por los usuarios. La toquetean, la cambian a su antojo, la rehacen. Interactividad es una palabra sencilla. Unida a la red es un mundo.

Incoscientemente o conscientemente, es un hecho que viene ocurriendo desde hace un tiempo. Puede ser porque realmente la sociedad siempre ha sido tan participativa, o porque con la facilidad del medio se han lanzado a comunicarse, puede ser porque tienen mucho que decir, puede ser que, la soledad creciente, nos impulse a buscar nuevas vías de comunicación. Sea como sea, la realidad es que el usuario se comunica. E interactúa.

El comportamiento de la sociedad en general y de el individuo en particular, merece en la red, un análisis. Interactivo, en el diccionario de la RAE, es:

1. adj. Que procede por interacción.

2. adj. Inform. Dicho de un programa: Que permite una interacción, a modo de diálogo, entre el ordenador y el usuario.

Pobre definición, en la wikipedia se explayan un poco más:

Sheizaf Rafaeli ha definido a la interactividad como “una expresión extensiva que en una serie de intercambios comunicacionales implica que el último mensaje se relaciona con mensajes anteriores a su vez relativos a otros previos”.

La interactividad es similar al nivel de respuesta, y se estudia como un proceso de comunicación en el que cada mensaje se relaciona con el previo, y con la relación entre éste y los precedentes.

Y según el Sr. Infante es la capacidad de generar una respuesta. Me quedo con la última, por sencilla y acertada, y su clasificación en 5 tipos distintos de interactividad: entre el usuario e interfaz; entre usuario y contenido; entre usuario y usuario; entre usuario (de un medio) y la red; y por último, entre el usuario y el medio. De todas estas interacciones aparecen como comunes en nuestro vocabulario, y con una connotación digital, palabras como usabilidad, accesibilidad,participación,respuesta, comunidad, sindicación, redes sociales, internet 2.0… y sus variaciones.

El anállisis particular, la maduración de estos términos y su aplicación como diseñadora (ya no sé de qué) son cosas que tendré que ir viendo poco a poco. Pues mi proceso de nacimiento, crecimiento y evolución en la red lleva un tiempo de adaptación, y de cambio.

Habrá que ver con qué nos sorprenden.

Google Chrome
Entrada original y más imágenes
Post en Español