Artículos con la etiqueta simplicidad


10 febrero 2013

La naturaleza siempre toma el camino más corto

Categoría: Reflexiones y experiencias

Seguramente han escuchado sobre un principio del diseño conocido como KISS "Keep It Short and Simple", según Wikipedia surgió hace un buen tiempo ante la creciente complejidad de los sistemas informáticos, pero también nace por una de las tanta interpretaciones del principio de la parsimonia que es una contribución filosófica del fraile franciscano y genio filósofo Guillermo de OckHam en la edad media, según el cual, nos dice que

"En igualdad de condiciones, la explicación más sencilla suele ser la correcta".

Este principio es muy conocido con el nombre de la Navaja de Ockham que interpretado por nuestro lado, nos dice que la posibilidad de elegir entre diseños equivalentes desde el punto de vista funcional, naturalmente se elige el más simple.


En pocas palabras, es preferible la sencillez que la complejidad en términos de utilidad y uso. Estos principios fueron interpretados de diversas maneras por algunos conocidos compañeros en común de toda la vida.

Aristóteles dijo.
"La naturaleza siempre toma el camino más corto"

Albert Einstein dijo.
"Todo debería hacerse los más sencillo posible, no lo más simple posible"


Aritóteles, Ockham y Einstein


Debemos apuntar siempre en la media de lo posible a un diseño más limpio, quitándole peso visual para llegar a resultados más eficientes. Es decir, disminuir la probabilidad de que las personas que usen nuestra interface produzcan errores inesperados en su uso.

Es como en la vida misma, cuanto más carga o esfuerzo requiramos para lograr una tarea menos probable es que esa tarea la realicemos con éxito, a esto lo llaman, el principio del mínimo esfuerzo. Cuando hablamos de carga hablamos de un grado que nace de la actividad física y mental.

En el diseño de interfaces debemos minimizar esta carga en la media de lo posible, la carga mental o cognitiva llámese al esfuerzo de memoria percepción, resolución de problemas y la carga física o cinemática, vale decir, número de pasos, cantidad de movimientos, distancia de elementos, tareas repetitivas, etc.


Por citar un ejemplo clásico dentro de la evolución de los sistemas operativos. Algunos seguramente hemos tenido la experiencia de operar en DOS mediante líneas de comando, el cual teníamos que memorizarlos y recordarlos cada vez que queríamos ejecutar algún proceso en la pc. Con la llegada de la interfaz gráfica en sistemas operativos como MS-Windows, esto permitió ver los grupos de comando en botones con texto fácil de entender, con eso ya no teníamos que memorizarlos.

Un ejemplo de reducción de carga cinemática es el uso de accesos directos o atajos en los sitios web para entrar a secciones muy usadas, evitando una buena cantidad de clics y recorridos visuales para llegar a una sección en x nivel.



Código QR

Los códigos QR disminuyen la carga cinemática. En este ejemplo salva el esfuerzo de escribir la dirección web para ingresar a la página en Facebook de la tienda.



En el diseño de sitios web para móviles la reducción de la carga cinemática es un factor decisivo para la experiencia de uso, como sabrán el movilizar contenido y funciones a interfaces para móviles conlleva dar al usuario lo mínimo indispensable para que concretice los procesos que queremos que haga en el sitio. Por lo tanto, los elementos de interacción como los accesos directos o atajos y distancias de los botones deben ser adecuados para el uso con una mano, teniendo en cuenta que no se usa mouse y solo disponemos de un par de dedos para interactuar con este.

La eficacia en el aprendizaje del usuario frente a una nueva interface se beneficia, pues la información se es mostrada gradual y progresivamente, reduciendo la probabilidad de errores en su interacción. Esto también lo vemos en diseños arquitectónicos. Un ejemplo, en las largas colas en línea recta en los parques temáticos, ferias, circos, etc. no solo frustran si no hace disuadir a nuevos espectadores, una estrategia en el diseño de interiores es mostrar poco a poco pequeños segmentos de la cola de manera progresiva y no la vean en su totalidad, ver figura

Son diversas las estrategias para controlar el nivel de esfuerzo cognitivo y cinemático. Uno muy importante es el control de la complejidad de la información, que se reduce en mostrar únicamente la información necesaria o requerida en un momento dado, esto ayudará a tener pantallas limpias y reducir la complejidad si caer en la confusión.



Ejemplo 1. En diseño arquitectónico


Revelacion progresiva

Prototipo de un puesto de espera para ingresar a una feria de atracciones, donde el largo de las inmensas colas es aparece progresivamente, además muestran distracciones adicionales en pantallas de video.



Ejemplo 2. En el diseño de sitios webs


Resultados de búsqueda de imagenes en Google 2012

Google hace poco hizo un cambio en la página de búsqueda de imágenes, ahora muestra solo 4 opciones y ya no todas las opciones abiertas en el extremo lateral izquierdo.



Resultado de búsqueda de imagenes en Google 2013 - imagen1

A preferido elevar la carga cinemática por haber elevado en número de clic en 2 o en 3 para llegar a filtrar, al parecer no es la gran masa que usa esas opciones de filtrado.



Resultado de búsqueda de imagenes en Google 2013 - Imagen3


Resultado de búsqueda de imagenes en Google 2013 - imagen3



Ejemplo 3. En diseño de webs para móviles


interacción movil 1

El sitio móvil de ElPais.com oculta sus el total de sus secciones bajo la opción SECCIONES ubicada en el extremos superior derecho. De este modo mantiene una pantalla limpia reduciendo el grado de complejidad


interaccion movil 2


interaccion movil 3



Hay muchas investigaciones al respecto, que han contribuido a la formulación de leyes y principios muchos de ellos conocidos, como la ley de Hick, el principio de Pareto, la ley de Miller con la regla del número 7, las leyes de la simplicidad de Jhon Maeda y tendencias como el minimalismo que nació en el plano de la arquitectura en los sesentas teniendo como lema principal el conocido "menos es más" y que en los últimos años ha sido aplicado en el mundo del diseño web y digital. Todo esto contribuye a mejorar la usabilidad y la utilidad de nuestros sitios webs.

----------------

Libros de referencia:

Cognitive load during problem solving: efect of learning
de jhon Sweller, 1988, vol. 12 Pags. 257 - 285;

Traning wheels in a user interface
de Jhon M, Carroll y Caroline Carrithers vol 27(8), pags. 800-806

Principios Universales de Diseño
de William Lidwell, Kritina Holden y Jill Butler, 2011, pags. 188 - 189



06 abril 2012

Simplicidad, simplificando lo complejo

Categoría: Reflexiones y experiencias

He notado muchas veces que algunos diseñadores web están dispuestos a completar cada rincón de las interfaces, rellenando espacios vacios tal vez con el fin de dar más valor al producto aprovechando las posibilidades expresivas que tiene la internet.

Hace poco fui testigo de una evaluación para la selección de personal, realizada por el área de recursos humanos de una prestigiosa empresa editorial. La evaluación era la muy conocida “dibuja una persona bajo la lluvia sobre un papel en blanco”, de los 6 postulantes sabía que 3 eran para el puesto de diseño web comercial, pero no sabía quiénes eran. Pasados unos cuantos minutos, me di cuenta quienes eran los que postulaban a diseño, no por lo bonito de su dibujo, si no por la complejidad de elementos que ponían alrededor del dibujo que se pedía. Estos 3 diseñadores, tenían puesto el chip rompedor de simplicidad, es decir, mientras menos espacio vacío había era mejor, pues creían que estos se habían aprovechado para demostrar lo que sabían de diseño, sin tener en cuenta que el test fue una simple prueba psicológica y no un concurso de dibujo y composición.

Toda interface tiene un nivel de complejidad dado por la cantidad de contenido y las funciones que posee. Algunos sitios web son complejos inherentemente y otros tienen una complejidad artificial producto del exceso de opciones, contenido irrelevante y harta decoración innecesaria.

Considero que la simplicidad es un factor más de calidad para un diseño de interface. Nielsen (2006) se refiere al concepto de “simplicidad como una práctica continuada y centrada en optimizar los sitios web maximizando el éxito de los negocios”, por ello, es un proceso de reducir los niveles de complejidad a niveles comprensibles y fáciles de aprender por el usuario, generando una mejor experiencia de uso.

Organizar y reducir los diferentes elementos gráficos y contenidos tiene como fin que el usuario llegue más cómodamente a su objetivo, siempre y cuando esta simplicidad no genere otro tipo de complejidad, es decir, reducir la carga visual no es llegar a límites que afecte la funcionalidad, ya que los usuario relacionan elementos para entender el todo.

Ejemplo.
Al representar el icono de inicio (home), muchas veces se ha visto los casos mostrados en la figura, demostrando que el exceso de simplicidad puede generar otro tipo de complejidad para el usuario común.

Caso real en un formulario para comentarios de un sitio web de deportes del medio



Complejidad por falta de reducción

20120406-imagen2_articulo_simplicidad.png



Simplicidad por reducción razonada

20120406-imagen3_articulo_simplicidad.png


Les dejo con las 10 leyes de la simplicidad elaboradas por John Maeda


Ley 1: El modo más sencillo de alcanzar la simplicidad es a través de una reducción acuciosa.
Ley 2: La organización logra hacer ver a un sistema más reducido de lo que es
Ley 3: Economizar tiempo hace sentir simplicidad.
Ley 4: Conocer hace todo más simple
Ley 5: La simplicidad y la complejidad se precisan una a la otra.
Ley 6: Lo que permanece en la periferia de la simplicidad es definitivamente no periférico.
Ley 7: Muchas emociones son mejores que pocas
Ley 8: En la simplicidad nosotros confiamos
Ley 9: Algunas cosas nunca pueden ser hechas más simples
Ley 10: La simplicidad tiene que ver con sustraer lo obvio, y adicionar lo significativo



06 abril 2012

Simplicidad, utilidad y Persuabilidad - Conceptos

Categoría: (A) Experiencia usuaria (UX)

No hagas nada a menos que sea necesario y útil, pero si haces algo necesario y útil no te olvides que sea bello. Aquí se verá tres factores decisivos para mejorar la experiencia de uso en sitios webs, que son la simplicidad, utilidad y persuabilidad.

En esta presentación podrá encontrar:

- Introducción
- ¿Qué es la simplicidad?
- Más definiciones de simplicidad
- Complejidad visual y sobrecarga de información.
- ¿Qué es la utilidad?
- Prueba de la UX en función de la usabilidad y la utilidad
- La persuabilidad
- Ejemplos de persuabilidad