Usolab

El diseño en la democracia

2010-03-15T13:59:33Z

La red se va haciendo eco, poco a poco, de los resultados de las elecciones colombianas de ayer domingo: más de un 10% de los votos fueron declarados nulos y parece ser que la usabilidad del sistema de votación tuvo mucho que ver.

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?

Oferta de empleo: diseñador

2010-03-05T13:49:29Z

Buscamos un diseñador de interacción experto en diseño gráfico de interfaces que traslade diseños conceptuales a un lenguaje visual elegante e intuitivo, teniendo en cuenta criterios de usabilidad y diseño centrado en el usuario.

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".

5 ideas para contar lo que haces sin utilizar parrafadas

2010-03-02T08:24:49Z

Ayer leíamos en el País sobre una iniciativa española de microblogging que poco a poco va ganando usuarios. Su nombre es Picotea.com y tiene un funcionamiento muy parecido al de Twitter: los usuarios pueden escribir y compartir mensajes de un máximo de 160 caracteres. Sin embargo, visitando su página de inicio no dan ejemplo y utilizan más de 1.000 para contar lo que hacen.

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.

Kant a los diseñadores

2010-02-18T13:06:21Z

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.

Usabilidad y privacidad: el caso de Google Buzz

2010-02-15T16:17:24Z

La semana pasada Google lanzó Google Buzz, un servicio para compartir mensajes, fotos y vídeos con una lista de contactos o seguidores; algo a medio camino entre Twitter y Friendfeed.

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.

Ir más allá de la interfaz

2010-02-09T17:51:06Z

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.

Ser conscientes del inconsciente

2010-01-28T15:35:14Z

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.

Conoce a tus usuarios. ¡Tú no eres uno de ellos!

2010-01-20T08:21:45Z

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.”

Empezar a comprar en Alcampo

2010-01-18T11:38:17Z

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.

¿Google focaliza o distrae?

2009-12-17T11:19:01Z

Hasta hace poco cuando un usuario entraba en la página de inicio de Google le aparecía en la parte central el buscador y en la parte superior una serie de enlaces a otros servicios.

Hace unos días Google sorprendió a todos con una modificación interesante: ahora, al entrar, sólo aparece el logo, la caja de búsqueda y los botones en el centro de la página. Los enlaces de la parte superior e inferior aparecen únicamente si el usuario mueve el ratón.

Google afirma que su objetivo es eliminar distracciones a los usuarios que sólo quieren utilizar el buscador. Para ello sitúa el foco del teclado en la caja de búsqueda, de forma que no sea necesario para el usuario mover el ratón.

Sin embargo, la mayoría de la gente acostumbra a mover el ratón, de forma accidental o para situarse en la caja de búsqueda, como hemos visto en test con usuarios a lo largo de los años.

La aparición de los enlaces, como todo elemento en movimiento, llama la atención y puede acabar creando el efecto contrario al deseado, distraer.

Si se trata de no distraer a los usuarios del objetivo central de la página, que es buscar, ¿por qué no se baja a la parte inferior de la pantalla el “pie”, es decir, los enlaces “programas de publicidad”, “sobre Google”…, que es lo que realmente genera ruido, ya que el menú de opciones ("imágenes”, “vídeos”…) al estar situados fuera del foco de visión no molestan? o, ¿por qué no eliminar el botón ”I’m Feeling Lucky”, utilizado sólo por el 1% de las búsquedas, según el mismo Google?

¿Google está focalizando o distrayendo los usuarios? ¿O es que el objetivo de Google es focalizar, pero no en el buscador, sino en los otros servicios?

Oferta de empleo: Diseñador de interacción

2009-12-02T16:05:02Z

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:

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.
Participar de la filosofía del diseño de la sencillez o simplicidad
Persona proactiva y dinámica, con ganas de aprender.

Requisitos deseados:

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

Condiciones:

Jornada laboral: seis horas por la mañana
Salario a negociar, según experiencia

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

Transferencias seductoras

2009-11-30T09:46:21Z

El otro día, después de dar una sesión sobre neurodiseño en un curso, nos comentaban que en ciertos entornos, por ejemplo el de banca, es muy complicado ofrecer interfaces seductoras.

¿Es esto cierto?

Muchas de las acciones que realizamos con un objetivo marcado por la eficiencia o la facilidad de uso, acaban teniendo impacto en el agrado y la satisfacción del usuario con la interfaz. La usabilidad no es sinónimo de facilidad de uso. La eficiencia o la satisfacción son componentes igual de importantes de la usabilidad.

En una aburrida transferencia, por ejemplo, ofrecer los pasos a realizar e indicar el paso actual en todo momento no es un elemento que únicamente haga más comprensible para el usuario qué tiene que hacer y dónde está. Este elemento contribuye a dar respuesta a uno de los heurísticos de Nielsen, “visibilidad del estado del sistema”, y con ello crea cierta sensación de control, transmite al usuario lo cerca que está de su objetivo, traduce en un elemento visual, parcialmente tangible, los resultados de sus acciones. Esta retroalimentación, este “premio” visual de avanzar por la lista de pasos, no deja de ser un elemento de recompensa, uno de los componentes de motivación heredados del diseño de juegos que describíamos hace un par de años.

Si el proceso se acaba convirtiendo en una experiencia de flujo, si el usuario consigue llegar sin apenas enterarse al final de la transacción, donde le aguarda una pantalla de resultado clara y atractiva, con colores saturados y llamativos, que le indica lo bien que ha ido todo, le indica qué cambios se han producido fruto de su esfuerzo y le ofrece salidas a realizar otras acciones… ¿quién puede decir que esto no es seductor?

El color ¿Capaz de mejorar nuestra experiencia?

2009-11-17T13:30:58Z

El color ha sido siempre utilizado para distinguir un tipo de información de otra, como por ejemplo en las salas de un museo, en los mapas topográficos o para diferenciar las diferentes líneas de metro de una ciudad. Algunas investigaciones, como Use color as a navigation device in online information spaces de Sean D. Williams, van más allá de la lógica que enmarca al color como elemento diferenciador y clasificador y centran su estudio en la teoría que el color en los esquemas de navegación puede ayudar al usuario a desempeñar sus tareas con mayor rapidez. Williams concluye su estudio diciendo que los usuarios se desempeñan mejor en una navegación representada a través de un código de color que en blanco y negro.

Hoy en día, hay muchos sitios web con sistemas de navegación representados a través del color pero no todos ellos hacen uso del color con el propósito de ubicar y agilizar el camino.

Este es el caso del sitio web de la Universidad Libre de Bruselas que, tal y como se muestra en la imagen, cuenta con una distinción de los primeros niveles de información a través de colores que de entrada parece muy orientativa para empezar a navegar, pero a medida que se accede a páginas de segundos y terceros niveles el color de la sección se pierde completamente y ni siquiera se marca en el elemento de navegación global dónde se encuentra el usuario. Así que el color aplicado parece haber sido habilitado completamente de forma gratuita o decorativa.

Un buen ejemplo de sitio web que impregna todas sus páginas de contenido con el color de la sección a la que pertenecen es el caso del diario inglés, The Guardian.

En este caso el color ayuda claramente a decirnos dónde estamos y a recordar si ya hemos estado en ese contenido o es nuestra primera vez ahí, sin ni siquiera haber leído. Un diseño consistente en el uso del color sumado a la capacidad natural que tenemos para percibirlo, hace que en muchos espacios web estemos ayudando a agilizar la navegación del usuario y contribuyendo a crear una experiencia más satisfactoria.

Diseño de un curso de diseño

2009-10-30T16:46:30Z

Al final del curso sobre diseño de interacción web y usabilidad que impartimos el pasado miércoles en Madrid, los asistentes fueron capaces de rediseñar en sólo 10 minutos la página de producto de una famosa empresa de telefonía y mejorar su usabilidad.

En las encuestas de satisfacción del curso los asistentes se mostraron contentos, aunque algunos criticaron lo intensivo que eran la sesiones y su enfoque en ocasiones demasiado practico, no dejando lugar para sesiones metodológicas más largas.

Creemos que es difícil transmitir muchos conocimientos en jornadas de apenas 7 horas, pero sí nos sentimos satisfechos al ver que se comprende el enfoque y que después de unas horas de formación los alumnos ya atacan los problemas de diseño teniendo en cuenta al usuario.

Pese a esto, nos gustaría conocer qué es lo que os interesaría ver en el próximo curso que planteemos: ¿os interesan cursos más largos, aunque aumente el precio? ¿preferís que sean de menos horas pero más económicos? Y sobre el formato: ¿os parecen más interesantes las clases magistrales con temario cerrado o workshops abiertos más participativos?

No dudéis en publicar vuestra opinión aquí o, si lo preferís, enviarnos vuestras sugerencias a cursos@usolab.com.

Y recordad que este miércoles tenemos curso de diseño de interacción web y usabilidad en Barcelona repitiendo aula: la Casa de Convalecencia de la fundación UAB en el Hospital de Sant Pau. Os esperamos.

Escribir para la web

2009-10-21T09:56:50Z

Todos estamos ya de acuerdo que el usuario web acostumbra a ser alguien con prisa, que escanea rápidamente y que intenta “apañárselas”, como dice Steve Krug. Es por ello que damos importancia a la organización de contenidos dentro del sitio web, los sistemas de navegación, las páginas de categorías, etc.

Damos tanta importancia a todos estos elementos y ayudamos tanto al usuario a llegar a la página que busca, que a veces nos olvidamos de los contenidos de la misma.

Por ejemplo en un sitio web de una famosa cadena de hoteles encontramos la siguiente descripción de un hotel:

Situado en el distrito residencial moderno y encantador de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona (CCIB), y del Centro Comercial Diagonal Mar con diferentes tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.

Este texto no es práctico para, de un vistazo, obtener información sobre la situación del hotel. ¿Cómo se podría mejorar? En una primera revisión parece adecuado destacar aquellos elementos más importantes dándoles peso visual. También es aconsejable cambiar algo el tono del texto, haciéndolo más informativo y recortando apreciaciones subjetivas como “encantador” que pueden dificultar la lectura:

Situado en el distrito residencial de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona ( CCIB), y del Centro Comercial Diagonal Mar con tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.

Ha mejorado algo, pero sigue siendo un párrafo poco atractivo. Quedaría muchísimo mejor si le diéramos un formato más visual mediante listas y títulos:

Situación
Distrito residencial Diagonal Mar.
A 5 minutos a pie de:
Playa
Centro de Convenciones de Barcelona (CCIB)
Centro Comercial Diagonal Mar (tiendas de moda, restauración, ocio, música…)
A 15 minutos en trasporte público de la famosa calle las Ramblas.

En este punto el texto es más atrayente, claro y bien estructurado que el inicial y no se ha perdido nada de información. Para hacer este contenido aún más atractivo se podría acompañar de imágenes del exterior del hotel y su alrededores.

En el curso de diseño de interacción web y usabilidad que vamos a dar en Barcelona y Madrid hablaremos, entre otras cosas, de cómo escribir para la web y trabajaremos ejercicios como este.