Interfaces y tecnocultura

Este texto de ficción es un relato inspirado en eventos e interacciones retroprogramadas. Literatura gris, comentarios entre líneas de código orquestradas por patrones sintéticos. Píxeles sin forma y sin color, imperceptibles. Metáforas que parecen genialidades y que no son más que extensiones de nuestra frustración, la búsqueda de dignidad, el ego que penetra y desaparece… Continue reading

Ebury Chameleon, más que un sistema de diseño

En Ebury hace un año teníamos un desafío con uno de nuestros productos digitales más importantes: ¿Cómo podemos acompañar el crecimiento de un producto de éxito pero que requería con urgencia una estrategia para afrontar la deuda de diseño y tecnológica que arrastraba? Para nosotros Ebury Chameleon representa gran parte de esa estrategia tal y… Continue reading

(echo echo) echo (echo): Poética de la línea de comandos

Me gustaría un texto que encontré hace tiempo y me pareció precioso. Desgraciadamente la web donde lo leí lleva caída mucho tiempo y sólo he podido rescatarlo dese archive.org. Ojalá lo hubiera escrito yo, pero no 🙂 el autor original es Florian Cramer y está traducido por Kamen Nedev (trad.)  – 2007 – CC-BY-NC-SA (espero que os guste tanto… Continue reading

Estrategias de diseño: Prototipado (y propósito)

Los prototipos son artefactos que nos ayudarán a simular el comportamiento y el aspecto que tendrá la solución que queremos plantear. Independientemente de la fidelidad que tengan, los prototipos pueden ayudarnos a comunicar o a explorar ideas de diseño que favorezcan determinadas experiencias a nuestros usuarios. Propósito y niveles de fidelidad Vamos a ver cómo… Continue reading

Prueba de diseño en Cinefilica

Así de chulo me está quedando el nuevo diseño de Cinefílica, pero tengo mis dudas sobre si publicarlo. El layout responsivo funciona pero me está dando muchos quebraderos de cabeza para encajar ciertas cosas.

Quitarme de un plumazo la navegación es un decisión muy radical. Si bien podría confiar en la página de inicio como distribuidor de contenido y potenciar el buscador (y sus resultados) para darle al usuario todo lo que necesita explorar, me quito la posibilidad de extender en algún momento el sitio web a algo más que el catálogo.

Otra cosa que hago desaparecer es el pie, creo que debería incluirlo aunque muchísimo más discreto que lo que hay ahora. Eso sí, los géneros debería hacerlos más visibles en la página de inicio, a fin de cuentas, están recibiendo visitas.

No sé si acabaré publicando estos cambios, en cualquier caso aquí los comparto.

Selectores de género

littlebigdetails:

Instructables – Offers a variety of gender options when signing up for an account

/via Vonn

Interesante detalle. En el ámbito clínico este tipo de datos es punto de controversia. Por un lado hay usuarios para los que este dato al no ser clínicamente relevante desprecian su utilidad, por otra parte ciertos estándares obligan a especificarlo de acuerdo a un respeto a la identidad de género del paciente, para otros, el dato es clínicamente relevante cuando se ajusta a la realidad fisiológica del paciente.

La solución: diferenciar entre Sexo (Biológico) y Género (Identidad), puesto que tenemos que seguir educando a la ciencia y a la conciencia de que las diferencias existen porque son relevantes y que deben ser las personas (los usuarios en este caso) los que interpreten los datos y decidan qué significan para ellos.

Relacionado con la interpretación o cómputo de datos clínicos y la forma en que se muestran encontramos también la ocurrencia de riesgos clínicos.

Cómo hablarle a los usuarios / Cómo no informar de los errores 

De qué hablamos cuando hablamos de informar a los usuarios, cuál es el mejor modo de hacerlo para saltar de la mera muestra de información a una comunicación más natural, más humana. Siguiendo los ejemplos de la foto, estas son mis reflexiones.

Título

No estás conectado vs VimeoError

Mientras el primero de ellos sintetiza un estado general del usuario de forma clara, el segundo se decanta por usar un código del sistema para resumir lo que ocurre. VimeoError nos hace pensar que algo ha podido incluso romperse, que algo hemos hecho mal, quizá el propio hecho de haber intentado usar la app. No estás conectado no dice claramente que sin conexión no hay contenido que ver.

Mensaje

La conexión Wifi y los datos móviles están desactivados. La página se podrá cargar cuando te conectes a una red. vs Could not connect to the Vimeo server. Please check your network settings.

Obviando que uno de ellos esté en inglés, aunque resulte más inaccesible para muchos usuarios, la gramática de ambos mensajes es diametralmente opuesta también. El primero se centra en explicarte qué significa No estás conectado y qué debes hacer para volver a estarlo sin más. El segundo insiste en describirse como un fallo de la app, de algo que escapa del control del usuario (el servidor) y que miremos la configuración de la red. No sabemos muy bien si también nosotros como usuarios hemos configurado mal nuestra red de repente y tendríamos que cambiar muchos parámetros, quizá baste con ‘encender la WiFi’, quién sabe…

Icono

Dinosaurio vs Alerta!

Sin duda, el primero de ellos no sólo intenta suavizar la gravedad del mensaje explicado la situación y la forma de salir de ella sin que cunda el pánico, sino que además busca simpatizar con un recurso gráfico que recuerda a la prehistoria, relacionando el hecho de la falta de conexión a Internet como algo de otra época. Esta línea de diseño emocional contrasta con la visualización de un icono de Alerta que enfatiza la gravedad de lo que ha pasado, aunque se contradiga incluso con el nivel de gravedad: ¿es una alerta o un error?

Control de acción

Más vs Cerrar

Una vez entendido o no el mensaje, la acción se ofrece como última escapatoria para el usuario. Más sugiere ampliar la información acerca de lo que ocurre, la confianza de que es posible hacer o saber algo más acerca de lo que sucede y por tanto yo, el usuario, podré saber cómo solucionarlo. Cerrar es simplemente una señal de que eso era todo y lo que pase después de cerrar es imprevisible.

Contenedor

Dentro del contenido vs Pop Up

El contexto también es importante y en el uso de móviles incluso más debido al espacio reducido para mostrar los contenidos. Usar ventanas modales ha sido una práctica común en aplicaciones de escritorio ya que ayudaba al usuario dentro de toda esa marabunta de ventanas a centrar su atención en el mensaje y tomar una decisión y una acción concreta. Usar un Pop-Up en un móvil en el que todo el contenido visible es ese mensaje (ya que no hay ni conexión ni se han cargado datos), además de ser innecesario me fuerza a considerar el mensaje como prioritario en mis atenciones, aunque lo primero que quiera hacer no sea interaccionar con él sino salir de allí como sea.

Conclusiones

Informar de los errores sin más no significa haber alcanzado un buen nivel de usabilidad en una aplicación, el modo en que esa información se dirige a los usuarios es clave para que éstos sepan qué está pasando y cómo pueden salir de ellos. En este contexto, el tono del mensaje debe acertar con la gravedad del mismo, entender que se dirige a un humano que no tiene que entender nada de sistemas, servidores o bases de datos, sino, a lo sumo, de su micromundo móvil que lleva en la mano.

El ejemplo de Google Chrome me parece fantástico para mostrar como un Diseño Emocional no significa hablarle a los usuarios de forma ‘jovial’ o personificada, sin sólo entender el contexto, empatizar con el humano que lo está usando y reforzar la confianza de que se puede prolongar un uso satisfactorio de la app a lo largo del tiempo.

Siento que Vimeo haya salido mal parado en esta comparación a pesar de sus muchas bondades sigue estando un poco oxidad.