27/05/2019 Categoría/s: Citas,Diseño. 0 Comentarios

¿Qué falla en un diseño? El test de Can't Unsee

Hace casi diez años (sí diez años), publiqué por el blog diseño, creatividad y dos test en el que hacía referencia a dos test de Andy Rutledge de los que se podía aprender mucho: en un test aparecía la solución, en otro había que investigar más… . Al final, una de las conclusiones es que la lectura de Universal Principles of Design, Revised and Updated era muy recomendable para conocer las respuestas al test y mucho más.

Con diferencia, Universal Principles of Design es el libro con el que más he aprendido.

Hoy recomiendo dar un vistazo a Can't Unsee. Un test en el que vemos dos versiones sutilmente diferentes en el que hay que elegir aquella opción de que está mejor diseñada. ¿La diferencia? En ocasiones es muy sutil: es cuestión de detalles. Y ya sabemos…

Los detalles no son detalles, son lo que define el diseño.

Charles Eames

22/05/2019 Categoría/s: Accesibilidad web. 0 Comentarios

Disponible la UNE-EN 301549:2019

Ya está disponible la UNE-EN 301549:2019, primero de pago en la Asociación Española de Normalización (une.org: UNE-EN 301549:2019) y más tarde en el portal de Administración Electrónica de forma gratuita ( administracionelectronica.gob.es: 301549:2019).

¿Qué es la UNE-EN 301549:2019?

En pocas palabras es una norma técnica sobre la accesibilidad de los sitios web y aplicaciones para dispositivos móviles de los organismos del sector público. En la norma se establecen los condicionantes, con respecto a su accesibilidad, que deberán cumplir todos los sitios web y aplicaciones móviles del sector público: estatal, regional, local, universitario, etcétera incluyendo también a los de los servicios gestionados por éstos entes como centros sanitarios y educativos, bibliotecas públicas, tribunales y órganos constitucionales, etcétera.

Origen de la norma UNE-EN 301549:2019

De nuevo, simplificando mucho, la cadena que empieza por las recomendaciones del W3C sobre la pautas de accesibilidad del contenido web, al final influye en la legislación europea (Directiva UE 2016/2012) que a su vez se traslada a la legislación española (el Real Decreto 1112/2018 traspone la directiva europea). Con respecto a la legislación, está "todo" dicho. Con respecto a los normas técnicas (o estándares),… se redactan diferentes versiones de la EN 301 549 (a día de hoy, la última, que incluye la versión WCAG 2.1 es la EN 301 549 V2.1.2) que a su vez se traslada a la norma española: la UNE-En 301549:2019 de la que estamos hablando.

La norma, de casi 200 páginas, presenta una serie de requisitos para diferentes contextos:

  • Requisitos genéricos
  • Comunicación bidireccional por voz
  • Video
  • Hardware
  • Web
  • Documentos no web
  • Software
  • Documentación y servicios de apoyo
  • Acceso a servicios de emergencia

Tiene también dos tablas, una que muestra los criterios de accesibilidad de páginas webs (Tabla A.1) y otra sobre accesibilidad de aplicaciones móviles (Tabla A.2).

Por último, el anexo C, determinación de conformidad, recoge los medios necesarios para determinar la conformidad con los requisitos individuales que figuran en el cuerpo del documento. Casi cien páginas en el que aparecen todos los requisitos –algunos, recordemos, originarias de las WCAG 2.1–, y las condiciones para superar o no los requisitos de accesibilidad.

Importancia de la UNE-EN 301549:2019

Sin duda, la UNE-EN 301549:2019 es un documento de gran importancia, no sólo para los profesionales y empresas relacionados con la Administración Pública (se tiene que aplicar), también en general, para los que están interesados en la accesibilidad web: el hecho de proponer unas pruebas para verificar o no el cumplimiento de los requisitos (y pautas) creo que tiene mucho valor, ya que, aparte de saber cómo comprobar los requisitos, permitirá evitar, en cierta medida, los sesgos que surgen al interpretar los requisitos.

Modelo europeo de declaración de accesibilidad para el sector público

Como epílogo, ya que reunimos de forma indirecta algunas novedades de los últimos meses sobre accesibilidad web (por ejemplo, la versión 2.1 WCAG), menciono otro documento, también importante: recomendaciones para realizar el modelo europeo de accesibilidad. Hablamos de "ése enlace" que pone accesibilidad en el pie de las webs. El documento puede servir de referencia y no sólo para las webs (y aplicaciones móviles) de las administraciones públicas.

Un para de detalles importantes: En las administraciones públicas debe tener el 20 de septiembre del 2019 (para sitios nuevos) o el 20 de septiembre del 2020 (para las webs ya publicadas) un ente (persona, grupo, departamento, unidad,…) encargado de recibir las comunicaciones sobre requisitos de accesibilidad, que además de poder presentarse mediante un correo electrónico o formulario, debe tener al menos un canal complementario, que puede ser u teléfono o una oficina física.

Otra unidad, departamento, grupo... que debe existir es la Unidad Responsable de Accesibilidad (artículo 16 del Real Decreto 1112/2018 ya mencionado).

La pregunta final: ¿se cumplirá?

Referencias

13/05/2019 Categoría/s: Webposible. 0 Comentarios

Cómo crear un diseño más simple

En una época –la de las constantes distracciones–, en la que encontrar el foco puede considerarse una hazaña, la sencillez y la simplicidad tienen aún más importancia.

Es bastante conocido el ya veterano libro de John Maeda The Laws of Simplicity. Con este punto de partida, Taras Bakusevych, ha desarrollado un interesante artículo titulado How to simplify your design, en el que muestra con ilustrativos ejemplos cómo encontrar esa simplicidad tan necesaria y vencer la complejidad, que clasifica de la siguiente manera:

  • Information overload
  • Randomness and disorder
  • New and foreign experences
  • Multitasking
  • Multitudes of choices
  • Rely on the user memory
  • Distractions and break the focus
  • Repetitive and monotonous operations

Consta de los siguientes apartados:

  • Build products with focused value
  • Remove everything unnecessary
  • Translate data into a meaningful format
  • Support quick decision making
  • Too many choices will scare off customers
  • Provide recommendations where multiple choices are presented
  • Draw users attention to the right areas
  • Use color and typography to communicate a hierarchy of content
  • Organizations help the system of many look fewer and more manageable
  • Group related content
  • Break up huge tasks in smaller steps, try one column layout
  • Be transparent in communicating the process and system status
  • Do the calculations for your user
  • Hide complexity with progressive disclosure
  • Rely on commonly accepted patterns and interactions
  • Design a streamlined first-time experience
  • Keep in mind ergonomics and circumstances under which product will be used
  • Support inline edit and autosuggest values
  • Use Smart Defaults to Reduce Cognitive Load
  • Prevent errors
  • Design for accessibility
Y está muy bien explicado y más desarrollado con buenos ejemplos en How to simplify your design.

19/03/2019 Categoría/s: Citas,Diseño. 0 Comentarios

Mike Monteiro, vacunas, datos y sensaciones

Mike Monteiro, autor del recomendable libro Design is a job, ha publicado otro: Ruined by Design: How Designers Destroyed the World, and What We Can Do to Fix It. Y como ahora lo de escribir en un blog se ha vuelto vintage, está publicando una lista de correo (Mike´s Monteiro Good News).

Estoy suscrito.

La última entrega empieza hablando de las vacunas, los anti-vacunas (gente que puede ser responsable de la vida de sus hijos y también puede votar), los datos, las sensaciones y el diseño.

Como buen diseñador, es partidario de utilizar los datos disponibles: es una forma objetiva de tomar decisiones argumentadas (y tengo que aprender más al respecto, confieso).

Y no deja de ser paradójico que en la época en la que más datos hay disponibles, en no pocas ocasiones al final se toman las decisiones por emociones.

Silicon Valley claims to be obsessed with data.
[…]
How to get it. What to do with it. Who’s selling it to whom. Who needs it. How to protect yours. We’ve collected more data in the last ten years than we can process in the next hundred. No one can exactly remember why we’re collecting it, but everyone’s afraid to stop. Yet, with all this data at our disposal, we’ve created a garbage fire run by platforms of vitriol. Here’s some more data: we’re idiots.
Like any good designer, I work with data. If you’re designing something for people to use and no one can use it, that’s data. You’d be a fool to ignore the data.
[…]
While you’re designing, you’re like a scientist. You study every data point. It’s the smart thing to do. Then you gotta persuade people the work is right. Hold onto your butts…
The minute you put a design solution in front of data-driven Silicon Valley types, they start talking about feelings.
“This feeeeeels wrong.”
“I’m not feeeeeeling it.”
“Oh, I like the feel of this!”
It’s a little crazy-making, but it’s also understandable. I told you people don’t make decisions based on data; they make them based on feelings.

Mike Monteiro

Datos versus emociones.

Datos y emociones.

02/11/2018 Categoría/s: Diseño,Libros. 0 Comentarios

Las fuentes de Massimo Vignelli

En estos días estoy releyendo "The Vignelli Canon", de Massimo Vignelli. El libro, muy recomendable, está disponible en formato pdf (The Vignelli Canon [pdf]"), pero es uno de esos libros que se disfruta mucho en papel.

En uno de sus contenidos, habla sobre tipografías. Desde su experiencia, no hacía falta trabajar con un número descomunal de tipografías, con unas pocas seleccionadas pudo hacer la mayor parte de sus trabajos. De hecho menciona que en una exposición, mostraba una representación de sus obras en las que únicamente usaba cuatro tipografías, y son las siguientes:

  • Garamond
  • Bodoni
  • Century Expanded
  • Helvetica

Nombraba también las siguientes fuentes, que añadía a su lista de imprescindibles (junto con algunas otras no mencionadas):

  • Optima
  • Futura
  • Univers
  • Caslon
  • Baskerville

Ocho fuentes que usadas con sabiduría, podría evitar lo que Massimo denominaba one of the biggest visual pollutions of all times, debido a la proliferación de fuentes creadas con los ordenadores.

Como curiosidad, añadiendo un poco más de información, más allá del nombre de la fuente (fecha de creación, autor y nacionalidad), saltan a la vista algunos detalles curiosos.

  • Garamond (1532), Claude Garamond, Francia.
  • Bodoni (1788), Giambattista Bodoni, Italia.
  • Century Expanded (1990), Morris Fuller Benton, Estados Unidos.
  • Helvetica (1957), Max Miedinger y Edouard Hoffmann, Suiza.
  • Optima (1955), Hermann Zapf, Alemania.
  • Futura (1930), Paul Renner, Alemania.
  • Univers (1957), Adrian Frutinger, Suiza.
  • Caslon (1734), William Caslon, Gran Bretaña.
  • Baskerville (1757), John Baskerville, Gran Bretaña.

Las fuentes clásicas, que van desde el siglo XIV al XVI son originarias de Francia, Italia y Gran Bretaña. Las fuentes más actuales, se concentran en Alemania y Suiza (más la Century, de Estados Unidos).

Massimo Vignelli fue un diseñador que trabajó en muchos ámbitos, pero en el contexto actual, hay que tener obviamente muy presente la proliferación de pantallas en nuestras manos y frente a nosotros.

Recuerdo haber leído opiniones al respecto de las fuentes que a pesar de estar plenamiente consolidadas (¡algunas se llevan usando durante siglos!), tal vez no sean las más apropiadas para el contexto digital. Al principio había que restringirse a las fuentes instaladas en el correspondiente sistema operativo (sí, el famoso font-family: Helvetica, Arial, sans-serif usada en las hojas de estilo), aunque hoy en día existe la flexibilidad de poder usar webfonts y hay una gran disponibilidad de fuentes con licencias bastante permisivas.

Dadas las circunstancias actuales, ¿qué fuentes diseñadas recientemente añadiría hoy en día Massimo a su lista para un uso predominante en un entorno digital? Mencionaré algunas posibilidades, diseñadas en un contexto más actual, aunque ignoro su probabilidad:

  • Fira Go (2018), varios autores, basada en la fuente Fira Sans (2013) diseñada por Erik Spiekermann para el sistema operativo Firefox OS.
  • Roboto (2011), Christian Robertson (Estados Unidos), diseñada para el sistema operativo Android.
  • San Francisco (2014), Apple, Estados Unidos. Usada en sus sistemas operativos (iOS y Mac OSX).
  • Segoe UI (2004), Steve Matteson, Estados Unidos. Usada en los sistemas operativos de Microsoft.

Pregunta que dejo en el aire. Estamos en el año 2050. ¿Estarán vivas Fira Go, Roboto, San Francisco, Segoe UI, o habrán caído en el olvido y seguirán con todo su vigor las fuentes antes mencionadas y diseñadas de uno a ocho siglos antes?

El tiempo lo dirá.

Categorías