Este fin de semana me ha tocado a mi acudir a uno para intentar resolver un problema. Cosa que ni el manual ni el mismísimo google han conseguido. Pero, eso ya es otro tema. Lo que sí ha hecho es reflexionar sobre el uso que damos a estos libritos que vienen con nuestros nuevos y flamantes productos tecnológicos y que, a veces, parecen estar diseñados para confundirnos aún más.

Lo que debería ser el primer paso…

Aunque para muchos de nosotros no lo es. En realidad, es el primer paso para otros. Para eso se diseñaron y se adjuntaron a cada producto. Para ser el primer paso antes de consumir el producto.

Pero la realidad es que suele ser el primer paso para perderse. Es sólo sacar el aparato de la caja, abrir el manual… y ya estamos perdidos. En ocasiones la lucha con el libro de instrucciones para tratar de aprender a usarlo lleva a la frustración.

Lo hemos visto en tests. O simplemente observando a nuestros familiares y amigos. Sí. Yo también tengo a alguien en la familia que lo primero que hace es abrir y leer el manual. Y lo siguiente es llamarme. A mi o a algún otro familiar o amigo. Qué le vamos a hacer.

La barrera de entrada

Estos manuales se crean para ayudarnos a configurar y a aprender a usar los aparatos. ¿No? Se supone que ayudan a disminuir las barreras de entrada en el nuevo producto. Pero en la realidad, estos manuales de instrucciones tampoco ayudan mucho a disminuir esa brecha digital y entonces, cuando queremos reducir esta brecha, nos dedicamos a producir dispositivos con menos funciones y “botones más grandes”. Para así, llegar a un público menos habituado al uso de la tecnología. ¿No?

Pero, a veces, no necesitan menos funcionalidades. Necesitan hacer las mismas. Mi madre también quiere hacer fotografías a su nieto. Lo que necesitan es aprender a usarlo. Y no por ello va a tener que sacrificar esta función en su teléfono móvil. No es sólo culpa de los dispositivos, es culpa de los manuales de instrucciones. De esa barrera de entrada que es el manual. Con sus tecnicismos. Y con su poca orientación al usuario.

Reducir esta barrera de entrada

Me ha gustado especialmente este proyecto de vitamins design que trata de resolver esta barrera mediante el manual de instrucciones y el uso de unas tarjetas indicadas para descubrir las nuevas funcionalidades y que actúan como accesos directos.

De esta manera los usuarios van explorando las funcionalidades de su teléfono sin necesidad de estudiar los complejos menús de opciones. Tan sólo cuando las necesitan. El enfoque es: en lugar de modificar el teléfono, algo que siempre será mas costoso y difícil de ejecutar. Modifican la manera de aprender a usar el teléfono. Es genial, ¿no?

Os dejo un video que muestra la caja y el funcionamiento.

o de cómo dar instrucciones

La próxima vez que tengas que realizar un manual de instrucciones, manual de uso o cualquier documentación, recuerda esto. Dedica un tiempo a realizarlo. No lo dejes para el final. Añade a tus plazos la construcción de la documentación. No se trata de añadir mucha información sino de cómo añadir la información.

Aquí van unos consejos.

• Ayuda a tus usuarios con diagramas e imágenes. Con códigos de color.
• Evita las palabras técnicas.
• No asumas que el usuario conoce algo sobre el producto.
• Si realizas tests de tus productos. ¿Por qué no lo realizas sobre las instrucciones también?
• Escribe los pasos para realizar una tarea concreta y no una descripción de características y funciones. Nuestros usuarios quieren añadir un teléfono a la agenda y no conocer la descripción de una pantalla.

y… por supuesto

Utiliza un formato acorde con el producto, si el producto tiene un nivel de calidad alto, ¿por qué el manual es como el de un reloj despertador? No te olvides del contexto de uso. En casa, en la calle, en el campo, en la cocina… o un manual de instrucciones que se consultará sobre una torre. Cada contexto de uso requiere de una forma específica.

Bonus track

• Buscando información sobre el proyecto me encontré con un post de Sergio Ortega que habla sobre el mismo producto. [Out of the box] Mucho más que un manual de instrucciones para personas mayores
• Out of the box for samsung el proyecto de vitamins design

Al diseñar un parque o una zona peatonal se tiene que tener en cuenta la necesidad real de los usuarios. Investigar y comprender de dónde vienen los peatones y hacia dónde irán. A partir de aquí la clave es simplificar su vida. El trayecto mas corto será el más eficaz.

Si no es así, como en la fotografí­a, los propios usuarios serán los que se saldrán del camino marcado y comenzarán a crear uno nuevo, más corto, más efectivo o sencillamente más simple.

Nuevos caminos sociales

En las interfaces de usuarios, estamos obligados a utilizar los caminos que vienen dados por los diseñadores de interacción. Pero, a medida que la interacción va creciendo, los usuarios hemos ido creando nuestros propios caminos sociales.

Basta con observar a los usuarios utilizar las aplicaciones, no a los que vivimos de esto, que no olvidemos que somos una minoría, sino a la gran mayoría de usuarios. Si observamos a estos utilizar internet, veremos que estos inician siempre la navegación desde un buscador. Y así, cuando quieren acceder a un sitio, escriben la URL en el buscador.

¡No utilizan la barra de direcciones!

No recuerdan si es .com, .es o .lo que sea. Sólo poner la palabra en Google y buscar!. Ellos son los que han abierto un nuevo camino. Firefox hace tiempo que se adaptó al nuevo camino creado por los usuarios. De esta manera no es necesario escribir el dominio en la barra de direcciones. Basta escribir un par de palabras y se irá a google a mostrar los resultados para que sea el usuario el que escoja a dónde desea ir.

Nuevo camino por explorar

Este camino abierto por los usuarios es el que tiene que hacer que las empresas vigilen su posición en los buscadores y lo que de ellas se habla. En algunos países como Estados Unidos, Japón o, aquí en Europa, el Reino Unido las marcas están notando esto, en lugar de hacer recordar al usuario un sitio web recomiendan un par de palabras por las que encontrar la marca en internet.

En la imagen se muestra el último fotograma de una campaña de Special K para Gran Bretaña. En lugar de terminar con la dirección de su site, recomienda buscar Special K en Yahoo.

¿Es este el fin de la URL?

Parece que sí. De la última lista Zeitgeist de Google 9 de cada 10 búsquedas de la lista emergente de palabras fueron irían directamente a su sitio web tan sólo con añadir un punto com. Éstas se denominan búsquedas navegacionales que determinan que el usuario sabe exactamente dónde quiere ir a parar. Son nuevos caminos sociales que acaban haciendose al andar.

Más información

• Caminos sociales, de Dani Armengol
• Fotografía de este post, gracias a Eileen’s Technology blog
• Grupo en Flickr sobre Desire paths
• The URL Is Dead, Long Live Search
• Zeitgeist de Google

En los años 60, los países europeos firmaron la Convención de Viena sobre tratado de señales tráfico, la misión era estandarizar las regulaciones de tráfico en los países. Para, por un lado, facilitar el tráfico internacional y, por el otro, aumentar la seguridad vial.

El estándar

Se estandarizaron las formas y colores para fijar así los propósitos informativos de la señal. De esta manera acordaron utilizar formas triangulares para señalizar peligro. Para las prohibiciones un círculo con borde rojo. Rectángulos para señales informativas. Y alguna mas que conocemos.

Realismo pictórico, diferencias culturales y sociales

Un ejemplo estas diferencias lo encontramos en las señales de peligro que incluyen animales, depende del país en el que nos encontremos será fácil ver canguros, alces, ranas, ciervos, patos, vacas, ovejas, caballos, osos polares y hasta monos.

Y sin irnos tan al extremo estas diferencias hacen que incluso los pictogramas de hombres, mujeres y niños difieran de uno a otro país.

Durante mi último viaje me llamó mas la atención, al pasear por una calle, vimos la señal, entendimos lo que quería decirnos y apenas nos fijamos en las diferencias, pero, y si nos paramos. Si nos paramos y miramos la señal detenidamente, si estudiamos el pictograma que ante nosotros se muestra. Entonces encontraremos las diferencias. Analizando las señales de tráfico de distintas naciones podemos encontrarnos con multitud de curiosidades. En esta interesante recopilación de señales del mundo encontramos multitud de curiosidades.

En España

Aquí nos encontramos con una imagen como esta. Los niños son figuras de palo, las cabezas se encuentran desconectadas del resto del cuerpo. Parecen correr. Y los dos llevan una bolsa en sus manos. Este pictograma o variaciones muy similares son utilizados en Italia y Portugal, curiosamente los niños portugueses no llevan ninguna bolsa en la mano.

Curiosidades

Llaman la atención las influencias entre países, una generalización de algunas señales como por ejemplo los países mediterráneos, otras entre países con, a priori, menos relaciones culturales. Casi siempre se muestra una figura con dos niños, a veces la niña va delante y a veces se sitúa detrás del niño. Casi siempre uno de mayor tamaño que otro, que es el que orienta al más pequeño. En la mayoría de ocasiones el chico protege a la chica pero hay ocasiones en las que es ella la que protege al menor. Sería caso de estudio. También, aunque mas raro, hay ocasiones en las que aparece una sola figura, caso de Argentina o India.

Más información

• Bartolomeo: Roadsigns of the world
• Señales de tráfico
• Pasos de cebra, de Juan Leal

Entendiendo el Diseño Web

• Hacemos mejores diseños cuando entendemos el medio, por lo que, concluye, es dificil entender el diseño web sin entender la Web.
• La mayorí­a de los creadores ven la Web como un medio para lanzar campañas de marketing y publicidad en donde el usuario, pasivamente, recibe contenido Flash y Video. Su máxima interactividad está limitada a un enlace del tipo: digg este sitio
• Aunque el diseño web emplea elementos de diseño gráfico e ilustración no es comparable a ellos. Y de ser comparable con alguna especialidad esta será sin duda la tipografía
• El diseño web es creación de ambientes digitales, que facilitan y fomentan nuestras actividades; refleja o se adapta al contenido y a los usuarios, y cambia “sutilmente” a través del tiempo manteniendo su identidad. Un diseño web excelente, tiene personalidad, es transparente, es natural, es memorable…

El comienzo del artí­culo revela la una de las razones de los errores en el diseño web, las personas que toman las decisiones de un diseño web no entienden el medio y, a pesar de ello, supervisan las tareas de diseño y desarrollo de sitios web. En el otro lado nos encontramos con personas que, pese a tener un alto grado de conocimientos en Diseño carecen de estos mismos conocimientos en lo que a la web se refiere.

Pero, ¿qué es el diseño web?

Pone como punto de partida la tipografía, y a partir de ella explora las similitudes con otras ramas, una muy interesante es la relación con la arquitectura.

Los grandes diseños web son como los grandes edificios. Todos los edificios de oficinas, por especiales que sean, tienen baños y escaleras. También los sitios web comparten elementos comunes, a pesar de que un gran diseño de un sitio es individual, también se parece mucho a otros diseños con funciones similares, al igual que pasa con los diseños para revistas y diarios. Poco son los que celebran los grandes diseños de revista, pero millones, consciente o inconscientemente, los aprecian, y nadie lamenta que no sean posters.

Los sitios web deben mantener muchas funciones similares también, un diseñador proveniente de otras áreas intentará crear sitios que eviten parecerse a otros e “inventarán” nuevas retículas de contenidos y nuevas navegaciones que harán del sitio web sitios con una carga estética innecesaria y poco usables.

El diseñador web especializado, que entiende el medio, aceptará que muchos de los proyectos en que trabaja van a tener cabeceras, columnas y pies de página y los usará para crear páginas distintivas, naturales, adecuadas a la marca, sutilmente memorables y discreta pero inequívocamente atractivas.

Si consigue todo eso y cuida los detalles, su obra será hermosa. Si no todo el mundo aprecia esa belleza —si no todo el mundo entiende el diseño web— no deberíamos llorar por el diseño web, sino por los que no saben ver.

Por supuesto que los sitios web son, sobre todo, contenido y el contenido es, por extensión, tipografía. El diseño es comunicación a través de las palabras y la tipografía.

Pero el diseño web es, sobre todo, algo diferente. No será ni mejor ni peor que otras disciplinas. Esa diferencia hace que sea tan atractivo, la evolución constante de un interfaz, la posibilidad de ver como reaccionan los usuarios ante los cambios, la flexibilidad, la capacidad de aprendizaje de los demás (ver, código fuente).

Cosas como esa hacen que el diseño web sea apasionante.

Más pero mejor explicado

• Design doing
• Understanding Web Design

Cuando hablamos de Apple lo primero que se nos viene a la cabeza es su capacidad de innovación, diseño, facilidad… pero creo que la principal como apunta Richard Ziade es su dedicación al diseño. Si no es así mirad su gama de productos iPod, MacBook, MacPro… o el esperado iPhone.

El artículo va más allá del diseño y encuentra 10 razones para el éxito de Apple.

Apple entiende la “experiencia total”

Define a Apple como una la empresa de la experiencia de uso. Une perfectamente el software y del hardware. Imagina tu iPod sin iTunes. Esta unión hace que no sean industrias separadas. Evitando esta separación Apple se centra en solucionar problemas de la industria.

“Menos es mas”

Es la “marca” de la casa. Todos sus interfaces tienen esa limpieza. La potencia está ahí pero se ha ocultado. Sólo se ven los botones necesarios. Ni uno más ni uno menos. Con menos, hay menor sitio para el error. Menos a digerir. Menos a aprender. Es decir acortar la trayectoria para disfrutarlo, para mejorar la experiencia de uso.

“Se parece a su padre”

Mirando los productos Apple, sus programas, su web… Casi todos los productos de Apple comparten características genéticas comunes. Y eso es importante. Por un lado la curva que aprendizaje se suaviza. Por otro se refuerza Apple como marca. Se puede comprar un producto de Apple que nunca habías visto antes. Y es más muchos diseños actuales de otras marcas poseen ese “look Apple” que será muy difícil perder.

Controla tu hardware

Steve Jobs dijo: Si deseas construir gran software, tienes que controlar el hardware. Para crear experiencias reales completas, necesitas tener en tu mano todos los pedazos del rompecabezas.

Oculta los tornillos

Ya es clásico en Apple. Apple fabrica sus aparatos con la sensación de ser todo menos un dispositivo de alta tecnología sino más bien cualquier otra que puedan encontrar en la naturaleza. Toma tu iPod. No tiene tornillos visibles. Ni siquiera sabemos como permanece unido. Ocultar la parte fea de la tecnología hace estos juguetes nos resulten más atractivos. La inspiración del diseño viene desde el mundo real.

Sensación y pensamiento. Diseño emocional

Diseño y funcionalidad ayuda a conectar el dispositivo con áreas en un nivel cognoscitivo. Apple va más allá. Sus productos carecen de ángulos rectos y de los tonos negros dominantes en este sector. Va hacia nuestras emociones y nuestro intelecto.

Un gran diseño = nueva invención

Lo reproductores MP3’s estaban en el mercado años antes del lanzamiento del iPod. Mientras que otros competían para engatusar de alguna manera a consumidores hacia esta nueva manera de llevar y escuchar la música, el iPod reajustó todo. iPod es, para la gran mayoría de gente, el verdadero precursor de los reproductores MP3’s. Apple entendió que el gran diseño puede tener un gran impacto a la hora de introducir un producto a las masas.

De los puntos enumerados se extraen verdaderas lecciones sobre diseño. Si pensamos qué hace a algo un gran diseño, ese algo es con lo que se conecta – emocionalmente, intelectual o ambos. Cuando conectan, es una gran sensación del logro y de la conexión con el creador.

Apple entiende este mejor que cualquier otra compañía en el mundo.

Y podemos todos aprender mucho de ellos.

Mejor lee el texto original

• 10 Things We Can Learn From Apple, desde basement.org