Comment représenter «aléatoire» avec une icône

13

J'ai vu à plusieurs reprises une icône pour représenter "aléatoire" qui ressemble à ceci:

entrez la description de l'image ici

Mais quelqu'un d'autre a-t-il l'impression que cette icône est maladroite?

Je peux comprendre ce qu'il veut exprimer, mais ce n'est pas si simple. Les gens doivent y penser pour vraiment comprendre de quoi il s'agit.

Quelle serait une autre alternative à cette icône?

cqcn1991
la source
1
Vous pouvez peut-être charger une icône différente à chaque fois qu'ils chargent la page - c'est assez aléatoire.
Hanna
Essayez d'utiliser le numéro 9. Voici la référence: s-media-cache-ak0.pinimg.com/originals/cc/3d/66/… n_n
Rafael

Réponses:

19

Je trouve également que l'icône des flèches croisées est maladroite. Tout en travaillant sur une application musicale, j'avais besoin d'une icône pour une action "jouer une chanson au hasard". J'ai considéré les flèches croisées mais je ne les ai pas utilisées car:

  1. Je ne le trouve pas intuitif - il ne m'exprime pas une action "aléatoire", et
  2. Si quoi que ce soit, j'associe ce type d'icône à un mode aléatoire, plutôt qu'à une action aléatoire. Autrement dit, il y a une séquence de choses qui se produisent (par exemple des chansons), et en appuyant sur cette icône, vous sélectionnerez un mode de lecture où chaque chanson successive sera choisie au hasard. Je voulais juste une chanson aléatoire unique.

Je parcourais wikipedia sur mon téléphone et j'ai vu leur icône "article aléatoire", qui est un dé. Cela semblait parfait pour ma situation, car il est intuitif, facilement représenté dans une icône, et implique une action unique initiée par l'utilisateur.

Vous pouvez voir l'icône in situ en allant sur le site Wikipedia mobile, puis en ouvrant le menu de la barre latérale via l'icône 3 barres en haut à gauche: http://en.m.wikipedia.org/wiki/Main_Page - voici une capture d'écran :

Icône aléatoire de Wikipédia

Et ici, vous pouvez voir l'icône de dés dans mon application (je l'ai recréée):

Exemple de répondeurs

J'espère que cela pourra aider. Je suis heureux de partager le fichier Illustrator de ma version de cette icône si vous le trouvez utile.

pppggg
la source
Excellente idée +1 .. pas fan de l'icône réelle cependant :)
Scott
Wow, j'ai en fait une idée très proche pour ça. Ce ne sont pas des dés, mais un jouet que les gens pourraient continuer à acheminer avec les gestionnaires et cela libérerait une boule de loterie lorsqu'elle s'arrêterait. Il est utilisé pour une icône, mais un effet d'animation lors de la production de la «balle» aléatoire, c'est-à-dire de la chanson.
cqcn1991
En Norvège (peut-être dans d'autres endroits aussi), un symbole de dés est beaucoup utilisé pour les critiques ("terningkast" allumé. "Jet de dés" est synonyme de critique). Si je voyais cette icône, je penserais que quelqu'un a donné à la chanson une note de 5, ou que c'était un bouton pour moi d'évaluer la chanson. Je ne pense pas du tout "aléatoire".
Stein G. Strindhaug
4

L'icône que vous avez publiée est plus une icône apprise qui a été enracinée dans les gens via des supports numériques.

Je suis d'accord avec vous à 100% en ce que je ne pense pas que cela s'exprime au hasard. En matière de design, je pense que cela touche au concept des opportunités perçues. En tant qu'utilisateur, je suis confondu avec cette icône car elle n'imite rien de ce que je connais dans le monde réel tangible.

Le problème, cependant, est que parce que l'idée du hasard est un concept abstrait, il est particulièrement difficile de donner à quelqu'un une compréhension du sens à travers un symbole. C'est très difficile.

L'une des choses auxquelles je pense au départ est une citation sur la théorie du chaos -

Il a été dit que quelque chose d'aussi petit que le battement d'une aile de papillon peut finalement provoquer un typhon à l'autre bout du monde.

J'ai toujours pensé que c'était une image évoquant puissamment en pensant au concept de l'aléatoire. Si je trouvais quelque chose, je poursuivrais probablement quelque chose le long de cette route.

Je me suis rapidement moqué de quelque chose dans Illustrator qui, je pense, ressemble à ce que vous recherchez, mais il est évident que cela pourrait être un pas dans la bonne direction vers ce que vous finirez par trouver.

Bonne chance!

Icône aléatoire

Adam Schuld
la source
3
Joli lien de la théorie du chaos à un simple contour de papillon, j'aime ça mais je ne sais pas à quel point ce serait évident.
Dom
Vous comprenez vraiment ce que je veux dire. L'icône que je présente dans la question n'est vraiment pas simple. J'aimerais vous donner un exemple d' application musicale . Il s'agit essentiellement de jouer des chansons au hasard, il utilise donc une icône suivante . Si les utilisateurs n'aiment tout simplement pas la chanson, cliquez sur l' icône suivante et elle passera à une autre.
cqcn1991
Si vous m'aviez dit que le chemin allait du hasard -> théorie du chaos -> cette icône, j'aurais même deviné qu'il s'agissait d'un attracteur Lorenz stylisé. Mais honnêtement, le chaos n'est pas aléatoire, ils font des choses radicalement différentes.
Tatarize
3

Il y a quelque temps, je cherchais des représentations visuelles du hasard pour une couverture, et ce que j'ai trouvé était principalement des œuvres d'art. J'ai fini par utiliser un dessin conçu de manière générative qui a utilisé le hasard. Le fait est que le caractère aléatoire est un concept abstrait qui signifie le manque de prévisibilité dans de nombreux domaines différents et en tant que tel, il évitera toute représentation universelle. Vous pouvez penser au hasard en mathématiques, philosophie, physique, biologie, astronomie, génétique, religion (!), Design, architecture générative, art, etc. Ironiquement, pour être une bonne métaphore, une icône du hasard devrait changer tout le temps, paradoxalement, et être différent selon le domaine dans lequel vous souhaitez l'appliquer.

J'ai découvert (ou du moins c'est ce que j'aime à croire, dans mon ignorance scientifique) que les deux flèches qui se croisent peuvent faire référence à un concept en physique: le concept de " flèche du temps ", basé sur l'idée que le temps est "asymétrique" "(ou dans un sens). Ce concept en implique un autre, "l' entropie ", strictement lié au hasard. Je suis un designer, pas un mathématicien, et je ne peux pas bien l'expliquer, mais ces deux flèches qui se croisent devraient faire référence à une représentation simplifiée de ce manque de prévisibilité qui implique du temps. Je suppose qu'un prix Nobel en dirait un peu mieux (ou plus probablement en rirait) ou vous donnerait des exemples plus visuels: à titre d'exemple, pensez aux images de " systèmes chaotiques " ...:

entrez la description de l'image ici

En tous cas. Si vous recherchez des représentations conventionnelles de l'aléatoire, vous ne trouverez aucune autre icône visuelle: celle que vous avez montrée dans votre exemple est arbitraire et elle peut sembler "maladroite" d'un certain point de vue car ce n'est qu'une convention et ne le fait pas. s'en tenir à un domaine particulier. La bonne chose à propos de cette icône est exactement ce que vous pouvez voir comme sa limite: c'est devenu une convention et c'est tout.

Considérez également qu'une icône vise à être une stylisation d'un concept ou de sa métaphore, spécialement lorsqu'elle représente quelque chose de totalement abstrait ou conceptuellement complexe. Vous êtes cependant libre de créer une autre représentation arbitraire (qui deviendra peut-être un nouveau standard un jour;). Une bonne approche, à mon avis, serait de limiter votre recherche au domaine qui vous intéresse, en essayant de créer une métaphore plus proche de la chose que vous avez en tête ou de votre idée du hasard.

taseenb
la source
3

L'icône n'est pas si gênante si vous considérez où elle est généralement utilisée: dans une liste de lecture musicale. Vous prenez une liste de pistes et les mélangez, ce qui la rend aléatoire. Je pense que l'icône représente assez bien cela. C'est vraiment abstrait (trois lignes mélangées pourraient mieux faire passer le message, après tout, tout comme les notes de musique), mais il est suffisamment proche pour créer une association et assez simple pour bien fonctionner comme icône et être accrocheur.

Ainsi, bien que vous puissiez être en mesure d'abstraire complètement le concept de «aléatoire» (comme cela a été fait avec la solution de matrice), une réponse «taille unique» ne doit pas nécessairement être votre réponse.

Quelle est la randomisation de votre application? S'il s'agit de pages dans un livre, vous créez peut-être une icône qui montre le retournement de page. S'il s'agit de photos, vous avez peut-être des rectangles et des flèches. Ce sont des idées rapides et les icônes sont difficiles à bien faire, mais je voulais simplement en ajouter quelques-unes pour parler de l'idée qu'une icône aléatoire peut (et peut-être devrait) naître de ce qui est randomisé.

Brendan
la source
3

Le aléatoire FontAwesome est assez maladroit. Je ne l'utiliserais pas. L'idée de lancer des dés est la meilleure. Mais je n'aime pas lui donner une valeur discrète. Pour moi, cela représente cette valeur réelle. Tout comme l'icône FontAwesome, cela semble vouloir dire changer discrètement deux éléments. Ce qui est loin de ce que tu veux.

Ma meilleure idée est d'utiliser un point d'interrogation et des dés pour représenter correctement l'idée du hasard. La chose que vous devez éviter est de la faire ressembler à de l'aide. Donc, le faire pencher un peu sur le côté, pour éviter l'insinuation de poser une question.

<?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>

randomicon

Et un coup de chance qui avait l'air sympa, un peu comme si vous jetiez les dés et obteniez "?":

<?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>

deuxième icône aléatoire

Tatarize
la source