Hace unos días fuimos el equipo de diseño interacción a presentar un proyecto final con nuestro cliente. Era una propuesta de arquitectura de información y diseño de interfaces touchscreen. En esta presentación nos encontramos con el equipo de diseño gráfico y desarrollo quienes al observar que nuestra propuesta no presentaba (o no pretendía recomendar) iconos o imágenes que acompañaran la navegación, hizo que se generara cierta polémica.

Por acá les comparto algunas recomendaciones que creo se deben tomar en cuenta cuando diseñamos interfaces para medios no tradicionales.

Para empezar…

En nuestra investigación de usuario detectamos que el uso de nuestra interfaz se dirigía a gente que sabía leer y que tenía poco apego a la tecnología. Es decir, podían leer instrucciones sencillas y habían usado alguna computadora para tareas básicas (pero siempre con la ayuda de algún familiar o amigo). Sin embargo pese a esos hallazgos el equipo de diseño de nuestro cliente pedía que la interfaz pudiera ser entendida por gente analfabeta (primer error) y que utilizara un teclado en pantalla estándar (ejemplo: QWERTY) para introducir datos (segundo error). Lo cual sonaría lógico de primera impresión, pero tras hacer pruebas con usuarios reales solo haría que nuestra interfaz fracasara tanto para el público deseado como para el usuario real.

Al final me dio la impresión que el equipo de diseño, antes de crear nuevos lineamientos para este tipo de interfaces en su manual de identidad corporativa, hará cambios a nuestra propuesta (tercer error).

Por estas razones recomendaría lo siguiente a todos los equipos de diseño y desarrollo interesados por mantener estándares gráficos y efectivos en todos sus medios o canales de comunicación:

Observa a tus usuarios finales

Ahórrense horas y horas de discusión hipotética entre diseñadores, creativos, directivos, etc. Mejor aprovechen ese tiempo para observar e interactuar con sus usuarios finales, ellos les dirán lo que necesitan. Y ustedes les facilitarán el medio y la tecnología.

Evita decorar interfaces

Es cierto que las imágenes, iconos e ilustraciones son de mucha ayuda para comunicar mensajes, pero empieza por lo básico: jerarquía de información, depuración de datos, diagramas de flujo, estructuración de contenidos, redacción de textos. A muchos no les gustan esas fases del proceso, pero eso también es diseñar. De hecho esto no sólo aplica para cuestiones de diseño de interfaces sino a cualquier proceso de diseño.

Contextualiza

Siempre ubica tu solución de diseño en su contexto o entorno real, no solo en tu computadora, en tu despacho o en la oficina del cliente. Igualmente contextualizar está ligado a comparar tu solución con productos con atributos semejantes; no es lo mismo diseñar iconos para las terminales del metro (un medio de transporte), que iconos para interfaces touchscreen.

Los manuales de identidad deben estar en constante cambio

Tal vez el manual de identidad de tu empresa nunca contempló que la internet nacería y mucho menos que las interfaces touchscreen serían utilizadas dentro de los canales de comunicación con sus clientes o usuarios. Si la empresa en la que trabajas usa esas tecnologías, no dejes que los lineamientos de diseño editorial rijan esos canales, si eso llega pasar, el fracaso será evidente y adivina a quién le echarán la culpa.

No diseñes para todo el mundo

Diseña para tus usuarios finales reales. Hacer que nuestro diseño pueda ser usado y entendido por TODOS no siempre es el mejor camino, pero si un camino rápido para que tu interfaz fracase.

Estos son algunos puntos que me vinieron a la mente que debemos tomar en cuanta para el diseño de interfaces efectivas. Muy generales porque tampoco pretendo hacer toda una lista de criterios, al mero estilo de evaluación heurística, pero creo que antes de seguir lineamientos de usabilidad, se debe comprender el por qué se hacen las cosas y con qué finalidad.

¡Saludos!

Una de las cosas que más flojera nos da hacer es poner orden a las cosas. Ordenar nuestro cuarto, ordenar nuestro espacio de trabajo, nuestras carpetas del escritorio, la ropa limpia después de traerla de la lavandería, etc. En la mayoría de estos casos podemos salir victoriosos y seguir bajo esa dinámica del “desorden ordenado”, pero llega un momento en que todo diseñador deberá poner tan solo un poquito de orden a todo ese caos para que otros seres humanos se puedan comunicar con uno.

En este post les comparto algunas fotos de cómo en el trabajo no las ingeniamos para organizar grandes cantidades de datos que a simple vista se traducen en hojas y hojas de cosas que a veces no nos interesan enteramente, pero que debemos entender antes de poder entrar a ese “proceso creativo” que tanto nos gusta a todos.

Conexiones de datos

Usar áreas espaciosas para poder visualizar grandes cantidades de datos es muy recomendable. En el trabajo nos auxiliamos mucho de corchos para pegar y despegar papeles, moverlos y establecer conexiones. Esto mismo se puede hacer de manera digital, pero a veces es muy útil poder tocar la información, verla en un mismo lugar sin necesidad de abrir algún software o archivo específico.

(Arriba, corcho antes de empezar a jugar con los datos)

(Arriba, acercamiento de cómo quedó el corcho después jugar con los datos)

La alternativa de los Post its

También los dichosos post its son altamente útiles. En una ocasión teníamos encima una entrega de un desarrollo web. Éramos muchas personas trabajando y cada quien con tareas específicas. A pesar de que íbamos terminando muchas cosas no veíamos avance, siempre salían nuevas cosas por hacer y todo parecía ser importante, sentíamos venir la noche.

(Arriba, el pizarrón dividido por bloques de prioridades, cuando terminábamos una tarea pasábamos el post it a la derecha)

Para resolver esto dividimos un pizarrón en bloques en donde pusimos la prioridad de las actividades que teníamos que hacer, aran algo como:

• No importa tanto: Ahí colocábamos lo que según nosotros podia esperar.
• La podemos librar: Tareas relevantes pero que no nos quitában el sueño.
• Críticos mortales: Creo que no tengo que explicar este punto.

Y en la parte superior estaban las iniciales de cada uno de los miembros del equipo. De esta forma podíamos ver todos qué estaba haciendo cada quién y la prioridad de las tareas por persona, ningún software súper especializado, sólo un pizarrón y post its.

Cabe destacar que para tener la moral en alto colocábamos las tareas finalizadas en otra parte del pizarrón para visualizar todo lo que ya habíamos hecho. En otras palabras: sentir que sí había avance y para que los jefes visualizaran que sí estábamos trabajando ja.

Busca tu método

En fin, cada persona tiene sus métodos muy particulares para visualizar datos y que estos datos ayuden a que el producto de diseño realmente esté sustentado por un proceso. El proceso creativo no sólo es sentarse y esperar la iluminación. Por otro lado, también vale destacar que el resaltar la información con colores crea anclas visuales bastante cómodas para nuestra vista y ánalisis.

En lo particular me gusta realizar este tipo de cosas, hacer que el proceso te vaya llevando a un resultado final no forzado es bastante gratificante e incluso relajante.

¿Y tú cómo ordenas tus ideas?

Nota: No crean que se me ha olvidado lo del Blogmic Anual, acá les pasó una foto con un avance del último escenario: