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.

Descargar artículo en PDF (2.8MB(: Insitum articulo – Diseño estratégico

Es una pequeña empapada de nuestra dinámica de trabajo con un enfoque hacia design thinking.

No es todo lo que hace insitum pero es un buen caso de qué otros enfoques se le pueden dar al diseño. Existen muchos estudiantes de diseño que se desaniman porque ven el campo laboral muy saturado y sienten que su profesión es devaluada en el campo laboral, pero tienen que ver que no todo es imagen corporativa y trabajar en las grandes agencias de publicidad, existen ramas del diseño poco exploradas que necesita de muchos profesionales con un enfoque centrado en investigació de usuario, diseño e innovación.

Incluso dejo puerta abierta para que la gente interesada en venir a una entrevista de trabajo, nos mande su CV a integracion (arroba) insitum.com y revisemos su caso.

¡Anímense!

Dirk Knemeyer: Richard, what is the most important challenge facing the design industry right now?

Richard Saul Wurman: What it is, what it has been, what it always will be – is to do good work. That expression comes from an interview with Mies van der Rohe done late in his life. In the end, all I am ever trying to do with every project I do is to do good work. Not for fame, fortune or money. Just really to do something good. Something that is true at that moment to myself and as good as I can do at that moment. Not in the academic sense where you try to make something so perfect that you never do anything. Not the same quest for perfection, which is a very self-conscious thing. Many of the people I speak with are really serving other Gods: the God of Beauty, the God of Style, the God of Swiss Graphics, the Poster God, the God of Money, Success, Fame, Fortune, and yet there is only one God that I serve and that is the God of Understanding. If you serve that God, all the others will be taken care of. My quote is: “The only way to communicate is to understand what it is like not to understand.” It is at that moment that you can make something understandable.

Ver toda la entrevista: Richard Saul Wurman: The InfoDesign interview

Las nuevas tecnologías en cuestión de móviles, y la reducción de precios en la transeferencia de datos, hacen que día con día aproximadamente 80 millones de personas naveguen en internet desde sus teléfonos celulares. Una cifra tan impresionante no puede ser ignorada por las grandes empresas las cuales buscan, cada vez más, crear contenidos que puedan ser visualizados en estos dispositivos.

Hay muchas cosas que debemos tener en cuenta cuando diseñamos para móviles, desde la limitante en la cantidad de datos que podemos envíar, el uso de imágenes, tamaños de texto, y es necesario que nos demos cuenta que la experiencia de usuario es totalmente diferente a cuando estamos frente a una computadora sin importar que tanta capacidad multimedia tenga el teléfono en cuestión.

Soy diseñador web ¿Cómo diseño para móviles?.

Rachel Hinman, quien trabaja en Adaptative Path como mobile design strategist, nos responde muchas de nuestras dudas en la presentación que hizo sobre el diseño para móviles y que tiene todo para convertirse en un punto de referencia en este tema, que lo disfruten.

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.

Problemática y objetivo general:

Día con día en la empresa se tiene contacto con personas que nos ayudan en nuestras investigaciones (es decir: participantes). Sin embargo sus datos siempre parcen perderse en el olvido o en la parte inferior de nuestro release form, lo cual dificulta volver a contactarlos para futuras investigaciones.

Por esa razón, como primer paso para resolver este problema, se propone estructurar un formulario mediante principios de diseño de información para anotar los datos de personas que participen en las investigaciones; con el fin de que puedan ser contactadas posteriormente para futuros proyectos.

Objetivos específicos:

1. Generar un layout o plantilla, que pueda ser imprimible, que solicite los datos necesarios del participante tanto de información de contacto como de segmentación del participante.

2. Diseñar un texto que comunique claramente que el participante está de acuerdo en ser contactado para realizar futuras investigaciones con la empresa.

Otros datos:

• El formulario deberá ser realizado únicamente en hoja carta.
• Se deberá poder llenar a mano.
• En este momento no nos meteremos con formatos en línea. Eso ya es otra cosa.
• No se pueden usar imágenes o ilustraciones.
• Sólo usar negro o escala de grises.

¿Cuando se entrega?

• Hasta el miércoles 18 jueves 19 de junio. Tal vez los busque uno por uno para no interferir tanto con sus actividades. Eso de estar todos juntitos para revisar cosas rápidas no es mi hit.
• Igualmente revisaremos los resultados de todos en la sesión del curso de diseño de interfaces (que aún sabemos cuándo será).

Material de referencia o inspiración

El diseño de información: definir al hacer – David Sless (PDF – 1.28MB)

Between text and illustration. Este texto tal vez no les ayude tanto para este ejercicio ya que no se usarán imágenes, pero hay que tenerlo presente.

Los veo el miércoles jueves con lo que puedan aportar al ejercicio.

El título de esta entrada no es una pregunta, sino un hecho de lo que hoy en día hacemos los diseñadores, o por lo menos se intenta: diseñar para la experiencia.

Les comparto una presentación que tenía algo empolvada en mi bandeja de entrada, de hecho me la envió Roberto hace ya un rato. A Paty y Lau creo que alguna vez se las envié pero la comparto por aquí. Es una presentación hecha por Nathan Shedroff que dio en Argentina en el 2006.

Está inspiradora, no me imagino cómo salieron los que pudieron asistir a la plática. Del mismo modo, tiene algunos modelos que podríamos utilizar, el más conocido de todos es el que nos enseñaron en la universidad y que esquematiza la filosofía del diseñador de información.

Cuando tengan un rato le dan una vuelta. Y si están deprimidos y quieran dejar de ser diseñadores y dedicarse a los negocios piramidales, creo que primero deben de leer esto (obviamente no es nuestro caso).

Creating Meaningful Experiences (PDF – 4.7MB)

Nota: No se olviden de leer las otras lecturas.

Para los que me conocen les va a sonar muy familiar toda esta cuestión… de allá vengo, que le vamos a hacer…

Ver archivo:

designing-for-interaction