Siguiendo con la línea de describir algunas de las técnicas de diseño de interacción que utilizamos, ahora le toca el turno al rapid prototyping, acá algunos datos de utilidad que todos deberíamos de saber.

¿Qué es?

Es un método rápido para construir prototipos (Interfaces) tomando como base los hallazgos preliminares de investigación de usuario. Tiene la gran ventaja que en corto tiempo se puede explorar variedad de estructuras o propuestas antes de desarrollar el prototipo final.

¿Cómo se realiza?

Dependiendo del nivel de detalle se auxilia de técnicas como el Card Sorting (ordenamiento de tarjetas) o Paper Prototyping (prototipos de papel), que generan una aproximación entre contenido, estructura y función. Estos prototipos se recomienda probarlos con usuarios finales o expertos para su refinamiento.

Generalidades

En el rapid prototyping se desarrollan maquetas rápidas interactivas de los elementos fundamentales de la interfaz; con el fin de facilitar la interacción del usuario con las funcionalidad del sitio, aplicación o interfaz que estemos diseñando. Esto ayuda a poner a prueba las funcionalidades básicas del diseño antes de iniciar una etapa de desarrollo y programación. Al final es bueno usar prototipos rápidos para ahorrar en costos futuros de producción a veces irreversibles.

Ejemplo

Si necesitáramos crear una maqueta de un sitio para entender cómo el usuario navegaría en una interfaz que aún no ha sido creada, el rapid prototyping es un primer acercamiento para aterrizar el concepto, la estructura y los contenidos preliminares con la ventaja de poder hacer cambios sin que afecten en costos de programación o diseño final.

También es importante señalar que el equipo de diseño o incluso el cliente está más abierto al cambio cuando las cosas se encuentran a nivel prototipo que cuando se está en los procesos casi finales. Deberíamos incluir esta técnica en todos los proyectos que necesiten propuestas de estructura y contenido a nivel de interfaz.

Si se quiere una regla de oro capaz de satisfacer a todos, aquí la tiene: nunca hay que tener en casa nada que no se considere útil, o no se piense bello. WILLIAM MORRIS «The Beauty of Life» 1880.

Qué van a pensar de mi… que soy un poco emocional…

Hace algún tiempo me interesé en los aspectos emocionales del diseño y entonces hice algunas lecturas acerca de esto. Llegué a Donald Norman y su libro Emotional Design – Why we love (or hate) everyday things (el cual retomaré en un momento más para explicarme algunas cosas).

Después de hacer el recuento de algunos objetos que he comprado, me enfrento a una difícil realidad… me hecho de un par de objetos poco usables - entendiendo la usabilidad como la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico (ISO/IEC 9241).
Incómodo reconocerlo en público, pero así es, gasté mi dinero en objetos que en apariencia son bellos, pero en funcionalidad y facilidad de uso dejan mucho que desear. Sin embargo y a pesar de las críticas que pueda recibir, me hacen feliz y se los presento.

Por un lado tenemos… mi pequeño celular

Por otro lado tenemos… mi querido minicomponente

¡Solo de verlos aquí me vuelven a enamorar!, pero no solo de amor vive el hombre. Y es que aunque yo sea feliz con ellos, debo reconocer que tienen problemas de interacción destacables.

✩
Por un lado, el celular únicamente se desliza hacia el lado izquierdo y en ocasiones es complicado abrirlo. Ya tengo tiempo con él y aún me equivoco al manejarlo. Por otro lado… la pantalla no cambia su modo de visión al momento de rotar, lo que quiere decir que en algún momento la veo de cabeza si no giro el cuerpo del celular, como pueden ver hasta me resulta complicado explicarlo.

Y que decir de mi pequeño amigo de sonido… un menú complicado… pero aprendí a utilizarlo, finalmente no hace más que 3 cosas: reproducir CDs, cassettes y tocar la radio. Vean estos botones y díganme cuál hace qué. Y no les enseño el control remoto, porque ya no quiero exponerme más. Pero repito, ¡me enamoré!.

Donald Norman da una explicación que me parece útil y adecuada a esta situación.

¿Por qué respondo emocionalmente a los objetos?

Según Norman existen 3 aspectos que dirigen las emociones y el razonamiento y están presentes en todo diseño, solo que en diferentes proporciones.

1. Visceral Design /diseño visceral: Apariencia “Ohh, es brillante, moderno, diferente, está padrísimo”
2. Behavioral Design /diseño de comportamiento: El placer y efectividad de uso “Tiene una rueda que gira y con ella es fácil buscar información en el teléfono”
3. Reflective Design /diseño reflectivo: Auto-imagen, satisfacción personal, memorias -racionalización de un producto- “Ahora que tengo este celular, seguramente soy considerada muy cool” (solo por poner un ejemplo, ja ja…).

El nivel visceral se encuentra antes de la razón y el pensamiento. Es aquí donde la apariencia importa y las primeras impresiones son formadas. Es el impacto inicial del producto, acerca de su apariencia, touch and feel.

El nivel behavioral tiene que ver con la experiencia que tiene el usuario con un producto. La experiencia por sí misma tiene varias facetas:

• Función: qué actividades hace (toca música, tiene cámara, altavoz, etc.)
• Performance: desempeño (qué tan bien el producto desempeña las funciones deseadas)
• Usabilidad: facilidad de uso (que tan fácil puede el usuario entender como funciona y como ponerlo a funcionar)

En el nivel reflectivo existe tanto lo consciente como los altos niveles de sentimientos (la interpretación, el entendimiento y el razonamiento se encuentran en este nivel).
Por otro lado, Norman dice que hay una distinción entre los 3 niveles: el tiempo.

Los niveles visceral y behavioral ocurren en el “ahora”. Son tus experiencias y sentimientos mientras ves o usas el producto. Y el nivel reflectivo se extiende más allá del “ahora”, debido a que a través de la reflexión recuerdas el pasado y contemplas el futuro, sentimientos de satisfacción producida por poseer, ver y usar un producto.

Dentro de este nivel se encuentra localizada la auto-identidad, en donde el individuo se siente orgulloso o no de poseer el producto. Es una relación a largo plazo usuario-producto (los valores emocionales que el usuario le imprime al producto).

En el nivel reflectivo podemos encontrar frases como “Me gusta contarle a la gente, como funciona cada característica” “Me hace sonreír, qué mas da si es un poco difícil de usar”.

¡Y aquí viene la respuesta que buscaba!

Un diseño atractivo no es necesariamente el más eficiente, y no todos los diseños usables se disfrutan al ser utilizados.

Por lo explicado anteriormente el diseñador que desea satisfacer las necesidades del consumidor, tendrá que pensar en qué nivel va a diseñar, ya que no todos los diseños pueden cubrir de forma equilibrada los 3 niveles porque cada diseño está enfocado a diferentes usuarios (consumidores) y distintas necesidades.

Muchas veces los libros tienen información atrasada y menos relevante que cuando empezó hacer escrito. Por ejemplo, la idea de escribir un libro ocurre en el 2004, en lo que se escribe y edita el libro que contiene esta idea ya es el año 2006, y sólo sale en venta hasta finales del 2007. Entonces cuando tú compras este libro en el 2008 esa idea ya no es relevante ya que data más de hace cuatro años. El punto aquí es que uno aprende en el momento, y ese momento es cuando trabajas. Claro, yo he leído distintos libros y revistas sobre interacción que me pueden orientar en mi trabajo pero no fue hasta que realmente aplique estas técnicas y métodos en mí profesión que realmente supe la relevancia de estas técnicas. Es por eso que quisiera compartirles una de estas experiencias que pase por mi corta estancia aquí en in/situm, en donde aprendí el significado que es trabajar como diseñador de interacción.

El nombre del cliente no lo voy a revelar, pero creo que algunos de los que lea este post tendrán una muy clara idea a quien me refiero. Ahora me da gracia, pero en el momento fue de suma importancia por que me di cuenta de cómo no quiero ser como profesional. Lo curioso es que esta vez yo no estaba de lado de los que iban a diseñar el producto final. Yo estaba acostumbrado a que me repitieran en la Universidad que en esta profesión como diseñador mis peores enemigos suelen ser los ingenieros, programadores y los de mercadotecnia, pero esta vez resultaron siendo los de mi misma profesión.

De hecho, cuando yo fui entrevistado para trabajar en in/situm me preguntaron que si a mi solo me importaba la apariencia final o visual de un producto. En ese momento no entendía la naturaleza de ese tipo de pregunta, ya que yo tenía entendido que la función de un diseñador era esa misma, pero no entendí por que debería ser vista como algo negativo. No fue hasta mi primera presentación con el cliente que realmente entendí el significado de esta pregunta. La propuesta del proyecto en el que estuve involucrado era sobre arquitectura de información y diseño de interfaces touchscreen.

El día de nuestra presentación tuvimos la grata sorpresa de conocer al equipo de diseñadores gráficos encargados de rediseñar la navegación de esta interfaz. Cuando nosotros presentamos la nueva propuesta de arquitectura de información creada a base de las distintas observaciones y opiniones que se hicieron durante la investigación cualitativa desde el punto de vista de los usuarios, como diría Seth, cierta polémica se desató. Y es que los señores diseñadores sólo se limitaban en preocuparse por el color que iba a ser la pantalla de fondo. Fue en ese instante que no pude creer lo que veía, como estas personas sólo se podían preocupar en los detalles mínimos e irrelevantes. Y así fue, durante toda la reunión que tuvimos con ellos sólo se podían percatar de detalles que tenían una importancia secundaria, como por ejemplo el tamaño de los botones, cuando en realidad deberían de preocuparse por la jerarquía de los botones. Ya que definiendo la jerarquía de los botones, se puede sacar el tamaño de cada uno.

Otro ejemplo, es el tipo de teclado que se debe de utilizar en este tipo de interfaces. Los diseñadores optaban por un teclado estilo QWERTY, cuando en realidad la mayoría de los usuarios de estas interfaces nunca han utilizado una computadora, y mucho menos las otras funciones que se encuentran en un teclado de computadora. De hecho algunas de las personas que tuvimos la oportunidad de entrevistar apenas y sabían leer bien. Para no hacerles el cuento largo y tenerles que contar todas las incoherencias de estas personas poco profesional, que aparte de ser diseñadores necios…también eran malos.

Quisiera enfocarme en el significado que marco esta experiencia en mi vida profesional. Es por eso que la pregunta que se me hizo en la entrevista fue de tanta importancia, ya que yo siempre estado interesado por el proceso de diseño que va detrás del producto final en lugar de la apariencia final, y creía que la mayoría de los diseñadores pensaban de esta misma forma, pero ya veo que no es cierto. Creo que esta experiencia fue una muy buena prueba de lo que es diseñar a base de una investigación y un proceso, en lugar de basarse en “estándares” internacionales que cualquiera se puede inventar, como lo hicieron nuestros queridos diseñadores.

Para concluir, quisiera reiterar que lo más importante que aprendí durante mi corta estancia en in/situm fue a valorar el proceso que existe detrás de un proyecto y la importancia que este tiene para poder justificar el resultado final. Les agradezco a todos mis compañeros de trabajo en in/situm que me ayudaron a crecer profesionalmente y como persona, pero sobre todo por los momentos inolvidables que valoraré para el resto de mi vida.

P.D.: Para mayor información sobre este proyecto en el que trabaje contacten a Seth:)

En Minalab nos dimos a la tarea de recabar todas aquellos organizaciones o blogs que consultamos día a día y que nos permiten tener una perspectiva más amplia de todo lo que ocurre alrededor de estos campos de estudio. Esperamos que les sea de utilidad.

Louis Rosenfeld
Louis Rosenfeld es un prestigioso investigador en el campo de la Arquitectura de Información, en su pagina encontraremos las ultimas 5 presentaciones de sus conferencias, donde nos hablara desde sistemas de busqueda que mejoran la experiencia del usuario hasta la razón por la cual la mayoría de los rediseños en sitios web mueren en el proceso.

Game Structure
La Universidad abierta de Cataluña, Crea algo llama “Game Structure” donde nos muestra a través de ejemplos los 4 pasos que consideran escenciales (con todo y referencias descargables), para hacer diseño centrado en el usuario.

Universidad Autonoma de Ciudad Juarez
La Universidad Autonoma de Ciudad Juarez nos trae una guía sobre diseño de proyectos web usables y los factores o elementos que deben de tomarse en cuenta.

Usolab blog
Usolab es una consultora de usabilidad y diseño centrado en el usuario con una marcada experiencia en el ambito que esta patente en el blog de la empresa.

Principios de diseño de interacción.
Galinus es un estudio de diseño Web, consultoría en usabilidad y comunicación en internet. Se encargo de traducir el artículo de Bruce Tognazzini “Principios del diseño de interacción”, donde describe los principios fundamentales para el diseño y implementacion de interfaces gráficas efectivas.

Experiencia de usuario
No Solo Usabilidad Journal, nos trae un artículo escrito por Yusef Hassan Montero y Francisco J. Martín Fernández ambos miembros de la Universidad de Granada, donde nos explican de donde proviene y que factores intervienen en la experiencia usuario.

Evolucy: artículos sobre usabilidad
Evolucy es una consultora tecnológica independiente, que se especializa en usabilidad, diseño y desarrollo de aplicaciones, dentro de sus clientes se encuentran Mitsubishi, Grupo Planeta, Hewlett Packard, Terra, Telefonica, entre otros.

Wells Fargo es una compañía que ofrece servicios del sector financiero, principalmente bancarios, con más de 6,000 sucursales en Estados Unidos y Norteamérica. Este artículo habla del trabajo que realizó Pentagram en un nuevo diseño de interfaz táctil (touchscreen) para sus 7,000 ATM´s.

El artículo documenta el proceso que se centró principalmente en mejorar la experiencia del usuario, a través del diseño de interacción y visual, muy interesante, si quieren leerlo aquí esta la liga:

Ver artículo completo

Los wireframes combinados con mapas de sitio, son las herramientas básicas de arquitectura de información, ya que combinan la estructura general del sitio y los requerimientos de contenido y estructura de cada página, lo que lleva a hacer más funcional la toma de decisiones y la planeación de un sito.

El desarrollo de wireframes hace que los creadores y clientes piensen y planeen la funcionalidad del sitio desde las primeras etapas de desarrollo, lo que reduce los cambios en las siguientes etapas y con esto costos.

Para ver cómo son desarrollados y algunos ejemplos:

Ver artículo completo

Recursos prediseñados para wireframes