Entrando en la página destinada a este fin nos asaltan multitud de dudas: ¿estamos realmente en el trámite que queríamos? ¿por qué no lo aclara un título? Dice “si dispone de la tarjeta”… y ¿si no dispongo de ella? ¿por qué las instrucciones de lo que tengo que hacer están por debajo del sitio donde debo hacerlo? ¿por qué no se muestra de forma más clara que me puedo identificar con certificado digital? etc.

Pero todo esto es el menor de los problemas de alguien que intente realizar este trámite ante la duda de ¿cómo escribo mi DNI en este campo?

Si alguno de los lectores dispone de un NIE (“número de identidad de extranjero”) del tipo
X1234567A quizá lo vea más claro y decida probar escribirlo de esta forma:

Pero se dará cuenta que al pulsar en “Aceptar” salta un error. Aunque quizá “salta” no es la expresión más adecuada, pues únicamente nos lo sugiere el color de la etiqueta (que ha cambiado a… verde) y unas minúsculas “x” en las dos cajas de texto (que han cambiado de formato y ahora tienen fondo gris).

No es necesario contar cómo a partir de este punto el usuario puede ir probando multitud de combinaciones sin éxito. El que tenga más paciencia puede, finalmente, darse cuenta que en la parte lateral izquierda de la pantalla hay una “sugerencia”.

La sugerencia, que no es tal, pues es de obligado cumplimiento, apenas es visible, pues está alejada del formulario y el texto es color pastel (muy fuera de los límites de contraste especificados en el nivel AA de las políticas de accesibilidad del W3C, que debería cumplir todo sitio web de una institución pública).

Según la ayuda, el usuario debe escribir su “DNI” o “NIE” en la segunda caja de texto e indicar en la primera qué tipo de documento ha escrito mediante una “D” o una “E”, respectivamente.

Dejando a un lado que el sistema pueda reconocer si se ha escrito un DNI o un NIE (y no tenga el usuario que indicarlo), tampoco hay ningún motivo para solicitar al usuario que escriba nada, cuando un formulario de este tipo se podría solucionar mediante un mero desplegable de selección:

Detectar este problema no es una cuestión de conocimientos de usabilidad, es una cuestión de enfoque: probar informalmente la página con únicamente dos usuarios sacaría a la luz ésta y otras dificultades de la interfaz.

Y la solución de “mínimos” que presentamos, diseñada bajo la suposición que será más común escribir un NIF que un NIE, tiene una implementación trivial: un minuto en XHTML.

Quizá si se dedicara más tiempo y recursos a mejorar las interfaces, no serían necesarios tantos anuncios en televisión para estimular a que la gente haga trámites por Internet.

TrackBack (0) | 3 comentarios

jordisan ( 1 Sep 2010 a las 9:51 AM)

En el fondo parece que todavía tenemos ese sentimiento arcaico de que los trámites por Internet son un "lujo" o un "extra". Vamos, que ya podemos darnos con un canto en los dientes con que existan como para encima pedir que funcionen bien.

ruymanfm ( 1 Sep 2010 a las 10:51 AM)

En la del Gobierno de Canarias, lo de los horarios parecen surrealistas. Y los requisitos técnicos me parecen vergonzosos: http://www2.gobiernodecanarias.org/empleo/portal/portalDesempleado/oficina-virtual/empleo.html

Juan Maria Nieves ( 1 Sep 2010 a las 11:52 AM)

Cuando los desarrollos se derivan en grandes consultoras como Fujitsu , donde los programadores hacen de maquetadores/diseñadores apremiados por plazos inhumanos este tipo de cosas suelen suceder. Este es un ejemplo más de que los concursos públicos en cataluña son una falsa , por que o bien lo gana Fujitsu o la mayoria de la veces lo gana T-Systems...

Hablábamos ya del tema hace seis años, pero este concepto, que parece que aún no ha cuajado entre los responsables de sitios web, no es en absoluto nuevo: está consolidado, en algunos casos desde hace siglos, en multitud de disciplinas como la pintura, la fotografía, el cine o el arte oriental del bonsái.

En fotografía, por ejemplo, ningún aficionado pondrá en duda la importancia de que exista algo que visualmente capte la atención del ojo al ver una toma. Este “algo” es el punto dónde empezar a mirar y a partir del que arranca un camino, definido de forma más o menos explícita visualmente, para que el ojo recorra la foto.

A estas alturas puede parecer una perogrullada hablar de los principios de la Gestalt u otras teorías visuales, pero ¿cómo hacen los fotógrafos para definir estos puntos focales? Pues utilizando variables visuales que deberían ser conocidas por cualquier diseñador de interfaces, como la posición, el tamaño, el color o la forma, entre otras.

El uso correcto de estas variables permite jerarquizar visualmente la interfaz, destacando unos elementos por encima de otros, e incluso crear caminos visuales para acompañar al usuario a donde el responsable de la interfaz desea que vaya.

Las ventajas de tener un foco parecen claras, pero las desventajas de no tenerlo también son importantes, y es que no crear un punto de atención, o su extremo contrario, crear demasiados, es el primer paso para forjar una experiencia de uso confusa. Si nada más entrar, no sé por dónde empezar, ¿cómo va a ser el resto?

TrackBack (0) | 0 comentarios

• investigar necesidades de usuarios
• elaborar arquitecturas de información
• definir y establecer navegaciones e interacciones con el usuario
• definir estructuras y prototipos (alta y baja definición)
• realizar evaluaciones de usabilidad (evaluación heurística, test con usuarios…)

Requisitos:

• ser licenciado o ingeniero
• conocimientos de arquitectura de la información, diseño centrado en usuarios y diseño de interacción
• conocimientos de las metodologías y técnicas habituales de análisis y evaluación de interfaces y de las herramientas de usabilidad
• buena capacidad de comunicación oral y escrita
• persona con ganas de aprender
• pasión por la usabilidad y por el diseño

Requisitos deseados:

• conocimientos de herramientas de diseño
• participar de la filosofía del diseño de la sencillez o simplicidad
• conocer y tener sensibilidad por la accesibilidad

Experiencia:

Se requiere una experiencia mínima de 2 años dedicados en exclusiva en proyectos de usabilidad, HCI, experiencia de usuario, arquitectura de información y/o diseño de interacción.

Envía tu currículum vitae, a trabajo@usolab.com indicando en el asunto "Consultor usabilidad (Barcelona)"

TrackBack (0) | 0 comentarios

Esta información para muchos usuarios no significa nada, no saben cómo se traduce a su vida diaria, por lo que no le facilita ni ayuda en la toma de su decisión. Otro enfoque complementario es presentar la información en términos comprensibles para los que lo utilizarán, trasladándolos a los usos o beneficios que tendrán en su vida cotidiana.

Por ejemplo, en el sitio web de la imagen inferior, si se pulsa en el enlace “10GB usage allowance”, se superpone una capa en la que se explica lo que se puede hacer con 10 GB.

En las páginas mostradas a continuación, se muestra esta información directamente en la misma promoción, señalando qué ventajas tiene cada uno de los productos.

Esta información permite al usuario diferenciar de forma más clara las opciones y le facilita la decisión.

TrackBack (0) | 0 comentarios

La visibilidad hace referencia a la necesidad de que los usuarios conozcan el estado del sistema. La retroalimentación consiste en proporcionar información útil y clara al usuario después de cada acción realizada.

Son principios nombrados ampliamente entre los diversos autores que recogían y publicaban reglas heurísticas a principios de la década de los 90, cuando todavía ni siquiera existía lo que actualmente conocemos como Internet.

Sin embargo, todavía hay interfaces que no cumplen estos principios, como ocurre en la imagen inferior.

Cuando un cliente entra a la web e intenta identificarse, se encuentra con la siguiente pantalla (con una resolución de 1024 x768 píxeles):

La acción del usuario al introducir su clave y contraseña desencadena dos cambios leves y difíciles de apreciar en la interfaz. Es decir, que el sistema carece de visibilidad y de retroalimentación. La pantalla queda como se muestra en la imagen:

Los cambios son tan poco apreciables que casi se podrían usar para una prueba del tipo “Encuentre las siete diferencias” (o awareness test, como el famoso vídeo para concienciar a los conductores de la presencia de los ciclistas).

Con la acción del usuario, desaparece el botón “Entrar” y aparece, en el extremo inferior izquierdo de la pantalla, un formulario para introducir una clave. Otro problema añadido, es la distancia entre este nuevo elemento y el lugar de introducción de la clave.

El hecho de que este formulario esté por debajo del pliegue de la pantalla (que como señaló Nielsen recientemente es necesario tenerlo en cuenta) agrava la situación.

Estos problemas provocan que los usuarios tengan muchas dificultades para continuar con el proceso que intentaban completar: identificarse para acceder a su sistema de banca online.

TrackBack (0) | 0 comentarios

¿Entonces, cuál es el motivo? El diseño. El diseño del formulario de donación de órganos.

En los países con una alta donación, la persona debe indicar expresamente en el formulario que no desea ser donante, que renuncia a serlo. Para ello tiene que marcar la casilla, el check box. Por defecto, si no indica lo contrario, la considera voluntaria a ceder sus órganos.

Por otro lado, en los formularios utilizados en los países de la izquierda del gráfico, con poca donación de órganos, el que lo cumplimenta debe indicar si desea donar los órganos. Por defecto, si no marca la casilla, no se le considera donante.

La mayoría de la gente no modifica la opción ofrecida por defecto en el formulario de consentimiento.

Creemos que tomamos las decisiones de forma racional y objetiva, pero la realidad es que, cuando nos enfrentamos a decisiones complejas o importantes, como la donación de órganos, los elementos no racionales juegan un papel fundamental, según comenta Dan Ariely. La forma en cómo se nos presenta una selección o pequeños detalles casi imperceptibles influyen de manera significativa en qué elegimos.

El diseño de una interfaz es una de las fuerzas y motivos escondidos o inconscientes que dan forma y afectan a nuestras decisiones. ¡Qué responsabilidad!

TrackBack (0) | 3 comentarios

jordisan (14 Abr 2010 a las 4:26 PM)

No os perdáis su vídeo en TED; es interesante de verdad: http://www.ted.com/talks/dan_ariely_asks_are_we_in_control_of_our_own_decisions.html (por cierto, es Ariely, no Ariel)

Ezequiel M. (17 Abr 2010 a las 6:50 PM)

Me llamó la atención el título del articulo, la verdad una tremenda responsabilidad este tema. Claramente una persona tiende a confundirse al completar un formulario importante, normalmente uno entiende que al tildar acepta la condición.

Tania (24 Jul 2010 a las 1:27 PM)

El tema me parece un poco mas complejo que solo una casilla mal diseñada. En general, cada pais tiene sus normativas (leyes) que reglan si los ciutadanos tienen que consentir o contradecir a la donación de sus organos. En Alemania por ejemplo hay que consentir activamente (llevar un carnet) mientras que en Austria el donante esta automaticamente de accuerdo si ha declarado el contrario.

En estas elecciones se realizaban tres votaciones y se podía participar opcionalmente en otras consultas. Los votantes debían utilizar varios tarjetones como el de la siguiente imagen, que publica el sitio web Colombia.com (los números y flechas no forman parte del tarjetón).

El tarjetón funciona de la siguiente forma: los votantes pueden utilizar la “Parte A” o la “Parte B”, según si desean votar la “circunscripción nacional” o la “especial para comunidades indígenas”.

Si votan la “Parte A”, deben marcar un partido en la parte superior y, en el caso que sea un partido con “voto preferente”, marcar un número en la parte central, que corresponde al candidato preferente de la lista elegida.

Existen multitud de problemas en este proceso que pueden desencadenar un voto nulo. Veamos los principales:

• No se sabe, a simple vista, la diferencia entre los bloques “Parte A” y “Parte B”. Los títulos de estos bloques están centrados, en mayúsculas y sin destacar palabras clave, afectando a su legibilidad y por ende a la comprensión de qué es cada uno. Si los ciudadanos votaban en ambos bloques, su voto era nulo.
• Aunque apenas se aprecia en la imagen, debajo de cada logo se indica si el voto es “preferente” o “no preferente”, es decir, si es necesario elegir un candidato de la lista del partido. Esta indicación sin duda es insuficiente, pudiendo pasar desapercibida. Parece ser que el problema que anuló más votos fue no marcar un candidato de preferencia.
• El uso de un tarjetón común para todos los partidos impide que los números de candidatos se puedan acompañar de su nombre y foto. Los números no son reconocibles, obligando a los votantes a recordar la relación que hay entre número y candidato o bien consultarlo en un documento en las urnas. Algunos usuarios, conscientes a priori de esta dificultad, parece ser que acababan olvidando  marcar el partido una vez resuelto el problema de conocer y marcar el candidato.
• A la hora de seleccionar los partidos y los candidatos no existe una zona o casilla dónde escribir. Los usuarios de este tarjetón no tienen ningún indicio visual de qué deben marcar y, además, no saben dónde ni cómo hacerlo: ¿se debe tachar el logo del partido? ¿hacer un círculo? Algunos votantes sin duda preferirán hacer una pequeña cruz al lado del logo de su partido, pero apenas hay espacio para ello y los votos se anulan cuando no se puede determinar de forma clara qué partido se ha votado.

No es la primera vez que escribimos sobre este tipo de problemas en unas elecciones. Hablábamos hace un tiempo de un caso parecido en Escocia y por todos son conocidos otros ejemplos sonados como el caso Bush vs Al Gore en Florida en el año 2000.

Sin duda, estos problemas de diseño influyen en “desdemocratizar” tristemente la democracia.

Actualización: Los lectores nos aclaran en los comentarios que algunos de estos problemas no dan lugar a voto nulo. Nos indican también otra cuestión que no habíamos comentado: la disposición de los números (12 por fila en lugar de 10) dificulta la localización del candidato preferente. Y nos plantean una pregunta: ¿hay números más “sexys” que otros?

TrackBack (0) | 5 comentarios

Carlos Th (15 Mar 2010 a las 8:48 PM)

Al votar por una lista con voto preferente NO es NECESARIO marcar un número. Si un jurado marcó como nulo tal voto no es problema de usabilidad sino de capacitación del jurado. Caso contrario: marcar un número en una lista cerrada no debe invalidar el voto (no, al menos, cuando yo tomé la capacitación de jurado hace cuatro años). La marca extra símplemente debe ignorarse.

juglar del zipa (15 Mar 2010 a las 9:34 PM)

Carlos tiene razón: en el caso de voto preferente el voto era válido únicamente marcando el emblema del partido. Y en caso de lista cerrada el voto debería ser válido aun si alguien marcó un número. No sé si esto que sugiero se había considerado como una regla a la hora del conteo. Es importante tener en cuenta que esta tarjeta electoral traduce la reforma electoral del 2003 en la que se buscó fortalecer y disciplinar los partidos. Las tarjetas usadas anteriormente eran voluminosas, llenas de páginas, de fotos, números y nombres, reflejo de un sistema en que cada candidato era una lista. Pero el porcentaje de votos nulos fue de 3,4 la última vez que se usó este método en 2002. El de las elecciones de 2006 fue 11% y este año ya supera el 10%. Hay dos diferencias entre el sistema actual y el anterior y es que hay un paso más, justamente el que exige marcar primero un partido y después, si se quiere, el número. Este es por supuesto un problema de usabilidad pero no de los que se tratan como "no me hagas pensar". Quiero decir que aquí se supone que el elector está manifestando una decisión que ya tomó, que la tarjeta no es un mapa para ayudar a decidir. Así que, habiéndose informado sobre el partido y el candidatos de su preferencia, pasando por cómo usar esta herramienta, el elector lo manifiesta. Toda la publicidad era muy enfática señalando y reforzando ambos pasos. Lo de las secciones de la tarjeta puede ser más confuso, más si además tiene información redundante pues los números que se eligen para la circunscripción nacional son de 1 a 100 mientras que los de la especial van del 201 al 203. Si se diferencian, podría suponerse, no deberían anularse. El millón de votos nulos sin duda sería una excelente muestra para conocer las falencias del sistema. Sin embargo, por ley, pasan a mejor vida. Tal vez la Registraduría podría ordenar tomar una muestra por cada mesa. Sin embargo es claro que a la tarjeta no le hicieron ninguna prueba. ¿Y nadie piensa en saber quién es el encargado de eso?

juglar del zipa (16 Mar 2010 a las 3:05 AM)

aquí hice este diagrama sobre las zonas calientes de la tarjeta, con los datos de la votación: http://www.flickr.com/photos/juglardelzipa/4436361973/

Dani (16 Mar 2010 a las 9:37 AM)

¡Gracias Carlos Th y juglar del zipa por la aclaración y aportaciones!

Francisco ( 9 Abr 2010 a las 7:39 PM)

En España también tienen tela las papeletas al Senado. De hecho para las próximas elecciones se debería pedir que cambiasen su diseño.

Responsabilidades:

• Diseñar las interfaces de usuario y de interacción de webs y de aplicaciones
• Crear diseños centrados en el usuario, teniendo en cuenta los requisitos de los clientes y la usabilidad
• Definir la línea gráfica de los proyectos en los que participe la empresa
• Desarrollar esquemas conceptuales (wireframes), maquetas visuales, y prototipos
• Presentar el diseño a nuestros clientes
• Contribuir a la formación de diseño gráfico del grupo

 Requisitos: 

• Tener una filosofía de diseño de simplicidad
• Experiencia mínima de 1 año dedicados en exclusiva a diseño gráfico de interfaces
• Pasión por la usabilidad y por el diseño
• Conocimientos de arquitectura de la información, diseño centrado en usuarios y diseño de interacción.

Requisitos deseados:

• Conocimientos de maquetación HTML / CSS
• Conocer y tener sensibilidad por la accesibilidad

Condiciones:

• Trabajo presencial en nuestras oficinas de Sant Cugat del Vallès (Barcelona)
• Jornada laboral completa (ocho horas) o reducida (seis horas por la mañana)
• Salario a negociar, según experiencia

Si estás interesado, envía tu currículum vitae, portfolio, sitios web, blog personal... a trabajo@usolab.com, indicando en el asunto "Diseñador de Interacción".

TrackBack (0) | 4 comentarios

gustavo soto miño ( 6 Mar 2010 a las 12:15 AM)

Se lee interesante. A quien se envía CV? Saludos

( 8 Mar 2010 a las 10:01 AM)

¿En qué provincia?

Daniel ( 8 Mar 2010 a las 10:28 AM)

Podéis enviar el CV a trabajo@usolab.com. El trabajo es presencial, en nuestras oficinas de Sant Cugat del Vallès (provincia Barcelona).

Raúl Solano (16 Mar 2010 a las 8:18 PM)

Enviado CV :) ¿Confirmáis recepción?

Pese a la creencia común de considerar que los visitantes ya saben de qué va tu sitio web, nos parece imprescindible contar lo que haces (consideremos a Tuenti un caso a parte). El texto, sin embargo, no parece el recurso más adecuado para hacerlo, pues ya sabemos que la gente no lee. Entonces ¿qué alternativas hay?

Tenemos algunas ideas:

Mostrar los contenidos/productos

La forma más sencilla de mostrar qué ofreces o vendes es sacarlo del almacén y colocarlo en el escaparate. Por ejemplo, ¿a qué se dedica el sitio web japonés Orihime?

Sólo viendo su página de inicio el usuario ya se hace una idea: parece que venden bolsos/fundas de portátiles para chicas.

Enseñar fragmentos de la interfaz

En ocasiones el objetivo del sitio web no es ofrecer información o algo tangible susceptible de ser mostrado en la página de inicio. Si se trata de una aplicación o un servicio, presentar una o varias capturas de la propia interfaz puede contribuir a entender de qué se trata. Es el caso de UserHeat:

Mostrar la interfaz para comunicar los resultados de los análisis que realizan es su mejor herramienta de venta: de un vistazo el visitante entiende que UserHeat hace “mapas de calor” de sitios web. Sin entender el texto ya nos podemos hacer una idea de por dónde van los tiros.

Usar diagramas e ilustraciones

Si la interfaz no es suficiente y el producto no es tangible, a veces un diagrama o ilustración puede contribuir a entender un concepto. Otro ejemplo japonés: maysee.jp.

El logo del sitio web utiliza elementos culturales japoneses, como es la forma en que se entregan y sujetan las tarjetas de visita, para dar una primera pista. Una vez identificado el tema del sitio, las tarjetas, los diagramas cobran sentido: con maysee.jp el usuario pasará de tener sus tarjetas de visita amontonadas a tenerlas organizadas en una aplicación web.

Incluir vídeos

El vídeo permite integrar varios de los conceptos anteriores en un único elemento. ¿La contrapartida? El usuario debe querer invertir parte de su tiempo, por lo que es esencial que sean cortos e interesantes. Por ejemplo, al entrar en Cacoo no han sabido plasmar de forma estática qué hacen y sólo sabemos que tienen una aplicación, pero ¿de qué?

Con unos segundos de vídeo se ve la aplicación funcionando y se entiende que se trata de una herramienta de diagramación.

Escribir para la web

Y si todo lo anterior no funciona y se debe recurrir al texto, no todo está perdido, tenemos algunas otras ideas sobre cómo escribir para la web.

TrackBack (0) | 3 comentarios

Marcos Kramer ( 4 Mar 2010 a las 1:02 AM)

Debemos ir en esa dirección, contar lo que hace tu portal de una forma gráfica. Pero en el ejemplo que has puesto de picotea, ¿como lo contarías de una manera gráfica?. No es un escaparate ni vende productos. No le veo muchas alternativas gráficas para contarlo. Me he metido en la web y he visto que en una de las pestañas de inicio tienen un video. ¿Sería la solución poner ese video en la primera?

Dani ( 5 Mar 2010 a las 9:30 AM)

Marcos: El vídeo actual es demasiado largo. Lo ideal sería ofrecer una página de inicio más minimalista, en línea al concepto de microblogging, explicando de forma más breve y visual de qué va y en qué consiste. Sería también interesante mover los contenidos de la pestaña “¿Quiénes picotean?” a esta página inicial, para dar cierta sensación de dinamismo (siempre y cuando haya suficientes usuarios registrados, para no ser contraproducente).

Martin (12 Mar 2010 a las 5:40 AM)

Muy acertado el detalle de elegir webs en japones...al menos para mi fue una especie de lorem ipsum ;)

He conocido muchos diseñadores a los que las restricciones propias de cualquier proyecto (tiempo, tecnología, presupuesto, objetivos de negocio, contexto de uso, etc.) les incomodaban o veían como amenaza o limitaciones a sus propuestas visuales, a su trabajo.

Nosotros, además, añadimos otros requerimientos menos habituales que tampoco suelen gustar a algunos diseñadores: pedimos que las interfaces sean “usables”, que respondan a las necesidades de los usuarios, que sigan las convenciones, a la vez que ser agradables, originales y creativas.

Pero son las restricciones, por ejemplo, las normas de sintaxis visual y las conveniciones establecidas las que permiten que el diseño sea comunicación, sea resolución de problemas. El diseño depende en gran medida de las limitaciones, de las convenciones asumidas e inconscientes. Además, venciendo las resistencias es como vamos construyendo las cosas, es como somos creativos.

Recuerda la famosa paloma de Kant:

“La ligera paloma, que siente la resistencia del aire que surca al volar libremente, podría imaginarse que volaría mucho mejor aún en un espacio vacío”.

Es precisamente el aire el que le permite a la paloma vencer esa resistencia y volar. Son las restricciones lo que favorece y posibilita la creación al diseñador.

Este puede soñar con la absoluta libertad, con un mundo sin limitaciones, pero eso, si fuera posible, sería arte, no diseño.

Las restricciones son un desafío que fuerza y estimula a crear, a generar propuestas que superen las limitaciones, a resolver y superar esos problemas.

Acepta los desafíos, supera las limitaciones (aunque sean de usabilidad), que diría Kant.

10 comentarios

José Vittone (18 Feb 2010 a las 2:23 PM)

¡Muy bueno! Absolutamente de acuerdo. ¿Qué sería de nosotros (los diseñadores) sin problemas que resolver?

jordisan (18 Feb 2010 a las 2:53 PM)

Y los expertos en usabilidad somos los perros perdigueros que se comen a las palomas que no vuelan bien :P

Jordi - Asterisk bcn (18 Feb 2010 a las 3:36 PM)

No pasa lo mismo cuando hablamos de accesibilidad web, no tenemos que verla como una barrera para el diseño, sino como una puerta para miles de usuarios que verán e interactuarán con nuestra web de forma diferente.

Huidobro (18 Feb 2010 a las 5:12 PM)

Que grande este post. Y sobre todo que tuyo Armando :)

alex (18 Feb 2010 a las 11:53 PM)

BUfff me da un poco de pereza el post. Yo soy diseñador y creo que pocos diseñadores conocéis… o eso espero , un buen diseñado se crece ante las limitaciones. "requerimientos menos habituales" no se si son menos habituales cuando generas una interface nueva tienes o debes pensar como se interactua con ella. Si no piensas en eso te puedes dedicar a pintar cuadros. soy de los que pienso que el diseño soluciona un problema y la interacción con la maquina es una de las características que tienes cuando te enfrentas al problema de diseñar una interface. Vamos que la usabilidad es un elemento más como la ergonomia lo es al diseño industrial, es un elemento que debemos conocer y aprender. Cuando decís que cumplan las convenciones… aquí discrepo por que en mi curro trabajo codo con codo con vosotros. y las convenciones suelen salir de un libro De mi "amigo" jakob nielsen y yo creo que las cosas evolucionan. Hay que conocer las reglas pero hay que aprender de ellas y probar a veces cosas nuevas. Eso no quiere decir que el proceso lógico es testera el cmabio y si no cumple con los objetivos iniciales… Pues a cambiar otra vez. Pero hay que romper las convenciones para añadir emotividad a las interfaces. Igual que lo tienen las marcas, los anuncios. El hombre es emocional y las interficies tienes que desprender emociones. No queremos estar siglos con links azules sobre fondo blanco. Eso no quiere decir que si tengo una funcionalidad la ponga aunque nadie la use, y que ponga un botón sino es necesario y no aporta nada. Tengo una teoría sobre el proceso en el que estamos, hasta hace poco valía todo, ahora debemos unir especialidades como diseño y usabilidad para aportar valor añadido a empresas. VIVA KANT y creo que el problema es que todavía hay diseñadores que quieren ser artistas y artistas que quieren ser diseñadores.

disfrutamallorca (20 Feb 2010 a las 9:25 AM)

Debo decir que soy novato en el tema del diseño, aunque me apasiona, por eso leo y releo tus posts, me parecen de gran ayuda. He visitado la web de O2, supongo que esta puesta como buena paloma. ¿Podrías sugerir otras webs como “buenas palomas”? es bueno poder aprender de algo bien hecho. Gracias

disfrutamallorca (20 Feb 2010 a las 9:27 AM)

Perdón en mi comentario anterior, me refería a “Palomas ligeras”, no ha buenas palomas

Carola Clavo (22 Feb 2010 a las 12:02 PM)

Eso de lo que hablas, no son diseñadores, se hacen pasar por tales, y me da pena leer que alguien los llama así. Precisamente los trabajos más fáciles son los que tienen trabas y cortapisas, porque el diseño es una forma de comunicar resolviendo los problemas de cada momento. El diseño es comunicación y funcionalidad, y todo lo demás es estética o arte, que es otra cosa. Me da pena que los llames diseñadores, porque se devalúa nuestra profesión, se crea confusión y ya tenemos bastante de las dos cosas. ;-) (lo digo con cariño y humor). Un saludo.

disfrutamallorca ( 5 Mar 2010 a las 4:19 PM)

Por favor, seria posible algunas webs como ejemplos de "Palomas ligeras". GRACIAS

catalina (11 Mar 2010 a las 8:58 AM)

A mí tambien me gustaria algún ejemplo de web a seguir ... bonita, sencilla y usable

Google, con el objetivo de facilitar a los usuarios el uso del Google Buzz, decidió ocultar el acceso a las opciones de privacidad. Esto simplificaba la interfaz, pero también obviaba un principio básico de usabilidad: ofrecer visiblemente el estado del sistema. ¿Qué seguidores tengo? ¿Quién ve lo que estoy publicando? ¿Quién tiene acceso a mi correo electrónico? Todas estas preguntas, directamente relacionadas con el servicio, no tenían respuesta en la interfaz que planteó inicialmente Google.

Las quejas de los usuarios no se hicieron esperar, y dos días más tarde Google añadía, entre otras cosas, una pantalla inicial preguntando si se quería compartir públicamente la lista de seguidores.

No fue suficiente, así que 48 horas después Google añadió otra nueva pantalla mostrando la lista de los usuarios que se añaden automáticamente como seguidores e invitando al usuario a eliminar los no deseados.

Está claro que la privacidad no es una cuestión fácil: cuánto más complejo es el servicio, y esto también lo sabe bien Facebook, más complicada es la interfaz para gestionarla. Algunos usuarios, ante la incapacidad de entender cómo funcionan estas interfaces de gestión, deciden desentenderse y olvidarse, pero otros, preocupados por su privacidad, deciden darse de baja del servicio en lugar de lidiar con oscuras interfaces que no les dan la seguridad y sensación de control que exigen.

En los años venideros puede que la privacidad en las redes sociales tome la importancia que hasta ahora no ha tenido. En ese caso auguramos mucho trabajo para los diseñadores de interfaces.

]]> 2010-02-15T17:17:24+01:00 http://www.usolab.com/wl/2010/02/ir-mas-alla-de-la-interfaz.php Dani Armengol Garreta Poco a poco cada vez más empresas integran filosofías y técnicas de diseño centrado en el usuario para la definición de sus interfaces. Pero la interfaz no lo es todo. La interfaz es un traductor, un intérprete, un mecanismo de... 786@http://www.usolab.com/wl/ Poco a poco cada vez más empresas integran filosofías y técnicas de diseño centrado en el usuario para la definición de sus interfaces. Pero la interfaz no lo es todo.

La interfaz es un traductor, un intérprete, un mecanismo de comunicación que se dedica a que humanos y ordenadores se entiendan mutuamente. Es capaz de convertir los ceros y unos aparentemente indescifrables del ordenador en mensajes, gráficos e iconos que son comprensibles para sus usuarios. Y viceversa: permiten traducir las vaguedades e imprecisiones humanas en lógica comprensible para la máquina.

Pero si la interfaz traduce… ¿quién define el mensaje a comunicar? ¿Quién hace las preguntas? ¿Quién diseña las respuestas? El diseño centrado en el usuario es un proceso que abarca mucho más que el diseño de interfaces. A veces la interfaz no es el problema, el problema está a otros niveles: ¿quién no se ha encontrado interfaces perfectamente bien ejecutadas que resuelven problemas… que nadie tiene? ¿Cuántas organizaciones preguntan docenas de datos a sus usuarios que nunca acaban utilizando? ¿Cuántas funcionalidades perfectamente bien organizadas nadie utiliza?

En un reciente proyecto con una aplicación de escritorio se nos pidió diseñar una interfaz cuyo objetivo era que, de un vistazo, se conociera el estado de una serie de elementos. Decidimos hacer una representación gráfica codificando visualmente los estados mediante colores. Hicimos algunas pruebas y se entendía de forma rápida y clara. Habíamos conseguido el objetivo, pero había un problema: ningún usuario necesitaba esa información.

Ese problema, que seguramente surgió cuando se definía a nivel funcional la aplicación, se podría haber detectado si se hubiera investigado qué necesitaban realmente los usuarios para realizar sus tareas.

4 comentarios

joaquin nunez ( 9 Feb 2010 a las 7:31 PM)

"good programmers appreciate the features you put in. expert programmers appreciate the features you left out." http://twitter.com/KentBeck/status/8637230540

disfrutamallorca (14 Feb 2010 a las 12:56 PM)

Muy interesante el post, ¿seria posible saber para que web se realiz´´o la inferface? Gracias

Elena (15 Feb 2010 a las 12:20 AM)

Sería buenisimo que pusieran una opcion para compartir los articulos en las redes sociales (facebook, twitter) :)

Dani Armengol (15 Feb 2010 a las 10:29 AM)

@disfrutamallorca No era ningún sitio web, era una aplicación de escritorio. @Elena Hemos añadido un apañillo temporal para hacerlo.

]]> 2010-02-09T18:51:06+01:00 http://www.usolab.com/wl/2010/01/ser-conscientes-del-inconsciente.php A. Fidalgo Recibimos 11.000.000 unidades de información cada segundo por nuestros cinco sentidos, según estiman los neurocientíficos. Pero, para evitar la paralización por sobrecarga, 10.999.960 de estos trozos de información los procesamos de forma inconsciente. Únicamente 40 de ellos llegan al plano... 785@http://www.usolab.com/wl/ Recibimos 11.000.000 unidades de información cada segundo por nuestros cinco sentidos, según estiman los neurocientíficos. Pero, para evitar la paralización por sobrecarga, 10.999.960 de estos trozos de información los procesamos de forma inconsciente. Únicamente 40 de ellos llegan al plano consciente.

Simplificando, tenemos dos niveles cognitivos: superior e inferior. El primero es consciente y analítico, y se encarga de tareas como pensar, calcular, leer, etc., pero tiene el inconveniente que procesa las cosas de forma secuencial, un solo proceso a la vez, y su capacidad es reducida. Por otro, lado el nivel inferior inconsciente se ocupa de los movimientos automáticos, de reconocer patrones de color, forma, etc. Es capaz de realizar una gran cantidad de estas actividades a la vez, en paralelo, con lo que su capacidad de procesamiento es muy grande.

A la hora de diseñar se deben tener en cuenta estas características humanas para hacer eficientes los diseños de interfaces. Se debe diseñar para que la información secundaria o de apoyo a la principal, como es la apariencia, los colores, formas, texturas, características espaciales, estructura de elementos o patrones sea captada por el nivel cognoscitivo inferior, por el procesamiento automático inconsciente. Dejando para nivel superior o consciente, el contenido principal, la lectura, la resolución del problema o la toma de decisiones.

En muchos diseños se rompe o interrumpe la estructura o patrón, se utilizan colores estridentes, se usan elementos grandes o destacados para cosas poco importantes, etc. disparando la alarma y saltando al nivel superior, obligando a la persona a buscar el motivo de ello. Debe interrumpir su actividad consciente, recordemos que realiza un solo proceso a la vez, y dedicarle una atención consciente a algo que debería continuar en el inconsciente. Es decir, se hace pensar al usuario, desviándole de lo que realmente quiere hacer.

A la hora de diseñar, no seamos inconscientes con el consciente.

6 comentarios

Ergow (31 Ene 2010 a las 3:08 PM)

A grandes rasgos es decir, a nivel cualitativo, se puede entender que un diseño recargado, estridente, etc. va a molestar y saturar la experiencia de usuario. La cuestión que me planteo es de qué forma podemos cuantificar esto a nivel de laboratorio realizando una medición directa sobre el usuario: electroencefalogramas, dilatación pupilar, etc. Es decir qué es lo más recomendable y lo último para trabajar en es campo. Saludos

torresburriel ( 1 Feb 2010 a las 11:13 PM)

Me gusta leer este tipo de posts y reflexiones de vez en cuando. Mucho. Enhorabuena.

David ( 1 Feb 2010 a las 11:21 PM)

Interesante artículo que nos viene a decir que hay mantener una estructura de navegación fija y basada en patrones (nivel cognitivo inferior) en la que se destaquen uno o dos elementos simultáneamente (nivel cognitivo superior). Avanzando en la dirección que plantea Ergow, quizás la unión del recorrido visual (Eye Tracking) junto con los gestos de la cara del usuario pudieran decirnos algo sobre los niveles cognitivos. Sacadas rápidas con fijaciones cortas significarían estímulos secundarios y sacadas cortas con fijaciones intensas significarían estímulos para el nivel superior. Gracias!

Sergio ( 4 Feb 2010 a las 10:54 AM)

Genial la reflexion sensei, como siempre. Por cierto echadle un ojo al último artículo de Juan C. Dürsteler: Visión Activa, creo que se complementa perfectamente con lo que comentas. Explica con gran detalle los mecanismos que actúan en el proceso cognitivo de la visión. Un abrazo.

Francisco (15 Feb 2010 a las 9:36 AM)

Estupendo post ¡uno se queda con ganas de más! :-) Enhorabuena

Laura (17 Feb 2010 a las 6:40 PM)

Genial :) Gracias por compartirlo

]]> 2010-01-28T16:35:14+01:00 http://www.usolab.com/wl/2010/01/conoce-a-tus-usuarios-tu-no-eres-uno-de-ellos.php A. Fidalgo Uno de los defectos habituales más perjudiciales en muchos diseñadores o responsables de Internet es pensar que ellos saben lo que necesitan sus usuarios, que conocen lo que “funciona” con su audiencia. No observan ni hablan con ellos porque consideran... 783@http://www.usolab.com/wl/ Uno de los defectos habituales más perjudiciales en muchos diseñadores o responsables de Internet es pensar que ellos saben lo que necesitan sus usuarios, que conocen lo que “funciona” con su audiencia. No observan ni hablan con ellos porque consideran que ya los conocen, y no merece la pena.

Suelen proyectar su forma de pensar, sus preferencias o formas de hacer en sus clientes y usuarios. Asumen que la gente piensa y actúa de la forma en que ellos lo hacen, con el consiguiente riesgo para el producto o sistema.

Es muy diferente la actitud y el método de Renzo Piano, uno de los arquitectos actuales más reconocidos, como comentaba en una reciente entrevista (El arquitecto siempre busca la Atlántida ):

“No se puede ser arquitecto sin un perpetuo trabajo de investigación de la realidad. Sin la actitud continua y humilde de preguntar a las personas y a las cosas que viven en un lugar. Un edificio no es un ornamento, es algo que dialoga con su contexto. Hay que prestar atención a ese entorno. Tampoco se trata de una celebración narcisista: interpretas a una comunidad, no te citas a ti mismo. Es un pirateo, que recoge estímulos de cualquier cosa. Un robo constante, y muy peculiar: a rostro descubierto y mano desarmada, perpetrado con la honesta intención de devolver el botín en el futuro.”

]]> 2010-01-20T09:21:45+01:00 http://www.usolab.com/wl/2010/01/empezar-a-comprar-en-alcampo.php Dani Armengol Garreta Leíamos hace un par de semanas en Expansión el artículo “Alcampo vuelve a intentar por tercera vez la venta por Internet”. Hemos entrado en Alcampo.es a dar un vistazo. En la sección de alimentación nos encontramos con esta pantalla donde... 782@http://www.usolab.com/wl/ Leíamos hace un par de semanas en Expansión el artículo “Alcampo vuelve a intentar por tercera vez la venta por Internet”. Hemos entrado en Alcampo.es a dar un vistazo.

En la sección de alimentación nos encontramos con esta pantalla donde un botón rojo nos invita a “Empezar a comprar”

Al pulsar el botón aparece un mensaje de error. Empezamos a leer “Por favor seleccione el hipermercado…”.

Encima del mensaje de error vemos que hay seleccionada la opción “Híper Alcampo” que nos parece correcta, así que pulsamos de nuevo “Empezar a comprar” y nos aparece el mismo error.

Esta vez prestamos más atención y abrimos el desplegable y seleccionamos “Alcalá de Henares”. Vemos otro campo a la derecha y tecleamos el código postal “28803” de Alcalá. Pulsamos en “Empezar a compra” y nos aparece otro error.

 

Por el texto del error parece que debemos seleccionar de alguna forma el modo de entrega. Analizamos en detenimiento la página y por fin lo entendemos: para seleccionar “Recoger en tu hiper” se debe dejar el campo “Código postal” vacio. Para seleccionar “Entrega a domicilio” se debe dejar en el desplegable la opción “Hiper Alcampo” (que, de hecho, no es ninguna opción, se trata de una invitación a seleccionar).

El aspecto de publicidad del módulo no es la forma más adecuada de presentar el acceso a la compra y parece claro que visualmente se podrían distinguir mucho mejor las dos opciones de entrada, contribuyendo así a que el usuario entendiera qué debe hacer.

Creemos que Alcampo deberá intentarlo por cuarta vez.

3 comentarios

Luis Villa (26 Ene 2010 a las 1:14 PM)

El problema es la falta de jerarquía y mancha verde con elementos de formulario dentro y el botón. A manchar un interfaz con pegotes de colores y fotos le llamarán "diseño" y tan contentos. En ecommerce está todo inventado y tienen multitud de ejemplos en los que inspirarse. Cero ornamento, blanquito y sin distracciones hasta que el cliente esté dentro del supermercado. Tiene toda la pinta de ser un proyecto liderado por tecnología ¿No pueden aprender de la gente de los hipermercados sobre el comportamiento de los clientes? Lo mejor, la frase de cierre. :)

Rubén (26 Ene 2010 a las 2:55 PM)

Pues dentro ya de la tienda no mejora. Si Luis Villa habla de cero ornamento, dentro tenémos incluso un banner enorme, molesto y que hace perder el foco al usuario, ya no he seguido.

Carlos ( 7 Feb 2010 a las 1:32 PM)

De hecho, si eligen esa forma de entrar, eligiendo entre dos opciones (llenar uno u otro campo de un formulario), podrían haber elegido javascript como primer método de comprobación, mucho más rápido que enviar una petición al servidor (que nunca sobra, por si hay alguien malicioso que se lo quiere saltar). En fin, como habéis dicho, ¡a por la cuarta!

]]> 2010-01-18T12:38:17+01:00