it-swarm-es.com

¿Qué manera de girar una perilla para aumentar?

Estoy haciendo una aplicación con un botón de skeumorph que puede girar en sentido horario y antihorario para aumentar/disminuir una cantidad.

Pero, ¿en qué dirección es la correcta? Apuesto a que hay un alto grado de diferencia cultural entre países/regiones, y un alto grado de diferencia dependiendo del contexto de uso.

Vivo en Dinamarca, y "todos" los radiadores comunes tienen una perilla para subir el calor; hay que girarlo en sentido antihorario para aumentar el calor. Esto podría ser solo una cosa del radiador o solo una cosa de Dinamarca.

Digamos que la aplicación que estoy creando es controlar un radiador a través de wifi, ¿debo seguir la norma local o simplemente decidir sobre una forma global "correcta" ...?

82
astalabandi

No estoy seguro de que haya una diferencia cultural, tanto como una diferencia mecánica. Los termostatos del radiador son mecanismos de válvula, que se aprietan atornillando en sentido horario y aflojando atornillando en sentido antihorario. Es decir, afloja la válvula girándola en sentido antihorario para permitir que entre más agua caliente al radiador.

Las perillas y los diales de los dispositivos eléctricos (para cambiar el volumen de audio, el tiempo, la velocidad, etc.) funcionan casi universalmente en la dirección opuesta, girando en sentido horario para aumentar un valor y en sentido antihorario para disminuirlo. Este aumento/disminución generalmente se representa visualmente en una escala lineal, de izquierda a derecha, de menor a mayor valor.

Los controles del termostato eléctrico, que incluyen tanto el estilo antiguo como los termostatos modernos digitales y basados ​​en aplicaciones, tienden a seguir los eléctricos (en sentido antihorario/izquierdo para disminuir el calor, en sentido horario/derecho para aumentar el calor).

197
Matt Obee

Creo que las respuestas directas a su pregunta están cubiertas por los demás, pero podría ser beneficioso proporcionar una pista visual al usuario. Por ejemplo, en el calentador de un automóvil tiene una indicación visual de los cambios a medida que se mueve la perilla.

Car Temp Knob

Una solución alternativa podría ser usar un control deslizante vertical/botones donde arriba podría significar más claramente aumentar la temperatura.

153
Christophe

Una buena cosa para aprovechar aquí es línea numérica . La recta numérica aumenta casi universalmente de izquierda a derecha. Puede usar esa analogía para mostrarle sin ambigüedades a su usuario qué forma de aumentar o disminuir la cantidad de "cosa" con la que trata su aplicación.

Botón giratorio

El problema con una perilla giratoria (de ahora en adelante ¡el modelo de grifo) es que puede doblar la línea numérica con su centro hacia arriba o hacia abajo, lo que lleva a la ambigüedad que su pregunta está tratando de resolver. knobs with center up and down turn opposite directions for "plus"

Otro problema con el modelo de grifo es que es muy difícil de usar con un mouse.

Mando lineal (*)

photo of sliders on audio mixer

Una opción intuitiva y fácil de usar con un mouse es el botón de aumento/disminución lineal (de ahora en adelante ¡el modelo de mezclador de sonido). Piense en el controlador de volumen de sonido de Windows.

Windows volume control vertical track bar

Tener una perilla de línea horizontal le brinda la oportunidad de aprovechar directamente la línea numérica.

Use una perilla de línea vertical , y puede aprovechar el hecho de que “ hacia arriba ”se puede asociar con“ más ”y“ abajo "Con" menos ". No obstante, siempre puede tener una barra lateral que muestre ( + ) o ( - ); 0,1,2, ..., 10; -5, -4, ..., 0, ..., 4,5; para mostrarle objetivamente a su usuario qué forma de aumentar/disminuir lo que quiera controlar (un triángulo rectangular que se vuelve más grueso en la dirección positiva también funciona).

Vertical and horizontal track bars

Para una perilla escéptica realmente depende de qué tipo de "cosa" se va a controlar.

La mayoría de los fluidos "materiales" funcionan con el modelo de grifo.

Para cosas eléctricas o similares, sin embargo, ambas opciones se han utilizado en el mundo real, por lo tanto, puede tener una perilla lineal de escepticismo en este caso.

Aún así, una opción para configurar las cosas siempre se puede poner en manos del usuario. La solución que estoy dando debería, en principio, usarse solo como predeterminada.

[~ # ~] ps [~ # ~] : es posible que desee buscar la línea numérica en los países que usan escritura de derecha a izquierda (como el árabe) o escritura de arriba abajo (como el chino) para ver si hay una forma diferente de interpretarlo. Sin embargo, estas cosas se pueden solucionar utilizando las clases de globalización de los sistemas operativos y establecer automáticamente el valor predeterminado para la dirección de aumento/disminución.


(*): En Visual Studio se denomina barra de seguimiento ; en muchas otras cosas es un control deslizante (del comentario de wizzwizz4).


[~ # ~] editar [~ # ~] : Para maquinaria mecánica o, en este caso, térmica, puede usar una palanca como su perilla escenográfica y aprovecha la segunda opción.

21
J. Manuel

Creo que puede crear visualmente la perilla como desee, sin confundir a los usuarios, creando un patrón de movimiento común. La mayoría del software de producción de audio que he usado (es decir, el tipo de software en el que a menudo tienes muchos botones que hacen muchas cosas, y simplemente se saldrían de control, en términos de espacio de pantalla, si todos fueran controles deslizantes largos) simplemente tiene "arriba" y "abajo" para las perillas. Hace clic o presiona la perilla, y luego subir es un aumento y bajar es una disminución. En ese punto, la dirección en la que gira la perilla visual es irrelevante. Los usuarios simplemente saben, subir para aumentar y bajar para disminuir:

Softtube Tape Effect Plugin

Fuente de la imagen

Las mayores ventajas de este enfoque son que es un movimiento más natural para hacer con un mouse o un dedo, y también es muy común: todos los sintetizadores de software que he usado usan este patrón, y probablemente sea intuitivo para sus usuarios independientemente de qué tipo de perillas están acostumbrados en la vida real.

Para estar seguro, puede considerar, como parte del avance de la aplicación o el tutorial inicial, que incluye una demostración en video de los controles de la perilla (como el gif anterior), para que los usuarios sepan por adelantado que deben deslizarse linealmente, en lugar de intentar en realidad gire las perillas.

13
wavemode

Algunas convenciones están influenciadas por la costumbre local, y otras pueden ser particulares de un campo o marco.

En el campo de las matemáticas, por ejemplo, la dirección positiva se asigna a la rotación en sentido antihorario, y la dirección negativa es la dirección en sentido horario. Si su aplicación controla el ángulo de un telescopio, sería prudente seguir esta convención.

In the field of mathematics and physics, counterclockwise rotation is positive and clockwise rotation is negative

En tres dimensiones, la dirección positiva se indica mediante la dirección del eje perpendicular al plano de rotación.

enter image description here

También encontrará comúnmente esta convención si su aplicación funciona con sensores como los giroscopios que se encuentran en los teléfonos inteligentes.

Sensor.TYPE_GYROSCOPE:

Todos los valores están en radianes/segundo y miden la velocidad de rotación alrededor del eje local X, Y y Z del dispositivo. El sistema de coordenadas es el mismo que se usa para el sensor de aceleración. La rotación es positiva en sentido antihorario. Es decir, un observador que mira desde una ubicación positiva en el eje x, y o z en un dispositivo colocado en el Origen informaría una rotación positiva si el dispositivo parecía estar girando en sentido antihorario. Tenga en cuenta que esta es la definición matemática estándar de rotación positiva y no está de acuerdo con la definición de rollo dada anteriormente.

Este consejo está destinado principalmente a aplicaciones científicas/técnicas. En todos los casos, debe considerar si ya existe una convención dominante para aplicaciones similares. Por ejemplo, la convención dominante para los termostatos es en sentido horario = más caliente. Para el control de la temperatura, probablemente seguiría esta convención incluso en aplicaciones científicas.

8
Scott Lawson

Existen diferencias en todo el mundo: aquí en el Reino Unido, en general, percibimos que el movimiento en el sentido de las agujas del reloj está aumentando, mientras que, como usted ha señalado, en Dinamarca sucede lo contrario.

Si está creando algo para una audiencia internacional (o algo que puede ser lanzado a una audiencia internacional en algún momento), entonces debería estar bien si se asegura de que haya pistas verbales y no verbales claras para mostrar lo que sucederá cuando marque está convertido. Esto podría hacerse fácilmente usando una escala e íconos.

EDITAR Después de una nota de @MattObee (vea los comentarios a continuación) Bien puede ser el caso de que el paradigma aún esté en el sentido de las agujas del reloj para aumentar, pero que el valor que se está incrementando no es lo que cree que es. En este caso, puede ser la estanqueidad de la válvula lo que aumenta en lugar de la temperatura.

3
Andrew Martin

Hablando estrictamente desde la perspectiva de la experiencia del usuario: piense solo en cómo las personas usan radios (o, si es mayor como yo, sus televisores).

  • En sentido horario aumenta el volumen y avanza la estación a números o frecuencias más altos.

  • En sentido antihorario disminuye el volumen o retira la estación a números o frecuencias más bajas.

Eso es lo que la gente está más condicionada a esperar.

Sospecho que las válvulas de fluido y gas son contextualmente diferentes. Nunca he conocido a nadie que pregunte, "¿por qué una válvula de agua disminuye el flujo cuando se gira en sentido horario y una perilla de radio aumenta el volumen cuando se gira en sentido horario?" o mundo digital, nunca pensamos en mecanismos como válvulas.

Probablemente puedas agradecer la televisión y la radio de la vieja escuela por eso. En los viejos tiempos, la radio usaba una cuerda para mover un puntero a lo largo de la tabla de frecuencias. Dado que los angloparlantes (y muchos otros) leen a la izquierda- a la derecha, el puntero se diseñó para moverse hacia la derecha para encontrar números más altos. Girar una perilla hacia la izquierda para mover un puntero hacia la derecha no tiene sentido ... ¡por lo tanto, probablemente nazca en sentido horario para mayor!

3
JBH

Si está creando una aplicación para un radiador, debe verificar ese radiador específico y asegurarse de usar la misma dirección. Esto no debería ser un problema porque el software necesita saber en qué dirección girar la perilla física que está controlando.

Pero creo que acabas de decir esto como ejemplo. En general: asegúrese de decirle sin ambigüedades al usuario.

Siento que las otras respuestas no enfatizan esto lo suficiente si lo mencionan explícitamente: ¡No asuma que el usuario lo sabe!

La gran cantidad de respuestas que esta pregunta tiene hasta ahora deja en claro que la dirección no es obvia, y si algo no es absolutamente obvio para todos, una buena interfaz de usuario ayuda al usuario.

2
Nobody

Al final del día, ¿la respuesta no se encuentra en la palabra "en el sentido de las agujas del reloj"? El tiempo se experimenta de una sola manera: avanza y los valores aumentan en consecuencia. Esto, a mi modo de pensar, es la forma más natural de verlo.

2
Simon Drew

Diseñador de UI/UX con un título anterior y una carrera en grabación de audio que se suma a los votos a la derecha ... :) Girando a la derecha = aumentar e indicar definitivamente el aumento al usuario :)

enter image description here
enter image description here
enter image description here
enter image description here

0
EricPowell