de CMYK a RGB

Tengo un blogroll lleno de recursos, mi delicious está a reventar, en la red tengo un montón de recursos disponibles, hay miles de foros y tutoriales en internet, pero encontrar algo que necesito en un momento exacto me suele hacer perder un montón de tiempo y al final acabo buscando soluciones alternativas en lugar de hallar aquel post que leí una vez, en el que hablaban de aquello que justamente necesito.

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.

Desde hace tiempo noto ciertas diferencias o roces entre los desarrolladores y los diseñadores. Anteriormente encontraba la misma situación entre el diseñador y el impresor. Siempre la misma queja. Que lo que queremos hacer los diseñadores no es posible o no va a quedar bien o, la única que en muchos casos me ha valido, que va salirse del presupuesto. En mi opinión, o no tenían ganas de buscarse las vueltas o no tenían las capacidades y medios necesarios. No quiero decir con esto, que la experiencia no sirva para dar buenos consejos, en ese caso, esos consejos siempre han servido para mejorar el trabajo y conseguir un resultado excelente.

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.

Me viene a la mente, una frase que no se de donde saqué, pero que se me quedó grabada: “el cambio es mi sangre, el estancamiento mi muerte”. Si alguien sabe de quién es le agradecería la información. A lo que iba, el cambio, el continuo movimiento, la evolución. Ya lo dijo Heráclito. Y ahora llegan la red, los usuarios y la interactividad.

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.

Anoche me acosté leyendo sospechas del nuevo lanzamiento del navegador de Google, que pretende competir con Firefox (acabamos de estrenar la versión 3) e IE (el cual ya va afinando con su versión 8), y me desayuno leyendo que el jueves estará una versión disponible, sólo para Windows aunque en breve sacarán una para Mac y Linux. En fin, un montón de cositas sacadas de aquí y de allí.

Habrá que ver con qué nos sorprenden.

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