La ley de Hick en el diseño web

Publicado por aleKSandro el Abr 07, 2010 - 2 comentarios

Ya hablamos una vez de la ley de Fitts. En este caso voy a hablar de la ley de Hick. Fue enunciada por William Edmund Hick, y dice que el tiempo que se tarda en tomar una decisión aumenta a medida que se incrementa el número de alternativas.

Ley de Hick

Todas las tareas se dividen en 4 pasos:

  1. Identificación del problema.
  2. Valoración de las opciones para solucionar el problema
  3. Elección de una de las opciones.
  4. Realización de la misma.

La ley de Hick, en realidad, se aplica solo al tercer paso, aunque obviamente afecta a las demás. Se puede mejorar la eficacia de un diseño minimizando el número de opciones. A la hora de diseñar un menú para una web, por ejemplo, es básico simplificar al máximo el número de clics que debe hacer un usuario para llegar a un determinado objetivo. Un ejemplo de exceso de opciones puede ser la cabecera de fnac.es, que llega a tener hasta 3 botoneras horizontales llenas de opciones… aparte de los banners en flash que presentan las ofertas en curso o las dos barras verticales que hay a cada lado del cuerpo central.

la ley de fitts en el diseño web

Publicado por aleKSandro el Nov 04, 2009 - 2 comentarios

La ley de Fitts fue enunciada por Paul Fitts en 1954. Ésta dice que el tiempo necesario para desplazarse hasta un objetivo es una función del tamaño de dicho objetivo y de la distancia hasta el mismo.

ley de fitts

Según esta ley, cuanto más pequeño y alejado está el objetivo, más tiempo se tarda en lograr adoptar una posición de descanso sobre dicho objetivo. Además, cuanto más rápido es el movimiento necesario y menor el objetivo, mayor es la probabilidad de error. Esto, que a priori puede parecer tan obvio, es medible gracias a la fórmula de Fitts. Y además, es aplicable al diseño. Cuando se apunta a un objeto en la pantalla del ordenador, el movimiento vertical u horizontal puede limitarse, lo que aumenta la velocidad con la que se puede llegar a los objetos, y se limita el error. Un ejemplo de cómo controlar esto son las barras de scroll. Unificar todos los botones en una misma zona también reduce el espacio entre objetivos, y por tanto minimiza el tiempo de respuesta.

Nada más triste

Publicado por aleKSandro el Oct 28, 2009 - sin comentarios

Hace unos días descubrí un blog digno de elogio. Es de todos conocido el blog “palabras textuales“, que recopila las morcillas dichas por personas analfabestias sobre diseño, en plan “usa el filtro de photoshop para afeitado automático” y otras tantas burradas.

Pues bien. Este nuevo blog que traigo se llama No hay nada más triste que lo tuyo, y trata de recopilar trabajos que diseñadores eneseñaron a sus clientes… y la bazofia que estos obligaron a perpetrar.

Algunas de las muestras no cambian demasiado, e incluso mejoran. Pero la tendencia habitual es que un cliente apueste a la baza de su dinero como único arma de destrucción artística. Quiero decir que de la misma forma que se deja asesorar por el fontanero sobre qué tipo de tuberías son las mejores, de igual forma deben aprender a dejarse asesorar por los diseñadores. Y en la mayoría de los casos no es así. Este blog recopila precisamente esas “sobrinadas”.  Creo que voy a tener que enviar un par de cositas…

Bolsa de papel vectorial para descargar

Publicado por aleKSandro el Oct 27, 2009 - 3 comentarios

Esta vez publico un recurso vectorial para descargar, y gratis. Mejor todavía: lo he hecho yo. Y en un alarde de altruismo samaritano, la regalo de gratis. Tampoco es un recurso para tirar cohetes. Es una bolsa que me han pasado, y yo que yo he vectorizado usando la herramienta Malla, de Illustrator. Se puede usar para presentar diseños montados sin necesidad de imprimirlo y fotografiarlo.

Incluyo el archivo en formato jpg, ai y eps. Si alguien lo quiere en otro formato raro, que lo pida.

Descargar!

El nuevo Magic Mouse de Apple

Publicado por aleKSandro el Oct 21, 2009 - sin comentarios

Mucha gente se ha hecho ya eco de esta noticia (el diario Sur publica hoy, de hecho, una reseña sobre el tema). Apple acaba de revolucionar el mundo de los ratones de ordenador con el Magic Mouse. Se trata de un ratón con tecnología táctil multitouch, es decir, no tiene botones, sino que toda la superficie es sensible, incluso a dos dedos.

La comunicación con el ordenador se realiza a través de Bluetooth, con lo que eliminas el molestísimo cable del Mighty Mouse. Además, tiene un alcance de 10 metros, lo cual lo hace tela de interesante, se me ocurre, a la hora de hacer presentaciones, ya que te puedes pasear por el escenario y pasar la diapositiva desde donde estés. Quizá una pega puede ser que funciona con pilas AA, en lugar de batería de li-ion recargable. Será cuestión de desempolvar el cargador de pilas y volver a las pilas recargables.

Ahora estoy a la espera de que alguien me informe, de primera mano, qué tal responde este nuevo juguete. La verdad es que con mi presupuesto no puedo aventurarme a gastarme 70 euros en un ratón y que luego no vaya como debe. Quiero decir que el Magic Mouse es tela de bonito, y muy tecnológico, y con muchas funciones… Pero a fin de cuentas yo el mac lo tengo para trabajar, y no sé si tanta tecnología multitouch, a la hora de la verdad, no responde ante el diseño gráfico como cabría esperar de un producto apple. De hecho, el might mouse me tiene bastante harto.

Unicajasur o el problema del naming

Publicado por aleKSandro el Oct 15, 2009 - 2 comentarios

Mucho se habla últimamente de la fusión de estas dos cajas andaluzas. De hecho, en esta época de crisis y brotes verdes, son muchas las cajas que se fusionan para poder hacer frente a la situación socio-económica del país. Pero a mi me llama la atención de ésta en particular. Porque soy andaluz, porque soy cliente de una de ellas… y porque me llama la atención un tema referente a su futuro y fusionado nombre: su excesiva longitud.

Los andaluces, por herencia propia de un pueblo, somos dados a salir a la calle y hablar. Y de tanto hablar, y en virtud de la economía del lenguaje, acortamos palabras y frases completas. Cosa que muchos de nuestros amigos del norte consideran incultura o “catetismos” y que no es más que una característica de nuestra variedad dialectal del Castellano.

Por tanto, se me antoja extraño que la caja que está llamada a ser la primera caja de Andalucía (o así la anuncian, según el volumen de mercado), adquiera un nombre que no es más que la adición de los dos nombres anteriores. Cuando surgió Unicaja se le dotó de un nombre (naming, en lenguaje publicitario) que aunaba el sentido de la nueva empresa, y no se llamó símplemente CajaRondaRural o algo similar.

Por tanto, y resumiendo, pienso que Unicajasur son 5 sílabas que pocos andaluces seguirán pronunciando pasado unos meses. Al final volverá a llamarse Unicaja, por pura inercia, o cualquier otro nombre afín que se le ocurra a algún picaro con ganas de guasa. ¿A nadie se le ocurrió UniSur? Ya hay varias empresas con ese nombre, pero no sé hasta qué punto es legal repetir si ninguna de ellas coincide en el producto/servicio que trabajan. ¿Alguna otra sugerencia?

La regla del 80/20

Publicado por aleKSandro el Oct 07, 2009 - sin comentarios

La regla del 80/20 nos indica que el 80% de las cosas se consigue con el 20% de los recursos. De esta forma, el 80% del tráfico de una ciudad pasa por el 20% de sus carreteras; el 80% de los ingresos de una empresa procede del 20% de sus productos; el 80% del trabajo de una empresa lo realiza el 20% de sus trabajadores…

Un gran ejemplo de la regla del 80/20 lo encontramos en los programas informáticos. En las barras de herramientas es frecuente (sobre todo en el paquete Office) que los menús desplegables presenten solo unas pocas herramientas acompañadas de unas flechas hacia abajo que hacen desplegar aún más el menú, con las herramientas menos frecuentes.

En diseño esta regla es muy útil a la hora de maximizar los resultados rediseñando una página web. Analizar el flujo de clics de los visitantes y encontrar el 20% de aplicaciones de tu web que usan, te servirá para recolocar dichas herramientas en las zonas de máxima visibilidad y relegar las herramientas menos usadas a segundos planos. Además, evita perder el tiempo en implementar herramientas o aplicaciones que no nos ofrecen resultados.

Estética versus usabilidad

Publicado por aleKSandro el Oct 05, 2009 - sin comentarios

Este fin de semana he estado en Madrid, en el Congreso de Webmasters, y he notado que en dos días de ponencias (21 ponencias en total), no se ha hablado prácticamente nada de diseño. Sí de la importancia de éste en algunos aspectos, pero realmente no ha habido una sola ponencia sobre tipografía, maquetación web, nuevas tendencias, estilos, teoría de color, teoría compositiva… Lo cual me trae a colación ciertos textos que he ido leyendo los últimos meses sobre estética y usabilidad.

Existe una especie de confrontación entre estos conceptos. Parece ser que lo estético no es usable, y lo útil no puede ser estético. Lo cierto es que hay estudios científicos que demuestran que los diseños estéticos son más sencillos de utilizar que los que no prestan demasiada atención al apartado visual del mismo. Esto no es cierto, ya que lo útil es útil porque lo es, y no porque lo parezca. Esto me recuerda el viejo proverbio marinero que dice que un amarre no solo tiene que ser sólido… además tiene que parecerlo.

Los diseños estéticos parecen más fáciles de usar y tienen más probabilidades de ser empleados. Los diseños estéticos fomentan actitudes más positivas que los diseños no estéticos. Y esas actitudes producen un refuerzo emocional que contribuye al éxito final de la aplicación. En apenas unas fracciones de segundo podemos ahuyentar a un usuario de una web por culpa de un diseño poco estético, aunque por dentro de la web todo funcione correctamente, y el producto/servicio que ofrezca sea igualmente bueno.

Examen de CSS

Publicado por aleKSandro el Sep 28, 2009 - sin comentarios

Navegando por la red he encontrado un pequeño examen de CSS. Es de nivel básico-medio, pero está curioso. Yo he sacado un triste 80%. ¿Cuánto sabes tu?

Examen de CSS

Wallpaper inspirado en “The Herbaliser”

Publicado por aleKSandro el Sep 24, 2009 - 1 comentario

Este wallpaper lo he hecho estos primeros días de clase. El profesor de Proyecto nos puso un disco del grupo “The Herbaliser” sin decirnos ni el nombre del grupo, ni información biográfica… La idea era hacer algo solo con lo que inspire la música que estábamos oyendo (o como mucho la letra). Yo me basé en el estribillo de la canción Mind in the frame, cuyo estribillo dice algo así como

Knowledge is power
Information is food for the brain, there’s much to gain
So let it rain, let it rain
Keep your eyes open; keep your mind in the frame!

Para escuchar Mind in the frame, necesitas tener Spotify.