Rinosaurio.net

Reflexiones y apuntes de un estudiante autodidacta de diseño de interacción

Publicado en Marzo 17, 2015 en la categoría Diseño de Interacción, Reflexión y con las etiquetas ,

Unas cosas te llevan a otras. Eso es lo que me lleva ocurriendo durante toda esta pasada semana. Mi punto de partida fue el encuentro con el recién publicado libro de Golden Krishna. El libro, llamado “The Best Interface is no Interface”, habla principalmente de la obsesión por el uso de pantallas, y aboga por construir soluciones para el usuario, que necesariamente no se basen en interfaces gráficas.

Lo cierto es que a modo de reflexión me parece que aporta bastante. A veces la solución no está en construir una interface mejor, sino una forma más sencilla de solventar el problema.

Esto me condujo a varias búsquedas en internet. Me percaté de una especie de movimiento llamado “NoUI”, algo que a raíz de una charla que el mismo Krishna dio hace tiempo, y junto a la publicación de su libro, ha generado cierto revuelo en algunas personas relacionadas con el mundo de la interacción.

Y como unas cosas te llevan a otras, acabé aterrizando en un brillante post escrito por Timo Arnall, quien apenas conocía y que ha despertado gran interés en mí.

Éste post, además de mostrarme curiosas interfaces…

historia del mundo del diseño de interacción, y ejercicios curiosos fuera del contexto habitual…

me condujo hasta increíbles posibilidades que desconocía:

Me mostró una mirada distinta a la que Krishna expone en su libro. Quizás una mirada más realista. Más madura si cabe. Que me sirvió para sopesar las dos opiniones. Reflexionar en base a las mismas, y tomar mis propias conclusiones.

Por un lado la gente está demasiado acostumbrada a las pantallas. Eso es cierto. Por otro lado el uso de distintas interfaces no basados en pantallas también es posible, al igual que las soluciones para un mundo más inteligente que hacen uso de sensores. Pero la visualización de la información independientemente de cuál sea, necesita un soporte.

El concepto de diseño invisible me parece erróneo. El humano, como humano, necesita sentir, ver, oír y tocar. Y al final los diseños no pueden ser invisibles, pueden ser discretos, como ya dijo Dieter Rams.

Quizás no siempre lo necesario sea ver y tocar una pantalla. Los objetos cotidianos podrían servir como interfaces, sin la necesidad de mostrarse en una interfaz gráfica. ¿Podríamos tener apps físicas? ¿Objetos dinámicos generados virtualmente pero materialmente “tocables”? Quizás es cuestión de cambiar el chip. Quizás es momento de darle una vuelta a como interpretamos la manera de solventar problemas.

Más de esto y de lo otro muy pronto.

Y tú, ¿qué opinas?

Publicado en Marzo 5, 2015 en la categoría Diseño de Interacción, Experimentos y con las etiquetas , ,

Siempre me han interesado los sistemas de visualización de audio. Quizás por mi relación con la música y el sonido. Me encanta ver como los gráficos responden a las frecuencias y a la intensidad. Es curioso que algo tan artificial tenga tanta vida.

Esta pasión,  a veces me conduce hacia el mundo de los sistemas de control por voz, agentes inteligentes, métodos de reconocimiento y todas estas herramientas que cada día están más cerca de nosotros, y comienzan a formar parte de nuestro día a día.

Desde el punto de vista del diseño de interacción me llaman mucho la atención sistemas como “Siri”, “Google Now” o “Cortana”, ya que en los mismos encuentro cierta conexión con un futuro donde la inteligencia artificial forma parte de nuestras vidas de una forma más cercana, más transparente, y por qué no, más humana.

Cuando hablamos de sistemas de interacción por voz me vienen a la cabeza cuatro diferentes tipos; Dictado, Comando, Autenticación y Agente.

En todos ellos encuentro algo en común que me llama mucho la atención; la forma en que el usuario percibe que el sistema está escuchando y cómo el dispositivo muestra lo que recibe, mientras devuelve una respuesta.

Desde el punto de vista visual, esto puede ser mostrado de diferentes maneras; bien mostrando o emulando un rango de frecuencias, (como el caso de Siri por ejemplo), o bien de una forma simplificada como en el caso de Google Now, el que parece basarse en la intensidad.

google now

Lo interesante es que a modo de “feedback” para el usuario, existen multitud de maneras de mostrarlo. Y desde el lado del diseñador, pues obviamente es un mundo.

He recopilado algunos experimentos realizados con visualización de audio. La mayoría trabajando con tres tipos de frecuencia básica, cubriendo el espectro de bajos, medios y agudos muy por encima. Muy sencillo. Aunque las posibilidades son increíbles.

 

 

Este es un ejemplo realizado con Quartz Composer usando las herramientas de Kineme. Es sencillo, pero “resultón”. Aunque se aleja de mi concepto de tecnología humana y transparente.

 

 

Este ejemplo más liviano, me parece curioso y ligero. Pero queda lejos de esa respuesta visual al movimiento de las ondas sonoras que ando buscando; algo que represente a la tecnología desde su corazón “humano”, algo tan natural y transparente que pase desapercibido. Algo que no nos haga plantearnos que estamos delante de una maquina. Que no nos obligue a teclear. Pero ese “algo” aún queda lejos. Aunque si estuviese aquí,  ya no sería lo mismo soñar con ello, ¿no?

 

Y tú, ¿qué opinas?

Publicado en Febrero 27, 2015 en la categoría Diseño, Reflexión y con las etiquetas , ,

IMG_0317

En este post no voy a hablar de herramientas. Tampoco de prototipos. Ni de libros. Hoy voy a hablar de mí, y de hacia donde me dirijo.

Los que me conozcáis un poco sabréis de mi pasado en la música. Cuando comencé a hacer música electrónica experimental hace casi 20 años, tenía muy claro lo que quería. Además de divertirme mientras experimentaba, mi gran sueño era grabar un disco y que la gente pudiese escuchar mi música.

Con mucho esfuerzo y trabajo, conseguí no sólo grabar varios discos, sino que también tuve la oportunidad de viajar y conocer gente excepcional gracias a lo que hacía.

Ahora, que me mantengo apartado de la música, que tengo otras miras que me mantienen igual de vivo que hace 20 años, tengo clara una cosa; Lo único que sé ahora es que quiero diseñar cosas para la gente. Y no me refiero a hacer carteles bonitos. Ni páginas webs vistosas. Me refiero a que quiero diseñar sistemas, servicios, conexiones, emociones, es decir, quiero acercarme al diseño desde el punto de vista humano y funcional.

Cuando veo cosas como las que hacen compañías como IDEO, Designit, Fjord, Quicksand o Doblin (entre otras) pienso que me encantaría estar ahí,  y no me refiero a estar en esas compañías en particular, sino haciendo ese tipo de cosas. Diseñando para la gente. Incluso ayudando a gente que lo necesita mientras me divierto haciendo buen diseño.

Y llego a la conclusión que lo importante, tal y como cuando empecé a hacer música, es querer estar ahí. Saber donde quieres estar. Lo demás, es trabajo tiempo y esfuerzo.

 

3 Comments

Publicado en Febrero 22, 2015 en la categoría Diseño, Herramientas y con las etiquetas , ,

Fleugalflargemphasis

Todos sabemos lo que es navegar la web. Cada día se encuentran muchas cosas. Algunas pasan desapercibidas, y otras sin embargo, se pueden quedar con nosotros durante mucho tiempo. He querido parar y hacer un análisis de algunas herramientas que he encontrado recientemente, y que por una razón u otra se han quedado conmigo.

Coggle. Una herramienta perfecta para pensar rápido. Crear mapas de niveles, estructuras de menús, rutas de proyecto, etc… En definitiva, algo que te permite crear arboles de información de una forma rápida, limpia y con tan solo un navegador. Muchas veces me sirve para aclarar las ideas y ver las cosas a modo de esquema.

Hotjar. Aún en fase beta. Increíble aplicación para el “testeo” de una o varias webs. Con tan solo añadir un pequeño script, te permite grabar video de las acciones del usuario, obtener mapas de calor, crear embudos, añadir encuestas y cuestionarios, en definitiva, muy útil para sacar conclusiones y poder observar el comportamiento del usuario desde su propio hábitat.

Relative Wave Form. Una fantástica aplicación para la creación de prototipos e interacciones. Muy en la línea de Quartz Composer, (de hecho parece inspirado en él), aunque con una ventaja muy grande; la capacidad de poder testar tus prototipos en dispositivos reales. Si lo quieres hacer en Quartz tienes que pasar por aplicaciones como Liveview, pero a mi no me ha terminado de convencer. La respuesta de Form, a través de su aplicación “Perform” es inmediata. Es perfecto, además de gratis.

Typeform. Genial para personalizar encuestas. Con un aspecto muy agradable permite configurar preguntas, y obtener respuestas a través de una url. Además, a través de Zapier, se integra con muchas otras aplicaciones, como Google Drive,  permitiendo exportar las respuestas donde tú quieras. Se acabaron los aburridos formularios.

Evernote. Si, lo sé. No es nada nuevo. Pero Evernote es la herramienta que me está permitiendo tener todo al día. En Evernote es donde comienzo a escribir acerca de todo. La capacidad de poder compartir notas con otros usuarios, y la inclusión de un “Workchat” la convierten en una herramienta sencilla, al alcance de cualquiera y con acceso desde cualquier dispositivo.

 

Y tú, ¿qué opinas?

Publicado en Febrero 17, 2015 en la categoría Diseño, Diseño de Interacción, Prototipos y con las etiquetas

 

soyamilk2

Una de las posibilidades que brinda Facebook Origami es la posibilidad de crear prototipos para el Apple Watch. Me llamó bastante la atención ver la guía de estilos para desarrolladores que Apple subió para el mismo. Así que después de echarle un buen vistazo, diseñé algunas pruebas de pantalla en Sketch.

Imaginé una aplicación, que conectada a un sensor de tu nevera, pueda avisarte cuándo por ejemplo un cartón de leche empieza a agotarse.

Más aún, podría por geolocalización, recordártelo cuando estuvieses cerca de un supermercado.

En principio, en este prototipo, únicamente muestro la opción de añadir a la lista de la compra.

En definitiva, el ejercicio me ha servido para conocer un poco de primera mano las guías de diseño de interface para Apple Watch, y pasar un buen rato. He probado algunas transiciones que quizás no acompañen del todo, ¿pero no es esa una de las mejores formas de llegar a las nuevas cosas?

 

 

Y tú, ¿qué opinas?

Publicado en Febrero 8, 2015 en la categoría Diseño, Diseño de Interacción, Libros y con las etiquetas , , , ,

Estoy leyendo mucho últimamente. Invierto todo el tiempo que puedo en lecturas varias. Mezclo un poco y voy sacando conclusiones. Pienso que leer y poner en práctica lo leído es fundamental para progresar. Estos son algunos de los títulos que he leído recientemente, me tienen enganchado actualmente, o bien esperan de una atenta lectura en las próximas semanas:

 

UX Design for Startups (Marcin Treder)

He acabado este pequeño libro recientemente. Leí la versión traducida al español por Eduardo Suárez. Me ha gustado mucho, sobre todo por su sencillez narrativa. Toca un poco de todo desde el punto de vista de su creador, también cofundador de UXPin, la herramienta de wireframing y prototipado. Marcin cuenta su historia. Sus métodos. También recomienda algunas herramientas. Pero lo mejor son sus consejos en torno a los usuarios. Al final todo gira alrededor de lo mismo. He disfrutado mucho la lectura.

 

Tienes 5 segundos. (Juan C. Camus)

Lo descubrí de chiripa en una búsqueda por internet. Me llamó bastante la atención porque parece estar centrado en la creación de contenidos para medios digitales. Algo que me interesa bastante, y de lo que me gustaría aprender. Por el momento no me ha terminado de enganchar. Quizás porque el mismo contenido se me hace a veces un poco pesado de leer, no sé si por formato, o redacción del mismo. Pero promete tener mucho que aportar. Eso seguro.

 

 Notes on the Synthesis of Form (Christopher Alexander)

Llegué a este libro gracias a mi colega, y por qué no decir mentor, Iñigo Medina. Él me recomendó su lectura. Me parece increíble que haya sido escrito en 1964. Un método de diseño. Un método de diseño que sintetiza el problema para buscar la solución. Alexander fue el pionero y creador de los patrones de diseño. Lo estoy disfrutando porque es ese tipo de libros que siempre ha estado ahí, y que siempre estará. Algo cómo el buen diseño. Que no envejece. Un lugar donde buscar la inspiración, tal y como Iñigo me comentó.

 

El mundo como proyecto. (Otl Aicher)

Leí la recomendación de este libro en una entrevista a Javier Cañada. También lo recomendaba en su post de “The 26 books that shaped me as an interaction designer”. Había leído “Tipografía”, de Aicher y me encantó. A mi parecer son libros que aportan mucho desde un punto de vista filosófico, aunque muy aplicable a la función del diseñador. Pensamientos que te hacen pensar acerca de “qué” es realmente el diseño. Para quién quiera entenderlo de este modo, claro. Ideal para sacar conclusiones que luego sirven en tu día a día y te convierten en un mejor diseñador. A mí, me está encantando.

 

Designing for the digital age (Kim Goodwin)

Un libraco enorme. Mucho y muy buen contenido. Buenísimo. Enfocado al trabajo con productos y servicios digitales. Desde la creación, gestión y desarrollo, muestra con todo detalle la creación de entrevistas con usuarios, investigación, creación de personas, documentación, requerimientos, marcos de trabajo, etc… 728 páginas de sabiduría y guía en diseño de interacción. Creo que es uno de esos libros que merecen estar en la estantería de cualquier profesional de la interacción.

2 Comments

Publicado en Febrero 4, 2015 en la categoría Diseño de Interacción, Ejercicios, Prototipos y con las etiquetas , ,

Hace tiempo que esta idea rondaba mi cabeza. A veces siento la necesidad de poder responder mensajes cortos de una forma más rápida. He estado dando una vuelta a un prototipo estos días. Lo he estado trabajando con Quartz Composer y he usado las herramientas de Origami y Avocado. Seguro que cuando lo veáis entendéis porque no me extiendo demasiado en la explicación.

mensajes_rapido

2 Comments

Publicado en Enero 27, 2015 en la categoría Diseño de Interacción, Ejercicios, Prototipos y con las etiquetas ,

A veces, para practicar, creo que lo mejor es imaginar un concepto. Crear un problema que solucionar, y una vez dado con ello, comenzar a diseñar.

En este caso imaginé como desarrollaría una landing page de una red social de viajeros. Algo sencillo, donde la gente puede compartir sus experiencias y fotos, y otras personas pueden comentarlas.

El resultado fue este:

UI Design, Interaction Design

 

2 Comments

Publicado en Enero 26, 2015 en la categoría Diseño de Interacción, Prototipos y con las etiquetas , ,

El otro día estuve probando Origami, que es una herramienta creada por Facebook para la creación de prototipos con Quartz Composer. Según parece la gente de Facebook la utilizó por ejemplo, para el diseño y prototipado de Paper.

Yo ya conocía Quartz Composer por mis experiencias con el arte generativo. Había hecho pequeños experimentos. Pero nunca había realizado prototipos basados en aplicaciones para móviles. Estuve haciendo un prototipo para probar la funcionalidad de Origami. Y la verdad que me ha encantado.

Origami Prototype

 

Y tú, ¿qué opinas?

Publicado en Enero 25, 2015 en la categoría Diseño y con las etiquetas ,

Hace poco surgió una conversación interesante en la oficina. En ella estuvimos hablando de la relación entre la manera de situar las viñetas en el cómic, y su parecido con hacerlo en la web.

Me quedé con la mosca detrás de la oreja, porque cierto es que me parece que el cómic tiene mucho que aportar en esto. No hace falta más que echar un vistazo a cualquier cómic, para darte cuenta de las ideas que pueden surgir, y cómo de aprovechables pueden ser para el diseño web.

Estuve buscando algo de información en internet, sobre todo de los métodos que utilizan los dibujantes, y del proceso de creación del cómic. Había cosas interesantes. Pero no era lo que buscaba.

Al final tuve bastante  suerte, y encontré este artículo de Jenni Chasteen para Inspired Mag. En él, Jenni habla de cómo un diseñador puede aprovechar las ideas que nos brinda el cómic. Y muestra la similitud que existe entre guiar al lector por las viñetas, y guiar al usuario por las secciones.

Una lectura interesante.

1 comentario

« Página anteriorPágina siguiente »