Cómo representar 'aleatorio' con un icono

También encuentro que el ícono de flechas cruzadas es incómodo. Mientras trabajaba en una aplicación de música, necesitaba un ícono para una acción de "reproducir una canción al azar". Consideré las flechas cruzadas pero no las usé porque:

1. Simplemente no lo encuentro intuitivo, no expresa una acción "aleatoria" para mí, y
2. En todo caso, asocio este tipo de ícono con un modo aleatorio, en lugar de una acción aleatoria. Es decir, hay una secuencia de cosas que suceden (p. ej., canciones), y al presionar este icono se seleccionará un modo de reproducción donde cada canción sucesiva se elige aleatoriamente. Solo quería una canción aleatoria de una sola vez.

Estaba navegando por wikipedia en mi teléfono y vi su ícono de "artículo aleatorio", que es un dado. Eso parecía perfecto para mi situación, porque es intuitivo, se representa fácilmente en un ícono e implica una acción única iniciada por el usuario.

Puede ver el ícono in situ yendo al sitio móvil de Wikipedia, luego abriendo el menú de la barra lateral a través del ícono de 3 barras en la parte superior izquierda: http://en.m.wikipedia.org/wiki/Main_Page - aquí hay una captura de pantalla :

Y aquí puedes ver el ícono de dados en mi aplicación (lo recreé):

Espero que ayude. Me complace compartir el archivo de Illustrator de mi versión de este ícono si lo encuentra útil.

El ícono que publicaste es más un ícono aprendido que se ha arraigado en las personas a través de medios digitales.

Estoy 100% de acuerdo contigo en que no creo que se exprese al azar. En diseño, creo que esto toca el concepto de prestaciones percibidas. Como usuario, estoy confundido con ese ícono porque no imita nada de lo que soy consciente en el mundo real tangible.

El problema, sin embargo, es que debido a que la idea de azar es un concepto abstracto, hace que sea especialmente difícil darle a alguien una comprensión del significado a través de un símbolo. Es muy difícil.

Una de las cosas en las que inicialmente pienso es en una cita sobre la teoría del caos:

Se ha dicho que algo tan pequeño como el aleteo de una mariposa puede causar un tifón al otro lado del mundo.

Siempre pensé que era una imagen poderosamente evocadora al pensar en el concepto de aleatoriedad. Si se me ocurriera algo, probablemente buscaría algo a lo largo de esta ruta.

Rápidamente me burlé de algo en Illustrator que creo que se acerca a lo que estás buscando, pero obviamente podría ser un paso en la dirección correcta hacia lo que eventualmente se te ocurra.

¡Buena suerte!

Estuve buscando representaciones visuales de la aleatoriedad para una portada hace algún tiempo, y lo que encontré fueron principalmente obras de arte. Terminé usando un dibujo de diseño generativo que usaba la aleatoriedad. El punto es que la aleatoriedad es un concepto abstracto que significa la falta de previsibilidad en muchos campos diferentes y, como tal, evitará cualquier representación universal. Puedes pensar en la aleatoriedad en matemáticas, filosofía, física, biología, astronomía, genética, religión (!), diseño, arquitectura generativa, arte, etc. Irónicamente, para ser una buena metáfora, un ícono de la aleatoriedad debería cambiar todo el tiempo. paradójicamente, y ser diferente según el campo en el que se quiera aplicar.

Descubrí (o al menos eso es lo que me gusta creer, en mi ignorancia científica) que las dos flechas que se cruzan pueden referirse a un concepto en física: el concepto de " flecha del tiempo ", basado en la idea de que el tiempo es "asimétrico". "(o dirección unidireccional). Este concepto implica otro, el de " entropía ", estrictamente relacionado con la aleatoriedad. Soy diseñador, no matemático, y no puedo explicarlo bien, pero esas dos flechas que se cruzan deberían referirse a una representación simplificada de esta falta de previsibilidad que implica el tiempo. Supongo que un premio Nobel explicaría esto un poco mejor (o más probablemente se reiría de esto) o les daría algunos ejemplos más visuales: como ejemplo, piensen en imágenes de " sistemas caóticos "...:

De todos modos. Si está buscando representaciones convencionales de aleatoriedad, no encontrará ningún otro ícono visual: el que mostró en su ejemplo es arbitrario y puede parecer "incómodo" desde cierto punto de vista porque es solo una convención y no adherirse a cualquier campo en particular. Lo bueno de ese icono es exactamente lo que puedes ver como su límite: se convirtió en una convención y ya está.

Considere también que un ícono pretende ser una estilización de un concepto o su metáfora, especialmente cuando representa algo totalmente abstracto o conceptualmente complejo. Sin embargo, eres libre de crear otra representación arbitraria (que tal vez se convierta en un nuevo estándar algún día;). Un buen enfoque, en mi opinión, sería restringir su investigación al campo que le interesa, tratando de crear una metáfora más cercana de lo que tiene en mente o su idea de aleatoriedad.

El FontAwesome aleatorio es bastante incómodo. yo no lo usaria La idea de tirar los dados es la mejor para jugar. Pero, no me gusta darle un valor discreto. Para mí eso representa ese valor real. Al igual que el ícono de FontAwesome, parece significar cambiar discretamente dos elementos. Que está lejos de lo que quieres.

Mi mejor idea es usar un signo de interrogación y dados para representar correctamente la idea de azar. Lo que debes evitar es hacer que parezca una ayuda. Así que inclinándolo un poco hacia un lado, para evitar la insinuación de plantear una pregunta.

<?xml version='1.0' encoding='UTF-8' standalone='yes' ?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="24.0" height="24.0" viewBox="0 0 24 24"><path d="M17.7,7c-0.7,-1.2 -1.9,-1.9 -3.4,-2.5 c-1,-0.5 -2,-0.6 -3,-0.4 c-1.5,0.3 -2.6,1.3 -3.6,3.2 l2.9,1.1c0.2,-0.6 0.6,-1.1 1.1,-1.4 c0.4,-0.3 1.1,-0.4 1.9,-0.2 c0.8,0.4 1.3,0.8 1.4,1.4 c0.1,0.5 0.1,1 -0.1,1.4 c-0.2,0.4 -0.6,0.7 -1,1 c-0.2,0.2 -0.5,0.3 -0.7,0.4 c0,0 -2,0.4 -2.9,0.9 c-0.6,0.4 -0.9,1.1 -1.3,2 c-0.1,0 -0.2,0.2 0.1,0.3 c0.2,0.1 2,0.8 2.2,0.9 c0.2,0.1 0.3,-0.1 0.3,-0.1 c0.2,-0.4 0.3,-0.6 0.4,-0.8 c0.3,-0.3 0.8,-0.6 1.3,-0.7 l1,-0.3c0.9,-0.2 1.7,-0.5 2.1,-0.7 c0.5,-0.4 1.1,-1 1.6,-1.8 c0.4,-1.4 0.3,-2.6 -0.3,-3.7 zM9.3,14.9c-0.9,0 -1.8,0.7 -1.8,1.7 c0,1 0.8,1.8 1.8,1.8 c1,0 1.8,-0.6 1.8,-1.7 c0.1,-1.1 -0.7,-1.7 -1.8,-1.8 zM6,0.1l17.6,5.9l-5.8,17.2l-17.6,-5.9l5.8,-17.2zM22.3,6.7l-15.7,-5.4l-5.3,15.3l15.7,5.5l5.3,-15.4z" fill="#000000" /></svg>

Y una casualidad que se veía bien, como si estuvieras tirando los dados y obteniendo "?":

<?xml version='1.0' encoding='UTF-8' standalone='yes' ?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="24.0" height="24.0" viewBox="0 0 24 24"><path d="M17.9,6.6c-0.7,-1.2 -1.9,-2 -3.4,-2.6 c-1.2,-0.5 -2.2,-0.6 -3.2,-0.4 c-1.6,0.3 -2.8,1.4 -3.7,3.3 l3,1.2c0.2,-0.6 0.6,-1.1 1.1,-1.5 c0.5,-0.3 1.2,-0.4 2,-0.1 c0.8,0.3 1.3,0.7 1.4,1.3 c0.1,0.5 0.1,1.1 -0.1,1.6 c-0.2,0.4 -0.6,0.7 -1,1 c-0.2,0.2 -0.5,0.3 -0.8,0.4 c0,0 -2,0.4 -3,0.9 c-0.6,0.4 -0.9,1.1 -1.3,2.1 c-0.1,0 -0.1,0.2 0.2,0.3 c0.2,0.1 2,0.8 2.2,0.9 c0.3,0.1 0.4,-0.1 0.4,-0.1 c0.2,-0.4 0.3,-0.6 0.4,-0.8 c0.3,-0.3 0.8,-0.6 1.3,-0.7 l1.1,-0.3c0.9,-0.2 1.7,-0.5 2.1,-0.8 c0.6,-0.4 1.2,-1 1.6,-1.9 c0.5,-1.4 0.4,-2.7 -0.3,-3.8 zM9.7,15.5c-1.1,0 -2.1,0.8 -2.1,2 c0,1.2 0.9,2.1 2,2.1 c1.2,0 2.1,-0.7 2.1,-2 c0.1,-1.2 -0.8,-2 -2,-2.1 zM6,0.1l17.6,5.9l-5.8,17.2l-17.6,-5.9l5.8,-17.2zM18,0.1l-17.6,5.9l5.8,17.2l17.6,-5.9l-5.8,-17.2z" fill="#000000" /></svg>

El ícono no es tan incómodo si considera dónde se usa generalmente: en una lista de reproducción de música. Estás tomando una lista de pistas y mezclándolas, haciéndola aleatoria. Creo que el icono representa eso bastante bien. Es realmente abstracto (después de todo, tres líneas mezcladas podrían entender mejor el punto, al igual que el uso de notas musicales), pero es lo suficientemente cercano como para crear una asociación y lo suficientemente simple como para funcionar bien como ícono y ser pegadizo.

Entonces, si bien es posible que pueda abstraer por completo el concepto de "aleatorio" (como se hizo con la solución del dado), una respuesta "única para todos" no tiene que ser su respuesta.

¿Cuál es tu aplicación aleatoria? Si se trata de páginas en un libro, tal vez cree un ícono que muestre el cambio de página. Si son fotos, tal vez tengas rectángulos y flechas de alguna manera. Estas son ideas rápidas y los íconos son difíciles de hacer bien, pero solo quería agregar un par para hablar sobre la idea de que un ícono aleatorio puede (y tal vez debería) nacer de lo que se está aleatorizando.

Ampliando el tema "dados", esta alternativa un poco salvaje para la interfaz de usuario web que usa emoji :

el HTML:

<button class="button-random">🎲</button>

el CSS:

.button-random {
  // remove any initial, system styling
  all: unset;
  // prevent selection
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  // change from 720 to 360 upon hover will cause anti-clockwise rotation
  transition: transform 0.4s ease-out;
  transform: rotate(360deg);
  &:hover {
    transform: rotate(720deg);
  }
  // on click:
  &:active {
    transition: 0s;
    transform: rotate(0deg);
  }
}