1. Ayudar a las personas a conectar con lo que van a explorar, a entender el contexto y significado de lo que están a punto de aprender.
   
   
2. Involucrar a las personas en un proceso donde creen un producto conectado a los objetivos de la exploración, incluyendo sus propios conocimientos y reflexiones, así como también sus propias habilidades creativas.
   
   
3. Ayudar a las personas a reflexionar sobre lo que han creado y a profundizar en sus propias reflexiones sobre su producto, en orden de hacerles conscientes del resultado de sus exploraciones.
   
   
4. Permitir que las personas tengan la oportunidad de conectar el conocimiento que acaban de adquirir en nuevas exploraciones que deseen perseguir.
   
   

Ω

Introducción

Los principios de diseño son lineamientos contra los cuales podremos orientar o corregir el curso del trabajo de diseño, pueden llegar a abarcar desde las primeras etapas de conceptualización hasta el control de calidad final; seguir un conjunto de principios claros prevendrá la toma de pobres decisiones de diseño que pueden debilitar o dañar la usabilidad del producto o servicio en el que estemos trabajando.

Se caracterizan por tener una formula amplia, sencilla y flexible, con un rol que se aleja de la rigidez impositiva y proporciona un ámbito en el cual se puede crear, evaluar, probar, desarrollar ideas y conceptos, al mismo tiempo son lo suficientemente específicos como para permitirnos juzgar y evaluar cada decisión de diseño para determinar si lleva el trabajo en la dirección deseada.

Articulación de algunos principios de diseño

Todo principio responde a algún aspecto de la percepción y/o psicología humana, seguirlos nos dá un buen margen de garantía de que estamos trabajando en la dirección correcta cuando se diseñen interfaces basadas en la forma en la que trabaja, juega o disfrutan las personas.

Esto ayudará a alejarnos de diseñar interfaces complejas, poco atractivas e ilógicas.

Entre los varios principios de diseños que podemos considerar tenemos:

• Windows UX Design Principles
• Google User Experience
• Apple Human Interface Principles

Por considerarlos bastante sencillos, poco numerosos, amplios y a la vez específicos en su interpretación y alcance he decidido presentar y comentar los de Apple:

I. Integridad Estética:

“La integridad estética no es una medida de que tan hermosa es la interfaz de una aplicación. Es la medida en la que la apariencia de una aplicación se integra con su función.”

No basta con tener pocos o muchos botones en la interfaz, ni con que estos se vean bien y sean “bonitos”; estos botones – su diseño y función – deben responder a la persona, a la interacción y a la aplicación completa como parte de un todo, un conjunto que está pensado específicamente para sacar provecho de la interfaz a través de interacciones y controles de apariencia estéticamente agradable y fácilmente reconocible.

II. Consistencia:

“La consistencia en la interfaz permite a las personas transferir sus conocimientos y habilidades de una aplicación a otra. Una aplicación consistente no es una copia exacta de otras aplicaciones. En cambio, es una  aplicación que toma ventaja de los estándares y paradigmas con las que las personas se sienten confortables”.

La consistencia esta fuertemente relacionada con patrones de diseño ofrecidos y utilizados en otras aplicaciones existentes; estos patrones ya se encuentran probados con los modelos mentales de la personas, igualmente las interacciones para determinadas acciones probablemente ya están internalizadas y no es necesario que la persona aprenda otras nuevos para realizar tareas que bien podría llevar a cabo con sus conocimientos.

La consistencia también tiene que ver con otros dos principios: manipulación directa y metáforas, a la vez que tiene mucha relación con lo “intuible” y “usable” que puede resultar una interfaz.

III. Manipulación directa

“Cuando las personas manipulan directamente objetos en pantalla en vez de utilizar controles separados para manipularlos, se encuentran más identificados con la tarea que realizan y entienden más fácilmente los  resultados de sus acciones”.

Este principio esta estrechamente relacionado con los conocimientos que ya tiene la persona sobre la utilización de interacciones conocidas, sobre el comportamiento esperado de controles en pantalla, de las metáforas empleadas en la interfaz y los resultados de las acciones que su uso desencadena.

IV. Feedback

“El feedback confirma las acciones de las personas y les notifica que un proceso está ocurriendo. Las personas  esperan feedback inmediato cuando operan un control y aprecian actualizaciones de estado durante  operaciones de larga duración”

Todo control accionable por el usuario a través de cualquier gesto soportado debe responder de forma inmediata a su activación, por ejemplo: a través de algún cambio perceptible en su apariencia. Puede haber varias formas de dar feedback a la persona, sin embargo la principal es la visual y como apoyo se utiliza el sonido o el tácto.

Nota: hasta ahora el diseño de interfaces táctiles no tratan casi nunca de lo que se siente a través del tacto (excepto en interfaces con soporte háptico http://en.wikipedia.org/wiki/Haptic_technology) si no de lo que se percibe a través de la vista y que puede complementarse a través del oído, el aspecto del feedback visual es sumamente importante y debe dársele la atención adecuada a toda la casuística que puede generarse en los eventos desencadenados por gestos de los usuarios en la interfaz tactíl.

V. Metáforas

“Cuando los objetos virtuales y las acciones en aplicaciones son metáforas de objetos y acciones en el mundo  real, las personas rápidamente entienden como utilizar la aplicación. El ejemplo clásico de es una Carpeta: las personas colocan cosas en carpetas el mundo real, así que inmediatamente entienden la idea de colocar archivos en carpetas en un computador.”

Este principio puede explotarse de forma directa utilizando gestos en interfaces táctiles: tocar, arrastrar, pellizcar, manipular objetos permite amplia libertad creativa en el uso de controles en interfaces y comportamiento de sus interacciones. Está relacionado con el principio de manipulación directa, los usuarios que encuentren metáforas conocidas en los controles intentarán reutilizar sus conocimientos, esto es ayuda a que una interfaz sea intuible.

VI. Control del Usuario

“Deben ser las personas y nos las aplicaciones quienes inicien y controles las acciones, a pesar de que una  aplicación pueda sugerir un curso de acción o advertir sobre las consecuencias de alguna acción”.

La aplicación de este principio es sencillo: si las acciones son simples y directas las personas pueden fácilmente entenderlas y recordarlas. Probablemente este es el principio sanitario más difícil de cuidar, ya que no esta representado exclusivamente por un aspecto de la interfaz, si no por todo el diseño de la interacción en general.

Conclusiones:

Cada principio puede interpretarse de forma independiente por cada persona que los utilice, y aún así se podrá alcanzar un conjunto común de conclusiones que constituirán la fundación sobre la cual se juzga y construye todo diseño de experiencias de usuario.

La formulación de estos principios depende del producto o servicio en el que estemos trabajando, de nuestra metodología de trabajo, de gustos estéticos o incluso de la escuela de diseño por la que podamos sentir alguna predilección; por ejemplo los “diez principios del buen diseño” de Dieter Rams son lo suficientemente amplios como para aplicarlos en entornos digitales, sin embargo suelen utilizarse pensando en el diseño de edificaciones, mobiliarios, espacios y enseres útiles, todos con presencia física.

La escogencia de los principios de diseño para el desarrollo de un producto / servicio depende de (y a la vez contribuye con) la metodología de trabajo que se utilizaría para la creación del mismo.

Independientemente e invariablemente de los que escojamos o formulemos, estos principios siempre estarán basados en la cognición, percepción y psicología humana, de forma que servirán de guía en el momento de tener que divisar soluciones en las cuales no contemos con patrones conocidos, casos de estudios anteriores, o marcos de trabajo establecidos.

Ω

Hay algo poderoso – directo y a la vez sutil – en las historias de ciencia ficción donde no aparecen ingenios tecnológicos abstractos. Sin pantallas, computadores, sin robots, sin hologramas, sin los artificios de inteligencias artificiales; cuentos de humanidad, de concretitud y presencia física, mil veces más fascinantes que la virtualidad digital. Son tan sutiles que estamos hechos de lo mismo que esas historias: mente y cuerpo.

Yo.

Estoy pensando sobre mi trabajo y un proyecto que tengo en mente; sobre el aquí y ahora, el aquí y el después. Sobre el uso de interfaces analógicas en vez del uso de las digitales. De lo que comunica de forma visible e invisible.

Ω

La historia de las tecnologías táctiles o multi-touch se remontan a aproximadamente 25 años atrás, tanto como 1984 (Lee, Buxton & Smith, 1985) o antes, ya encontrándose la definición del gesto pinch en el año 1983 por Wayne Westerman de FingerWorks, una compañia adquirida por apple en 2005. (Westerman, Wayne, 1999, Hand Tracking,Finger Identification, and Chordic Manipulation on a Multi-Touch Surface)

La verdadera historia del multi-touch empieza con los teclados físicos, antepasados a los que usamos en la mayoría de nuestros ordenadores, dispositivos mecánicos que ofrecen combinación de teclas para la activación de modos de introducción de información (Shift, Alt, Control, Fn, etc.) o de operación del ordenador.

Sin embargo la verdadera aplicación de la tecnología sobre pantallas se remonta a 1972 con la terminal PLATO IV Screen Terminal en la Universidad de Illinois; las investigaciones se iniciaron sobre la segunda mitad de 1960 y para 1971 ya existía cierta información disponible sobre los prototipos, sensibles al tacto y ninguno sensible a la presión (en contraste con el teclado físico).

El desarrollo de la robótica jugó un papel importante sobre el crecimiento del área, los sensores táctiles desarrollados para poder determinar formas, orientación e incluso presión llegan a datar de 1981 (Wolfed, Jeffrey, 1981 Real Time Control of a Robot Tacticle Sensor) y llegaron a evolucionar hasta las pantallas multi táctiles (no tabletas) que utilizaban una matriz de sensores capacitivos superpuestos sobre una CRT, llegando a ofrecer buenos tiempos de respuesta en la manipulación de objetos gráficos.

Cercanos al año 1990 se lanzan los primeros prototipos de realidad aumentada, es destacable el Digital desk de Pierre Wellner, desarrollado en Cambridge, consistía en un proyector sobre un escritorio que utilizaba técnicas óptico-acústicas para determinar la posición de manos y dedos, así como la posición de determinados objetos, en particular controles e información en hojas de papel. Se demostraron conceptos como el escalado utilizando 2 dedos y el desplazamiento de objetos gráficos, entre otros. También cercanos en el tiempo (1992) la empresa japonesa Wacom lanza una serie de tabletas digitalizadores, permitían determinar la posición de un stylus, su presión sobre la superficie, grado de inclinación, etc.

Más recientemente la Universidad de Toronto (2003) publicó varios papers con técnicas para el uso de múltiples dedos, múltiples manos y múltiples usuarios en un único sistema (Mike Wu, Mike & Balakrishnan, Ravin, 2003. Multi-Finger and Whole Hand Gestural Interaction Techniques for Multi- User Tabletop Displays. CHI Letters). También Microsoft dió muestras públicas de estar trabajando en el área tan temprano como 2004 con TouchLight (Wilson, Andy), un sistema con pantalla táctil que empleaba un sistema de cámaras, retroproyección y procesamiento de imágenes que transformaba una pantalla de plástico acrílico en una superficie preparada para la interacción gestual.

En el año 2007 se lanzó el iPhone de Apple, teléfono móvil que incluye una interfaz táctil, con un diseño industrial destacable y una interacción gestual integrada de forma limpia en el sistema. Las primeras versiones empleaban gestos multi táctiles de forma limitada, por ejemplo el pinching (introducido por Krueger) sobre una foto o mapa para hacer zoom dentro o fuera de los mismos. También en el mismo año Microsoft dió a conocer Surface Computing como una mesa de superficie interactiva, capaz de determinar la posición de múltiples dedos y manos, de identificar varios objetos y su posición sobre la mesa. Muestra una imagen proyectada por un retroproyector y la interacción con los usuarios es capturada a través de cámaras, constituye uno de los más claros indicadores de la transición de la tecnología multitouch desde el mundo de la investigación al del desarrollo y producción tras la creación de aplicaciones comerciales para el dispositivo.

Continuará…

Más información en Wikipedia

Ω

La primera sesión consistió en una exploración del website para reunir hechos relevantes para el diseño, exponiendo comportamientos e interacciones deseados y no deseados, funcionalidades, diseño, arquitectura, etc. La información recogida fue crucial para lograr que los responsables de negocio  – Operaciones, Marketing/Contenidos, Comercial y Tecnología – aclarasen sus diferencias y encontrasen una visión común sobre el rediseño del website.

La segunda sesión estuvo compuesta por un “desnudo” de todas las funcionalidades del negocio (servicio) presentes en el website, dejando una lista de las cosas más simples y básicas que el servicio necesita para operar, una lista de “que no puede no hacer el negocio para poder seguir funcionando” ; posteriormente estas funcionalidades esenciales fueron expandidas hasta cumplir con las necesidades reales y los requerimientos del negocio, de esta forma una lista detallada de “must-have” (y “nice to have”) fué obtenida por los representantes de Club Santa Mónica y por mi como diseñador y facilitador del taller.

Como resultado realicé y entregué un informe, compuesto por: metodología utilizada, fotos del proceso, lista de insights sobre cada sección de acuerdo a funcionalidades, arquitectura de información, diseño de interacción y diseño web.

Después de entregar el Informe del taller hice los primeros Wireframes y el primer acercamiento a un nuevo diseño visual, ambos pueden ser vistos en Behance.net

Ω

A pesar de estar un poco oxidado, construí el prototipo inicial de una idea que tengo en la cabeza desde hace años (literalmente) en menos de 20 horas de trabajo no continuo, y sin conocer más que lo que traía como conocimientos de mis época de cafeíno-junkie-programador.

Con Rails puedo reducir drásticamente el tiempo entre concepción de la idea + diseño y la creación de un prototipo funcional básico… podré iterar con mayor rapidez, eso me contenta y sirve de motivo para animarme a continuar con otros proyectos que tengo en papel

Para mi aprendizaje:

• Ruby on Rails 3 Essential Training por Kevin Skoglund en Lynda.com, ¡recomendado!
• Ruby User’s Guide por Mark Slagell
• Railscasts screentcasts por Ryan Bates

Adicionalmente:

• Ruby on Rails API
• Getting Started with Rails en Ruby on Rails Guides
• Rails for Zombies

Ω

Ω

En mi opinión: No, menos es menos y más es más; medir el rendimiento, perdida o ganancia (¿?) por un un criterio directo pero no determinante o únicamente por un puñado de indicadores indirectos es engañoso; misleading diríamos en inglés.

Veamos, hoy día trabajar para la Web no requiere de habilidades al borde de la tecnología, eso ya es viejo; las bases no han cambiado mucho desde que los estándares tecnológicos fueron formulados y adoptados, esto incluye la mayoría de los fundamentos para el Diseño y muchos lineamientos para la Usabilidad (2003, Jakob Nielsen). Para lograr una venta no es necesario inventarse Frankensteins de Diseño Web + Marketing + UX + Programación + Carpintería + Usabilidad + Arq. de Información + ROI + SEO + CEO + SEM + WWF + MTV+ CTO + PHP + Pajaritos Preñados + Nubes que van en retroceso. Eso es un pasticho que se usa con intenciones de cazar al primer incauto que acceda a convertirse en cliente.

Mejor no vender lo que no es: si se habla de que con menos elementos en pantalla va a haber más ganancia, entonces mejor decirlo como en verdad sucede: menos elementos es menos ruido, menos ruido es menor confusión del usuario, menor confusión es menos frustración, menos frustración es menor tasa de abortos en procesos de conversión, visitas, ventas, etc.

Si se desea ponerlo en el otro sentido: más orden y/o limpieza visual ayuda a comunicar con más claridad en el mensaje, mayor claridad es mayor comprensión, mayor comprensión consigue más satisfacción, mayor satisfacción se traduce en un alza en el número de procesos completados exitosamente, eso es igual a un retorno de la inversión mayor.

Así de sencillo, “claro y raspao” sin elaborarse metáforas metafísicas metaexplicativas.

Hablo de poder sustentarse y argumentar una venta o una propuesta con hechos claros y directos, teniendo en mente en una perspectiva cuasi-pedagógica que considere que el receptor puede no ser un público conocedor de la materia; al menos entender y tener claridad meridiana sobre lo que se habla es fundamental. No es necesario ser un experto para hablar sobre un tema (sin presunciones de gurú); vulgarmente es algo así como que no hay que ser mecánico certificado por Harley Davidson para entender que las motos funcionan con gasolina y que sin gasolina no arrancan.

Hoy día, en el que decir públicamente medias verdades o verdades de dudosa veracidad  esta tan extendido y tan aceptado (nada más encender la TV por un rato) considero que es valioso NO vender Motos si lo que quieres vender son Bicicletas; hablar claro y dejar de lado la cháchara marketiana vacía y sin sentido seguro que tiene más ventajas que otra cosa.

Por cierto, en la foto: Lance Armstrong no es conductor de motos, es Ciclista profesional.

Ω

Crédito: La foto original en Flickr.

Sumario: integrar una mecánica de registro de usuarios en un servicio (software) a partir de Invitaciones sin considerar los 3 aspectos principales que influyen en su funcionamiento causará efectos inesperados durante los primeros meses de vida de la plataforma; estos aspectos son: Crecimiento, Calidad y Escasez.

Introducción:

Confieso que tengo el silencioso hábito de analizar formularios; su uso por personas en aplicaciones de software me intriga por los comportamientos a los que da origen, forman parte del campo de juego donde se aplican algunas de las interacciones que más me gusta diseñar.
Más o menos desde el 2003 he estado estudiando patrones de interacción de los registros de usuario en decenas de servicios de software en la web y fuera de ella; hoy día casi todos los procesos de sign-up vienen casados con la introducción de datos (info personal, contraseñas, etc.) a través de un formulario, así que los considero un caso particularmente interesante dentro de lo ya interesante.
Lo que me lleva a escribir este post es mi reciente registro en Quora, este me remonta a mi primer encuentro (2004 con Gmail) con lo que hoy día llamo “registro abierto pero cerrado”, osea: únicamente a través de invitaciones.
He buscado invitaciones para: GMail, Google Wave, Spotify, Dribbble y Quora; también he visto a otras personas pedir (ehm … rogar) y buscar como locos una invitación para servicios como Google Wave…

Observación: el registro de usuarios o inicio de sesión en sitios webs o aplicaciones de escritorio no precisa de forma exclusiva de la introducción repetitiva de identificadores de usuario, contraseñas, nombres, apellidos, etc. Está en aumento la autenticación en websites a través de Facebook /Google y es fácil prever el futuro uso de medios “físicos” p.e. identificación biométrica, reconocimiento de voz o tecnología NFC con la misma finalidad.

Mis argumentos:

Si se va a desarrollar un servicio de software que requiera el registro de usuarios, y se piensa aprovechar las ventajas de una mecánica de un registro de nuevos usuarios a través de invitaciones, entonces debe racionalizarse los efectos y consecuencias que esto va a causar sobre el Sistema. Los efectos vienen relacionados principalmente a los siguientes aspectos funcionales:

1. Crecimiento controlado - Ralentizar el crecimiento de la población de usuarios.

“Morir de éxito.”

Se desea una expansión lenta para evitar la sobrecarga (e interrupción) del servicio debido a que no se encuentra lo suficientemente maduro tecnológicamente, porque aún se encuentra en desarrollo de nuevas funcionalidades y es deseable estudiar con detenimiento oportunidades de crecimiento que surjan con el tiempo, después de todo el 90% de los servicios son “negocios con visión a largo plazo”, o eso dicen ellos … Un ejemplo exitoso logrando un crecimiento paulatino: Spotify (en el pasado era invitation only). También hay ejemplos de lo contrario, en Twitter aún encontramos a la famosa Fail Whale:

2. Control de calidad - Mantener contenido de alto nivel.

” La crema y nata. “

Un servicio que funciona debido a la buena calidad del contenido que ofrecen sus miembros puede llegar a popularizarse tanto que atraerá sin duda demasiados amateurs, por ejemplo: el público objetivo de una comunidad X es el Profesional con un determinado nivel, alto por lo general, en el que se delegará el Poder de invitar a alguien con nivel o habilidad destacable para que forme parte de la élite; por tanto esta exclusividad de pertenencia se convierte en una condición percibida como altamente deseable. Por ejemplo: Dribbble como comunidad on-line de diseñadores de alto perfil, en contraste con DeviantArt que abarca miembros con un espectro muy amplio en lo que a habilidades se refiere.

3. Aumentar la popularidad - A través de la escasez.

” Eres de lo que no hay. “

Probablemente uno de los rasgos más distintivos del comportamiento humano viene como resultado de nuestra evolución como especie: desear tener algo que creemos que tiene “existencias limitadas”, bienes que pocos o casi nadie tiene. La escasez refleja la potencial perdida de libertad para obtener algo cuyas características percibimos como deseables, va en línea con la teoría de la Reactancia psicológica (wikipedia – español e inglés); esto es aplicable a lo restringido, censurado y lo prohibido, por poner algunos ejemplo más o menos clásicos: zonas V.I.P., el sexo y algunas parafilias, el consumo de drogas, también  para enmarcarlo históricamente podría citar los efectos de la prohibición de fabricación y distribución de alcohol en EEUU de 1919 a 1933.
A la vez hay una relación que contiende con el modelo de la oferta y demanda en la economía: la oferta surge para satisfacer una necesidad, por banalizarlo le traduciría en un “te ofrezco algo porque tú quieres algo”, hay una conexión directa con el fenómeno de la necesidad/escasez.
La carencia de algo percibido como deseable o innegable puede utilizarse para enfocar la atención de un colectivo sobre un determinado objeto, situación o espacio de particularmente difícil acceso; esto fomentará en el agregado social un sentimiento de pertenencia y conexión con quienes comparten necesidades e intereses.
Clara es la oportunidad para quien puede ofrecer un servicio que sirva como medio para encausar y alcanzar la satisfacción. Podría ingenierizarse una plataforma para hacer posible a sus usuarios cumplir con sus aspiraciones en situaciones tan intangibles (pero reales) como la necesidad de entretenimiento o de aventura bajo control propio y de forma social, por ejemplo: World of Warcraft.

Tras exponer estos 3 motivos podría plantearse la siguiente pregunta, al estilo  “One more thing…”

¿Cómo podríamos estudiar la forma en la que se construyen redes y relaciones humanas en la Web a través de mecánicas de invitaciones para el  registro de usuarios de servicios de software de carácter social?

” La Sole sólo sale si la Lola sale sola… “

No voy a adelantarme con ideas tiradas de los cabellos sobre esto, sin embargo sospecho que puede manejarse seriamente algunas hipótesis de investigación que planteen la extensión de invitaciones para registros en servicios de software como medio para establecer teorías sobre estos temas sociales.

Este es el punto más reciente y en el que menos puedo elaborar, aún me encuentro observando, experimentando y analizando mis conclusiones, junto a lo que se dice y escribe en la Web. Es una insensatez hacerse el ciego ante la presencia de gigantes como Twitter o Facebook y la influencia que han demostrado tener como plataformas pensadas para funcionar como medio de interacción social en la vida de las personas; hay muchísima tela que cortar y tanto más que aprender.

Por ejemplo, apreciando esta imagen:

El grafo ilustra mi red de contactos en LinkedIn, me permite conocer de forma visual y directa con quienes estoy en contacto y quienes están en contacto entre si, podría servir de ejemplo del cómo hacer más fructífera la información sobre mi red, sencillamente tras un análisis hecho por un ejercicio de visualización de mi red profesional.

El grafo fue hecho con InMaps de Linkedin Labs.

Conclusión: Al menos 2 de estos 3 factores afectarán directamente (sin falta) la dirección y el tipo de crecimiento de cualquier servicio que decida utilizar un sistema de invitaciones para procesos de registro de usuarios, no debe ser algo para tomarse a la ligera ni para decidir aplicar sólo por que “eres cool si puedes entrar/invitar y otros no” o por un superficial “que exclusivos somos“, se empieza a resolver el problema de diseño con un objetivo claro, con propósitos y razones sólidas, después si te da tiempo agregas las florituras.

Por cierto, avísame si sabes de alguien con invitaciones para Dribbble… ¡¡¡NO CONSIGO NI UNA!!!

Ω

Following months of research and development, Amnesia Razorfish has replaced the typical ‘send and receive’ interface with a more natural ‘gesture-based’ interface. A smartphone owner can now move their content freely between two devices by simply dragging content off their phone onto a Microsoft Surface Table and back onto another device instantly.

Amnesia Connect works with all Apple IOS devices and is being further developed to work seamlessly with Android, Windows Phone and Blackberry Smartphones.

Read more about it and don’t forget to watch this amazing video:

Amnesia Connect from Amnesia Razorfish on Vimeo.

Ω