Botón de apagado y encendido en el Nokia 6101
Con mi móvil en la mano estaba acordándome de lo que decía ya hace tiempo Eduardo Manchón:
“Que para apagar el ordenador haya que darle al botón de inicio es un contrasentido”
Y es que no puedo evitar parafresearle: Que el mismo botón en mi móvil (un Nokia 6101) sirva para encenderlo y apagarlo es un contrasentido.
Un funcionamiento altamente misterioso para un usuario novel, e impredecible si no se ha tenido experiencia previa con otros móviles. Lo de la normalización en el diseño de las interfaces de los móviles deja francamente que desear, tan sólo tienes que cambiar de móvil -y más aún si cambias de marca- para tener serios problemas con la manera en que se enciende, con la introducción de los números en la agenda, con la escritura de los caracteres especiales como los espacios en blanco, las tildes, las comas decimales… cuando escribes un sms etc, etc). También había por ahí alguna extensión que no recuerdo que fundía el botón de Refrescar y el de Stop en uno sólo en Firefox.
A propósito de todo esto, algunos de los principios básicos expuestos por Donald Norman en su ya clásica obra “La psicología de los objetos cotidianos” son los de la topología, la visibilidad de las funciones y la diferenciación de funcionalidades.
Cuando se diseña la interfaz de un sitio web es necesario tener en cuenta que:
- El espacio disponible es finito y limitado. Está definido por los bordes de la pantalla y es el recurso más valioso del que como diseñadores disponemos. Cada pixel de la pantalla es oro, y si no, que se lo pregunten a Google
- Se ha de definir una retícula de diseño que establezca las proporciones de las distintas áreas de acuerdo a su posición espacial en pantalla y al efecto que se quiera crear (no es lo mismo arriba que abajo, izquierda que derecha, ni una cuadrícula en tercios verticales y horizontales que en cuartos o quintos, ni lo interpretan igual los miembros de las diferentes culturas). Al respecto es útil conocer algunas reglas como la distribución de Fibonacci (secuencia de números en la que cada uno es la suma de los dos anteriores: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55…) que sirve entre otras cosas para definir proporciones.
- Se han de priorizar y seleccionar las funciones que se van a mostrar en la interfaz en el estado inicial o por defecto de la aplicación o sitio categorizándolas según su importancia. Sólo las primarias y más importantes figuraran en la home. Para las demás utilizaremos el plegado de información y la presentación progresiva de los contenidos. Lo contrario supone añadir un grado innecesario de complejidad a la aplicación impactando en la usabilidad. Menos es más. Funciones las justas en cada momento en la pantalla. El reto es la simplicidad lo cual, por supuesto, es más fácil de decir que de llevar a cabo
- Se ha de tener en cuenta el principio de yuxtaposición: disposición deliberada de funciones unas junto a otras. Grupos de funciones similares ocupan posiciones próximas, funciones antagónicas están distanciadas en el espacio: botones de funcionalidades diferentes aunque relacionadas entre sí, alineados en la misma posición vertical, pero separados espacialmente como en el caso de los botones de marcar número y colgar llamada en el teléfono (ver imagen más abajo) o los botones de aceptar | cancelar en la parte inferior de un formulario en extremos opuestos por ejemplo, y separados entre sí más que los de Comprar ahora | Añadir al carrito
- Funciones diferentes tendrán asignados botones diferentes. A menos que se pueda simular el funcionamiento de un interruptor no deben mezclarse y aún en estos, en el caso de los interruptores conmutados (tres interruptores en una habitación en paredes diferentes cuyo funcionamiento varía en función de la posición arriba/abajo de cada uno de los otros) sólo obtenemos el feedback necesario para conocer su respuesta a través de la interacción directa con el mismo en forma de apagado/encendido. Muy poco usable y muy poco intuitivo. Cada función mejor por separado.
Imagen: Los botones de inicio de llamada y fin de llamada, con funciones diferentes pero relacionadas entre sí, alineados en la misma posición vertical del télefono
No creo que sea un contrasentido. ¿Por qué hemos de tener un botón de encendido y otro de apagado?. Un mismo boton que puede hacer esas dos acciones, acciones que son discriminatorias entre sí. Me explico: mientras el móvil está apagado, solo puedes encenderlo; y mientras esté encendido solo puedes apagarlo. (Hablando de ese botón claro).
Además no creo que se algo que al usuario le lleve a confusión dado que desde hace ya mucho tiempo el botón de encendido ha servido como botón de apagado. Incluso la televisión en blanco y negro que tenía mi abuela en el pueblo -y que solo tenía 2 canales- disponía de un botón tanto para encenderlo como para apagarlo. Y desde entonces -y supongo que anteriormente también- siempre se le asociaba un icono al botón, el dibujo de una línea vertical cruzando de fuera a dentro un círculo.
Por eso creo que cualquier usuario va a saber que para encender o apagar aquello que tenga entre manos, hace falta darle al botón.
Otra cosa es que hablemos que para apagar el ordenador (entendemos que en cualquier sistema operativo Windows) haya que ir a Inicio. Ahi ya entraríamos en la usabilidad de Windows, pero que nada tiene que ver con que el botón de encendido y apagado de cualquier aparato electrónico sea el mismo.
Salu2
Santi M.
Comment by martinpulido — July 23, 2007 @ 8:37 am
Añadele un icono significativo de ambos estados entonces encima o de que cumple ambas funciones. Haz visible que ese único botón tiene ambas funciones si no, me sigue resultando impredecible porque aunque funcione como un interruptor ni el entorno (una habitación con su interruptor) ni el dispositivo (una televisión, una radio…) es el mismo y el conocimiento que extraemos del mundo no nos permite identificar el funcionamiento de ese botón como un interruptor. En el Nokia 6101 como comentas seguimos yendo al botón de inicio/encedido para apagarlo. Poco usable ¿no?
Comment by Administrator — July 23, 2007 @ 12:41 pm
Estoy en parte de acuerdo contigo Santi, pero el comentario de Paco es clarificador. Yo veo claro el tema en un televisor, si nos fijamos tenemos un único botón para encender y apagar la tele, otra cosa es ya hablar del “stand by” que tiene mucha tela que cortar con su botón en rojo…, pero centrándonos en lo que comentaba, vemos que los botones que en los móviles sirven para encender el móvil y apagarlo, es curiosamente el de “colgar”, incluso el icono que sale es un teléfono colgando y de color rojo…, vaya, pues el rojo semióticamente me está dando otras connotaciones.
Si cambiamos de tercio, yo en mi pantalla de ordenador veo que el mismo botón sirve para encender y apagar, pero aparte de que el símbolo está relacionado con una opción de paso de corriente (on/off), me indica con color su estado, con lo que su referente visual queda reforzado a pesar de ser el mismo botón, pero si hacemos abstracción ese mismo botón ha cambiado de estado, con lo que ya “no es el mismo botón”, al menos metacognitivamente porque el referente ha cambiado su estado.
Un paralelismo muy claro con esto es la llave de contacto de un coche. El referente cognitivo lo tenemos claro (el giro activa algo en un sentido y desactiva en el otro), pero cambia su función en el momento en que está dispuesta en uno de los dos sentidos, y de esta posición creamos un nuevo modelo mental, esa llave que me ha permitido arrancar el coche, si la acciono y la giro me va a permitir apagarlo. es casi lo mismo, sí, pero con el detalle significativo y fundamental de que ha cambiado su estado (posición) entre una y otra acciones.
Definitivamente el botón de encendido y apagado de los móviles debe replantearse, quizás no añadiendo un nuevo botón, o sí y específico para realizar esa acción.
si queréis alucinar con esto os recomiendo que analicéis esto mismo que estamos hablando con mi móvil, tiene dos botones con las mismas funcionalidades, alucinante, sólo que uno de ellos es el que tiene la clave para encender o apagarlo todo…, lógico? yo no lo creo…
Modelo LG K800 Chocolate
http://www.flickr.com/search/?q=kg800
Comment by David Maniega — July 27, 2007 @ 5:02 pm