Categorías
Diseño de interacción Profesionales web

Cómo explicar de forma clara el SEO, la usabilidad, comercio electrónico,…

Me entero de este video por un mensaje en twitter de txarly (18 junio 2013 — 4:08), una charla de Ricardo Lop en el evento InspirationDay 2013. Y me parece imprescindible, para no olvidar.

Nunca hasta ahora he oído hablar forma tan clara hablar de SEO, usabilidad, comercio electrónico, atención al cliente,… y de manos de un labrador de Teruel que sin tener ni idea de ordenadores, ni de internet, decide montar una tienda de comercio electrónico.

Nunca hasta ahora había incluído un video en el blog. Pero de verdad, hay que verlo 🙂

La url del video: IV – #InspirationDay 2013 – Ricardo Lop.

Categorías
Accesibilidad web

WCAG 2.0 y UNE 139803:2012


$(".jquery").focus();
$("wcag20").blur();

Últimamente, me estoy dispersando y he dejado de lado la accesibilidad web, y no he prestado demasiada atención a las WCAG 2.0. Ya me vale. Algunos recursos de interés:

  • Está disponible de forma gratuita la norma UNE 139803:2012, que reemplaza a la norma UNE 139803:2004. Más información al respecto en Normas Accesibilidad.
  • Está a la venta desde hace algunos días el libro de Olga Revilla (itákora): WCAG 2.0 de forma sencilla.
  • El blog de Olga Carreras, Usable y accesible, donde hay abundante información actualizada sobre accesibilidad.
Categorías
Programas

Alternativa libre al programa estadístico SPSS

Nadie lo sospecharía, pero de las diferentes facetas profesionales que he desempeñado la original y académica ha sido la estadística. Han pasado ya algunos años y obviamente las herramientas han evolucionado: empezé usando programas en un entorno MS-DOS y poco después en Windows 3. Menudo cambio. Aunque siempre obligado a usar software como SPSS o Statgraphics, con unos precios nada moderados (qué sutil).

Bueno, pues hay una alternativa, que aunque todavía está verde, puede ser útil a los que quieren y saben usar la estadística por ejemplo en los test de usuarios. Se trata de PSPP:

PSPP is a program for statistical analysis of sampled data. It is a Free replacement for the proprietary program SPSS, and appears very similar to it with a few exceptions.

[…]

PSPP can perform descriptive statistics, T-tests, linear regression and non-parametric tests. Its backend is designed to perform its analyses as fast as possible, regardless of the size of the input data. You can use PSPP with its graphical interface or the more traditional syntax commands.

Bola extra: es obligatorio recordar la traducción que hizo Olga Revilla, Lo que todo profesional de la experiencia del usuario tiene que saber acerca de las estadísticas y las pruebas de usabilidad.

Categorías
Desarrollo web

Imperfección sugerente

Premisas:

  • Crear algo desde cero es complicado.
  • Criticar algo hecho es más sencillo.
  • Un número ilimitado de opciones dificulta la toma de decisiones.

Y aquí va una técnica o truco para fomentar la participación, en el caso que nos ocupa, de definir por ejemplo una interfaz de una página web.

¿En qué consiste? En pocas palabras en no presentar en una reunión de trabajo una alternativa «perfecta» sino en repartir teóricas mejores opciones en diferentes alternativas.

¿El motivo? Facilitar una sana discusión sobre algo claramente mejorable, y ofreciendo alternativas que perfectamente podrían encajar en la solución «perfecta».

Un ejemplo sencillo: contamos con tres alternativas diferentes para una página web. Es importante comenzar la presentación de las alternativas como «imperfectas», con el objetivo de buscar entre todos la mejor solución. Hay dos que parecen un poco flojas, pero otra promete bastante. Promete pero no cumple: la cabecera no transmite con demasiada claridad el tagline que resume el sitio web, y además el menú de navegación tiene las opciones demasiado apretadas y les falta un poco de aire.

Pero viendo los otros diseños, parece que la cabecera de uno cumple con brillantez el objetivo (guiño), y el menú de navegación de la otra alternativa es mucho más claro (guiño).

Llega el momento en el que cambiando mínimanete el código (quito una clase y pongo otra, quito el código de una cabecera y pongo la buena), y voilà. Tenemos la página que cumple con los objetivos inciales. Todavía puede haber retoques y modificaciones pendientes, pero es un buen comienzo.

¿Qué conseguimos?

  • Fomentar la participación, presentando el trabajo como algo fácilmente criticable de forma constructiva.
  • Se presenta una serie de alternativas limitada: sólo hay que fijarse un poco y elegir entre dos, tres o cuatro propuestas controladas que perfectamente podrían encajar.
  • En el grupo de trabajo se logra la sensación de «yo he hecho la web», mejorando la empatía y afinidad con el proyecto.

En alguna ocasión, me ha funcionado.

Categorías
Diseño de interacción Libros

Patrones de diseño de aplicaciones y web para móviles

Confieso que en ocasiones me cuesta decidir los elementos de una interfaz cuando me toca prototipar aplicaciones móviles. Una forma de ayudarte a decidir consiste en aprovechar patrones de diseño contrastados. Y por supuesto, también existen para aplicaciones móviles.

Algunos recursos interesantes:

  • Libro Mobile Design Pattern Gallery. Tienes más información en la web, se puede comprar en las tiendas habituales (Amazon y Bookdepository por ejemplo). Si decides comprarlo en O’Reilly Shop puedes aprovechar el cupón AUTHD. Funciona 🙂 El libro es bastante rápido de leer-ojear. Lo cierto es que la mayor parte del contenido son imágenes de aplicaciones para mostrar ejemplos de patrones, y texto no hay mucho. Se agradece, ya que los ejemplos son bastante claros. Hay dos versiones, una con ilustraciones en color y en blanco en negro… por si acaso, fíjate en la portada.
  • Relacionado con ese libro, puedes encontrar más información en la web (mobiledesignpatterngallery.com), con una galería en flickr (Mobile Design Pattern Gallery) algunas presentaciones y un breve blog.
  • pttrns un buen listado de patrones para iOS.
  • Android Patterns patrones con dibujos esquemáticos sobre Android (luce mucho menos que los pantallazos, todo sea dicho).

Actualización: Como apunta Salvador en su comentario, el libro es útil para aplicaciones y web en teléfonos móviles.