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

Influence Networks: Redes,influencia y periodismo de datos

Influence Networks es una nueva herramienta publicada por Owni, la web francesa de periodismo digital que está revolucionando el periodismo de datos.

Influence Networks

Combinando y facilitando la visualización de información pública sobre personas, instituciones o empresas desde diferentes fuentes de datos, la aplicación muestra conexiones y relaciones semánticas entre “nodos” que ayudan a comprender y aprovechar grandes volúmenes de información, así como a extraer los detalles que hacen posible la elaboración de nuevo producto informativo.

A grandes rasgos, el procesamiento automatizado, la similitud semántica y la revisión manual gracias a la colaboración de los usuarios registrados (y sus niveles de confianza) son algunos de los puntos claves que facilitan el análisis, la transformación y la representación gráfica de todos estos datos.

Influence Networks

Transparency InternationalZeit Online y el Observatoire du Webjournalisme (Obsweb) de la Universidad de Metz son los socios de Owni en este “poderoso” proyecto open source.

Modelos de implementación vs. modelos mentales

Josh Walsh, de Designing Interactive, escribía hace unos días un post algo polémico sobre el trabajo de los programadores y la construcción de interfaces de usuario.

No hay duda que el debate suscitó cierta polémica. Con el título ¿Por qué mantener a los programadores lejos de las interfaces gráficas de usuario?, lo menos que te pueden caer son dos capones y una colleja.

La intención es buena pero Walsh se perdía inicialmente en las formas.

Programmers don’t understand the Mental Models of their consumers. They are so entrenched in the geeky details, that they can’t step back and look at the product through their customers eyes.

Días después lo aclaraba en otra entrada posterior titulada Implementation Model vs. Mental Model.

Utilizando otro tipo de argumentos, incluso apoyándose en unos de los grandes clásicos de la literatura UX como es About face, las explicaciones eran otras:

Consumers don’t think about how things work on the inside. Your interface should function as a magic box. Push a button and something predictable happens.

Me gusta la reflexión que hace Walsh aunque si buscamos aportaciones constructivas no creo que la mejor manera sea indicando que es lo que NO debe hacer un profesional.

Nuestra formación y nuestra experiencia supongo que debería ser suficiente para saber para qué estamos preparados y cuáles son nuestras limitaciones. De la misma manera, saber dónde comienza o termina nuestra participación en proyectos multidisciplinares entiendo que pasa por reconocer la valía de cada profesional implicado.

Me quedo con el ejemplo sobre modelos de implementación vs. modelos mentales que me parece más apropiado para comenzar el debate:

The brake pedal on your car is a great example. Someone who doesn’t understand how brakes work may envision the pedal pushing a lever which exerts sideways pressure on the wheels, causing the car to slow. Their mental model says that pushing this button causes the car to slow down.

La accesibilidad de Google Chrome es más accesible

Si hay algo que se le ha achacado al navegador Chrome con mayor fuerza han sido y siguen siendo sus problemas de accesibilidad.

Tanto es así que, hace unos días, se hacía una petición directa a Google para que mejorase estos errores, dejando así que los usuarios con limitaciones de acceso a la información y al contenido web no encontrasen tantos problemas al usar lectores, herramientas o soportes de ayuda.

La traducción de esta carta la puedes encontrar en accesibilidadweb y, allí mismo, nos informaban de la rápida respuesta de Google con las nuevas actualizaciones y con la invitación a la comunidad de desarrolladores a que participen de un nuevo proceso de mejoras.

A esto podemos sumar la nueva categoría de extensiones sobre accesibilidad que Google anunciaba ayer y donde ya podemos encontrar soluciones para:

-aumentar el tamaño de cualquier texto seleccionado – [ChromeVis]
-navegación web desde el teclado sin necesidad de usar el ratón – [Keyboard Navigation]
-mejoras y correcciones de color para disfunciones como la Protanopía, Deuteranopía o Tritanopía – [Chrome Daltonize!]

En la sección de accesibilidad de The Chromium Projects puedes encontrar más información. Aun así, Google no ha perdido la oportunidad de mostrarnos en vídeo algunas de estas nuevas extensiones.

Imagen de previsualización de YouTube

Hay voluntad para cambiar, hay trabajo de fondo y se facilita la participación.

En consecuencia, podemos afirmar que Google Chrome es más accesible.

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.

Fases en la creación de un proyecto web

Una vez más vuelvo a hablar de la agencia canadiense Rethink Communications, una agencia que gracias a su objetivo de convertirse en una compañía de ideas y no en una agencia más de publicidad, nos ofrece un material muy interesante para aquellos que quieran comprender las fases de creación de un proyecto web.

La fórmula es muy básica: desarrolladores de la empresa se ponen delante de una cámara y explican su trabajo al resto de empleados (en España dnxgroup hizo algo parecido con sus Jam session y sus animados refectorios).

Una especie de pequeños Brown bag seminars pero públicos. Lo han llamado Lunch n’ Learn y creo que no es nada desacertado teniendo en cuenta nuevamente la filosofía de la empresa:

We express our ideas through all forms of communication, so when we talk about advertising and design, we’re also thinking about online experiences, store designs and staff uniforms. Our primary role for our clients is to create work that gets talked about— with customers, with staff and in the press. In our experience, getting talked about is the first step in getting results.

Este es el primer vídeo correspondiente a la fase de investigación. El resto los puedes encontrar en la web de Rethink o directamente en vimeo: