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

A vueltas con la toma de decisiones

Voy a cruzar dos referencias para seguir alimentando un asunto que me sigue pareciendo esencial para comprender nuestro trabajo o, simplemente, para comprendernos a nosotros mismos: la toma de decisiones.

Sobre este aspecto ya he hablado en otra ocasión y hubo comentarios que sumaban mas información y referencias imprescindibles. Pero veamos qué piensan de este tema Jared Spool y Dan Gilbert.

Jared Spool:The Anatomy of a Design Decision, charla en el Webstock de este año del fundador de User Interface Ingeneering. Spool hace un repaso por diferentes sitios web para dar a entender que las decisiones de los diseñadores marcan la diferencia entre un buen y un mal producto o servicio. Pero… ¿en qué apoyamos nuestras decisiones?¿instinto, experiencia, información, investigación?.

Jared Spool recorre 5 estilos sobre la toma de decisiones que van desde el Unintentional Design hasta el Experience Focused Design.

 

-Dan Gilbert: Why we make bad decisions, una de las charlas mas entretenidas de TED Global y que, aunque ya cuenta con unos cuantos añitos (es de 2005), sigue siendo muy inspiradora. El autor de Stumbling on Happiness describe unas cuantas teorías, paradojas, síndromes y estudios, en ocasiones sin llegar a nombrarlos pero dejando patente la realidad de nuestras decisiones cotidianas.

Imagen de previsualización de YouTube

Nuevamente vuelve la máxima “todo es relativo” y dependiendo de las personas, de los contextos, de nuestras percepciones o de nuestra manera de tomar decisiones en determinadas situaciones modificamos el valor de las cosas.

But in fact, to decide whether a Big Mac is worth 25 dollars requires that you ask one, and only one question, which is: What else can I do with 25 dollars? If you’ve ever gotten on one of those long-haul flights to Australia and realized that they’re not going to serve you any food, but somebody in the row in front of you has just opened the McDonald’s bag, and the smell of golden arches is wafting over the seat, you think, I can’t do anything else with this 25 dollars for 16 hours. I can’t even set it on fire — they took my cigarette lighter! Suddenly, 25 dollars for a Big Mac might be a good deal.

On the other hand, if you’re visiting an underdeveloped country, and 25 dollars buys you a gourmet meal, it’s exorbitant for a Big Mac. Why were you all sure that the answer to the question was no, before I’d even told you anything about the context? Because most of you compared the price of this Big Mac to the price you’re used to paying. Rather than asking, “What else can I do with my money,” comparing this investment to other possible investments, you compared to the past. And this is a systematic error people make. What you knew is, you paid three dollars in the past; 25 is outrageous.

 

Abandonemos la noción de "página web"

Disculpen el extremismo manifiesto de esta frase pero no estoy intentando hundir ningún barco. Aligero la carga que llevamos a nuestras espaldas desde hace años y con la que, a estas alturas, yo me siento algo incómodo.

Cuando pensamos en “páginas web” establecemos criterios de definición, arquitectura, composición, maquetación… que parten de la idea “página en blanco” para crear y construir. Pero ¿qué pasa cuando, de repente, el ancho de tu página no es fijo?. ¿Qué pasa cuando los contextos de uso de una supuesta página se amplían?. ¿Qué pasa cuando la interactividad adquiere mayor relevancia?. El concepto “página” comienza a difuminarse, pierde su sentido pero, sin embargo, lo seguimos utilizando de la misma forma que “colgamos el teléfono” o “tiramos de la cadena”. Con el añadido que en nuestro caso condiciona nuestro trabajo.

A veces rellenamos espacios que creemos controlar pero el futuro no lo podemos pintar así. El futuro se viste de contenido adaptable, modificable, flexible, que se acomoda a diferentes espacios, que podemos seguir integrando en un documento llamado página (definición de la RAE: Documento situado en una red informática, al que se accede mediante enlaces de hipertexto) o web pero que ya no trabaja con esa noción original.

Insisto. No estoy cuestionando el concepto que utilicemos. Eso tiene fácil solución. El problema es el enfoque que damos a nuestros productos o servicios interactivos a partir de la definición formal y del modelo mental que todos manejamos.

Buscando “aliados” que defiendan argumentos sobre esta idea he dado con Mark Boulton, cofundador de Five Simple Steps y autor de Designing for the web. Sus explicaciones en este sentido son muy claras:

Binding content to the book is what all good book designers do. To do this, they use Canons of Page Construction, or other principles to design grid systems that, when populated by content, create that connection. But with all paper-based design, they start with paper. Paper that has edges, ratios that can be repeated. A canvas. And here’s the thing. Creating layouts on the web has to be different because there are no edges. There are no ‘pages’. We’ve made them up.

Quizás sea necesario profundizar mas en estos argumentos y dedicar mas reflexiones digitales pero como dice Boulton, el momento es ahora. Tenemos que empezar a librarnos de ciertas ataduras que condicionan nuestros proyectos.

Todo esto creo que enlaza muy bien con un post que dejé por aquí hace un tiempo sobre la simplicidad y la curación de contenido. En aquel momento se insistía en la necesidad de dar máximo sentido a nuestro contenido. Ahora el objetivo vuelve a ser el mismo y se refuerza con una nueva idea:

Don’t start from an imaginary page

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.

Nueva QDQ

QDQ estrenó ayer un nuevo diseño web e hizo explotar en Internet el color azul de su marca así como un mensaje claro y directo: más local, más social y con más contenido.

new QDQ

Se trata de un rediseño que he vivido relativamente cerca gracias a Álvaro (@kremaster) y que ha contado con un gran equipo, capaz de concebir a medio plazo la idea de un nuevo QDQ.

En su momento, el traspaso de este producto (de la guía en papel a Internet) ya fue un salto importante en un sector que ha vivido años del soporte físico. Pero el reto que se habían marcado ahora era consolidar sus servicios en Internet y que mejor manera de hacerlo que potenciando su “alianza” con las PYMES para que éstas sean más visibles en el mundo online.

Reconozco en este último argumento una gran estrategia de negocio ya que Internet a veces es un territorio demasiado hostil para las pequeñas y medianas empresas. Pero QDQ Media ha sabido aprovecharlo ofreciendo una gran cantidad de productos y servicios que pueden ayudar a aumentar presencia, notoriedad y ventas.

Ahora, con el rediseño ya publicado y analizándolo en detalle, vemos cambios significativos:

Negocios humanos: Se habla de personas (ya era hora).

-Optimización de la tecnología y la geolocalización para llegar a un entorno cercano, local.

-Notable mejora del sistema y los procesos de búsqueda.

-Aumento del contenido relevante que beneficia tanto a clientes como a usuarios.

-Recomendaciones, favoritos, cupones y diversas formas de compartir en redes sociales.

Supongo que irán apareciendo nuevos cambios y se irán observando incorporaciones y mejoras en este rediseño que como se puede observar atraviesa el lado humano y tecnológico a diferentes niveles.

En Sonesu puedes encontrar una revisión más exhaustiva de la nueva QDQ con una propuesta que también comparto para la home (aunque significaría reconsiderar el tema fotográfico y volver a ubicar el historial de búsquedas):

propuesta QDQ