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.

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.

La posición de las pestañas (tabs) en Firefox 4

El debate sobre la colocación y posición de las pestañas o tabs para las próximas versiones de Firefox ha sido denso. Así nos lo hace saber Alex Faaborg, Principal Designer del navegador web en el Proyecto Mozilla.

Tabs Firefox

Imagen de previsualización de YouTube

Sus explicaciones, bocetos y prototipos (no sólo sobre este asunto) nos permiten afirmar que el gran rediseño que se pretende implementar en Firefox 4, y del que nos hablaba Nukeador en Mozilla Hispano, va a ser toda una revolución que tendrá como protagonista principal al equipo de experiencia. Trabajan duro para lograr que el navegador esté más cerca de sus usuarios.

Un equipo que, dado el nivel de las discusiones, hila fino para lograr un objetivo que no pasa únicamente por superar la dura competencia con otros navegadores:

The change to placing tabs on top isn’t about one browser versus another browser, it’s about the evolution of the Web as a platform.

Por otra parte, están tomando decisiones sobre discusiones que se iniciaron hace años y sobre las que parece que encuentran soluciones satisfactorias para todos.

Tabs Firefox

Los encuentros que se están celebrando en los últimos años y la frenética actividad de la comunidad Mozilla les va abriendo puertas y eso es uno de los grandes valores del proyecto en su conjunto.

Mozilla community

El equipo de Experiencia de Usuario de Firefox se enfrenta a la difícil tarea de seguir manteniendo el éxito de su producto pero a la vez arriesgar adaptando e innovando al máximo para satisfacer a sus usuarios. Eso sí, lo hace sabiendo que debe medir las posibilidades de una web que se extiende con la llegada de HTML 5, simplificando la interfaz y adaptándola a nuevos contextos de uso y optimizando aun más los procesos de interacción.

Creo que las primeras muestras de este trabajo llevan un camino formidable y, si todo va bien, en poco tiempo estaremos disfrutando aun más de la navegación con Firefox y de una mayor integración con nuestros sistemas y entornos de trabajo.

La nueva ISO 9241-210 ya no habla sólo de recomendaciones

El estándar internacional ISO 13407 (“Human centred design for interactive systems”) ya ha sido sustituido por la nueva ISO 9241-210 (“Ergonomics of human-system interaction“).

La ISO 9241 vió la luz en la década de los 80 bajo el título “Ergonomic requirements for office work with visual display terminals“. Desde entonces se han sucedido cambios importantes en su estructura y se ha conseguido que su evolución no sólo se adapte a los nuevos mercados, sino también que garantice las características necesarias y deseables (calidad, seguridad, eficiencia, seguridad…) de miles de productos y servicios.

A mediados de 2009 el comité ISO/TC159/SC4 valoró realizar esta modificación y adecuar así la ISO 13407 al resto de normas que son competencia de dicho comité.

La nueva estructura acoge por tanto esta nueva numeración, la 210 que, entre otras cosas, destaca por modificar la forma de asegurar su seguimiento. Se deja de utilizar la amable palabra “recomendación” para comenzar a hablar de “requisito”.

Todo esto lo explicaba muy bien Tom Stewart, presidente del comité ISO/TC159/SC4, responsable de estas y otras revisiones en torno a la ISO 9241:

This is why I am excited about the recent publication of ISO 9241-210, the revision of the human-centred design standard ISO 13407. As I reported in October, the new standard remains largely unchanged, with one major exception. The four key human-centred design activities are no longer just recommendations, they are ‘requirements’. This means that people can now claim that they follow the ISO 9241-210 human centred design process. To do so, they have to ensure that they:

– Understand and specify the context of use (including users, tasks, environments);
– Specify the user requirements in sufficient detail to drive the design;
– Produce design solutions which meet these requirements;
– Conduct user-centred evaluations of these design solutions and modify the design taking account of the results.

Stewart ya advertía que el concepto experiencia de usuario iba a tomar más peso en la nueva norma e iba a ser definido a partir de otros conceptos que ya habían sido abordados por el comité como usabilidad o interacción.

usabilidad y experiencia de usuario by neospot.se

De esta forma el deseo de encontrar en la experiencia de usuario una guía de trabajo y convertirlo en el concepto paraguas tomaba sentido según avanzaban las conversaciones:

In the revised standard we define it as ‘all aspects of the user’s experience when interacting with the product, service, environment or facility’ and we point out that ‘it is a consequence of the presentation, functionality, system performance, interactive behaviour, and assistive capabilities of the interactive system. It includes all aspects of usability and desirability of a product, system or service from the user’s perspective’

El resultado es una renovada norma que se suma a otras cuantas más elaboradas por la ISO como la ISO 9241-11:1998 (Guía de especificaciones y medidas de usabilidad) o la ISO/IEC 9126-1:2001 (Modelo de calidad del producto)

Puedes descargar el Checklist (Doc 310 Kb) de la ISO 9241-210 que ofrece el seguimiento, aplicación y conformidad del estándar.

Gracias a Muriel Garreta y a Enric Mor por la pista.