Mensajes, advertencias y SSL

¿Qué es una conexión segura?¿Qué es proteger la transferencia de datos confidenciales?. Y con todo esto, ¿cuántos usuarios de bancos, tiendas online, redes sociales… entienden de protocolos o comunicaciones cifradas y comprenden las advertencias SSL?.

slide_porter_felt

 

Según un estudio de 2015 realizado por investigadores de Google y de la Universidad de Pennsylvania titulado Improving SSL Warnings: Comprehension and Adherence (PDF), este tipo de advertencias son confusas, los usuarios las desconocen y no las comprenden y, en muchos casos, ignoran estos mensajes y avisos sin saber que pueden comprometer sus datos e información privada.

Estudios anteriores ya señalaban estas deficiencias pero parece que este será el año de cambios y mejoras en las advertencias ofrecidas bajo estos protocolos.

Después de hacer varias propuestas sobre un nuevo diseño de las advertencia SSL en el navegador Chrome, el estudio en cuestión concluye que las mejoras visuales y los cambios en los textos a partir de lo que se denomina «opinionated design« (los diseñadores toman decisiones por el usuario atendiendo al tipo de producto, sus características, cómo debe funcionar o su apariencia) no es suficiente ya que la confusión y la falta de comprensión del usuario sigue estando presente.

Warning researchers recommend using simple, non-technical language for warnings that are intended for a broad user base [6,23]. People are more likely to read beyond the first sentence of a warning if it uses simple language [36]. Advertisements and warnings that contain technical language hold less interest and are less likely to be remembered or obeyed [3,22]. For example, people are more likely to follow the simple instruction “open a window” than the more complex instruction “use in a well-ventilated room” [20].

Este estudio, publicado en las actas de la Conference on Human Factors and Computing Systems (CHI – ACM, 2015) cuenta con una presentación cuya última slide reza así:

Opinionated design works where text fails

Evolución del diseño de interacción en apps. El caso Clear

Francisco Inchauste (getfinch) hablaba hace un par de días del futuro de las interfaces y lo hacía tomando como ejemplo el último trabajo de Phill Ryu y David Lanham en Impending. Este estudio prepara el lanzamiento de Clear, una nueva to-do app que presenta interesantes novedades.

[vimeo]http://vimeo.com/35693267[/vimeo]

Sus creadores se han esforzado por salirse de las convenciones, reglas y principios ya establecidos en interfaces, interacción y uso de apps.

“I think the important thing is to never take anything for granted and question everything — all the known interface design conventions, the clichés and rules of the genre.” said Ryu. “These are formulas, and to us formulas are just a fancy way of describing the rut you’re stuck in.”

Siguiendo la línea del Getting things Done (GTD) de David Allen, presentan un diseño y desarrollo que, en su opinión, le da una vuelta mas al lenguaje visual e interacción sobre pantallas táctiles.

Clear App

Clear App

Claridad, simplicidad, orden, además del manejo y gestión del contenido y la navegación a partir de una definida colección de gestos multitáctiles.  Como ha sucedido en todas las areas, ha llegado el momento de comenzar la reducción razonada de elementos y aprovechar  la combinación de principios de diseño para garantizar la máxima funcionalidad de los productos y servicios que entregamos. No lo llamaría futuro todavía. Lo llamaría «gestión y optimización de la experiencia de uso atendiendo a los detalles».

There´s nothing bigger than the little things (Milen Dzhumerov)

Tendremos que esperar a mediados de febrero para descargar Clear desde la App Store que, en principio será gratuita, aunque contará con funcionalidades añadidas para cuentas Pro.

 

Responsive Web Design o Diseño web sensible

Hay que reconocer que la traducción de Responsive Web Design como diseño web sensible no parece la mas apropiada pero es la que ya está mas extendida. El concepto, creado por Ethan Marcotte (@beep) y publicado por primera vez en su artículo de A List Apart, ya está en plena expansión y supone el pistoletazo de salida a una nueva etapa de nuestra evolución digital.

Hubiera preferido diseño web adaptativo, adaptable, escalable o incluso flexible pero, sea cual sea su denominación, anticipa una nueva y potente forma de crear, diseñar y desarrollar sitios web. Si seguimos por esta línea las cosas van a cambiar mucho y los diseñadores ya están ampliando su horizonte de posibilidades, perspectivas y oportunidades.

Responsive Web Design by Ethan Marcotte

Algunos comienzan a ofrecer diseño sensible y otros lo demandan con urgencia para no morir atrapados en una constante adaptación de sitios a dispositivos, plataformas, formatos… Veremos éxitos indiscutibles, desastres naturales y chapuzas solidarias.

Las empresas e instituciones lucharan nuevamente por renovar sus espacios pero la transición será lenta y dolorosa, especialmente si las decisiones las toma el directivo, jefe o mandamás de turno convertido en «experto-opinador en desarrollo web y redes sociales varias». Incluso presupuestos enormes y cuentas gestionadas por vendehúmos harán las delicias del futuro online de nuestros gobernantes, que no de los gobernados.

Pero hasta que todo esto llegue disfrutaremos con los buenos ejemplos que ya pueblan la red y seguiremos trabajando por optimizar y mejorar experiencias visuales. Es todo un reto y, en este caso, creo que volverá a merecer la pena porque el concepto como tal, sea cual sea su nombre, es bueno, muy bueno. Aumenta la utilidad y funcionalidad de los sitios que visitamos generando a su vez nuevas tendencias en diseño y nuevos  estándares que nos obligarán a ponernos las pilas para saber qué ofrecer y cómo ofrecerlo.

Si quieres saber mas tienes el libro Responsive Web Design, escrito por Marcotte y publicado hace unos meses. Pero también comienzan a publicarse interesantes entradas y artículos en diferentes lugares. En Fuse Interactive tenemos un buen ejemplo. Niall Morgan habla de Responsive Web Design y describe de forma resumida el funcionamiento:

The magic of responsive web design is the use of media queries. Media queries are something that has been around since CSS 2.1 in the form of media types but was limited to declaring things like stylesheets for print. When the W3C began working on CSS3 they created the @media query to take it to the next level. In CSS3 media queries allow you to get specific properties of the users browser and operating system such as screen width and screen orientation. With that information we can dynamically change the layout of the site for anything from a 24 inch monitor all the way down to a smart phone.

Actualización 02/01/2012

Dos interesantes referencias que nos hablan de los problemas e inconvenientes del Responsive Web Design:
Responsive Web es un técnica incompleta por César Soplín (via UXLearn)
-Desde el post de César…  Responsive Design is Irresponsible por Kevin John Gallagher.

Estoy de acuerdo con algunos de sus planteamientos y entiendo que no es posible considerar el Responsive Web Design como la solución definitiva, única y final de cualquier site. Valoro esta innovación y su posible evolución ya que ofrece nuevas oportunidades y deja atrás prácticas tremendamente complicadas, poco eficientes.

 

El diseño web es diseño de experiencias

Hace un mes Andy Rutledge hablaba de diseño web y de diseño de productos en su blog. Con cuatro párrafos me dejo pensando en muchas cosas sobre los temas que aquí se abordan. Guarde la referencia y hoy la vuelvo a recuperar porque creo que cada una de sus frases tiene mucho sentido, dice mucho de nuestro trabajo.

Web design is product design. Drawing a picture of the product is not designing the product. Web design is experience design. Drawing a picture of on-screen content or mechanism behaviors is not designing the experience. The functioning html/css (and sometimes JavaScript) is the design.

A este post añado otro post altamente recomendable de Luis Villa, del mismo mes de agosto, que toca la esencia de otros muchos asuntos relacionados con el diseño de experiencias y con la construcción de experiencias de uso.

Esto ya no es válido: en internet, la Promesa, lo que se comunica al cliente, se funde con el Cumplimiento, que es la experiencia del usuario, una vivencia de primera mano y que es difícilmente manipulable.

La marca no es un logotipo, un pantone o una tipografía. La marca es la historia que cuentan de tí tras haber interactuado contigo, no importa el canal. Sea web, sea una tienda, sea un Call Center. Se asocia a una experiencia, a una conversación en la que no aparecen logos ni pantones.

La suma de posts, de entradas desconectadas aparentemente unas de otras han sido siempre una fuente de información valiosa para todos. Pensamientos, reflexiones y experiencias sobre la experiencia que se complementan y que no deberían perderse (toma nota del consejo-tagline de Luis), ni reducirse a 140 caracteres, ni a 100 ni a 2.

En este caso dos entradas fabulosas suman cientos de reflexiones ramificadas que a su vez facilitan el discurso sobre aquello que construimos día a día.