9 septembre 2013 1 09 /09 /septembre /2013 14:36

 

- Ajustement de la taille des typos pour les cases représentant les genres
dans la Constellation Musicale.
- Ajustement de la taille des cases également.
Tout est un peu plus grand et plus lisible de loin.

 

Repost 0
Publié par ThY - dans GalaxyThY
commenter cet article
5 septembre 2013 4 05 /09 /septembre /2013 23:32

Ergonomie

 

 

Les quelques changements annoncés commencent à être implémentés:

  • Nouvelles bulles d'aide: un tooltip reprenant le nom du genre survolé apparaît, quelque soit le niveau de zoom.
    Lorsque le genre est cliqué, un bloc de texte apparaît dans le coin inférieur gauche, il décrit le genre et les différences / similarités qui le lie à ses voisins proches.
    Un bouton a été ajouté sur ce bloc descriptif, celui-ci envoie l'utilisateur vers une vidéo Youtube diffusant des extraits représentatifs du genre choisi.
    Le bloc d'aide peut maintenant être fermé à l'aide du bouton en croix.
    Tout les genres seront agrémentés de ces bulles d'aide au fur et à mesure.
  • Flèches guides: quelques liens ont été habillés de flèches, une à chaque extrémité.
    Lorsqu'elles sont survolées, une bulle d'aide indique un résumé des différences / similarités que le genre voisin, indiqué par la flèche, possède.
    Lorsqu'elles sont cliquées, la vue de l'utilisateur se focalise sur le genre qu'elles indiquent.
    Tout les liens seront agrémentés de ces flèches au fur et à mesure.
  • Trous de ver: les genres récurrents, sous-entendus liés à différents endroits éloignés de la constellation, possèdent un bouton supplémentaire qui, lorsqu'il est cliqué, envoie l'utilisateur vers la prochaine occurence de ce genre.
    Tout les genres récurrents seront agrémentés de ces boutons au fur et à mesure.
  • Nouvelle fenêtre d'aide: le bouton "?" en haut à gauche ouvre désormais une fenêtre d'aide lorsqu'on le clique.
    Il s'agit d'une légende expliquant les différents éléments pouvant être rencontrés dans la constellation.
    Elle peut être fermée via un bouton en croix.
  • Typo ajustée: la taille de la typo utilisée pour les genres a été augmentée.
    Les genres influents restent plus grands que les autres.
    Tout les genres seront agrémentés de ce changement au fur et à mesure.
  • Vidéos d'extraits musicaux: chaque genre aura une vidéo Youtube associée.
    Celles-ci comprendront 3 extraits différents au minimum, et seront hébergées sur ma propre chaîne.
    Des vidéos seront créées pour chaque genre, au fur et à mesure.

 

arrows

 

 


 

MàJ.

 

 

Voici les modifications ciblées qui ont été faites dernièrement:

  • Suppression du lien vers un mode plein écran, celui-ci buggait pas mal lorsqu'on utilisait les trous de ver.
  • Ajout de l'Early Electro pour trancher avec l'Electro Music, elle-même tranchant avec la Techno Pop qui utilise du Breakbeat.
    L'Electro Music a été reliée au Krautrock également.
  • Ajout du Funk entre le Breakbeat et l'Electro Funk.
  • Ajout de flèches guides entre les genres Abstract Hip-Hop, Acid Breaks, Acid Rap et Breakbeat.
  • Ajout de trous de ver sur les occurences d'Acid Rap.
  • Ajout des tooltips pour les genres Acid Rap, Acid Techno et Breakbeat.
  • Typos ajustées pour les genres Acid Rap, Acid Techno et Breakbeat.
  • Vidéos de samples ajoutées pour les genres Acid Rap, Acid Techno et Breakbeat.
  • Le genre Detroit Techno a été changé en genre influent.

 

Repost 0
Publié par ThY - dans Musique
commenter cet article
3 septembre 2013 2 03 /09 /septembre /2013 00:32

Ces deux derniers jours j'ai travaillé à un moyen, pour l'utilisateur, de relier facilement les genres récurents éloignés les uns des autres dans la constellation.
J'y suis parvenu techniquement, ce qui m'a également permis d'ajouter une touche de design supplémentaire avec les "Trous de Ver". (Jetez un oeil sur cette page Wikipédia, si vous ne voyez pas à quoi je veux faire référence)

 

L'aide, qui n'était qu'une simple légende, sera améliorée aussi. Plus jolie et plus complète, elle vous expliquera à quoi correspondent les différents éléments que l'on pourra retrouver un peu partout au fur et à mesure que la constellation s'éttofera.

help

 

Pour les non-anglophones, voici ce qui est indiqué dans cette aide:

  • Une légende sur les différents aspects que peuvent avoir les cases représentant les genres, comprenant les genres normaux, les genres influents, et les genres; normaux ou influents, qui sont récurents dans la constellation, et qui seront désormais agrémentés d'un "Trou de Ver".
  • Ces trous de ver étant de simples boutons supplémentaires permettant de rejoindre instantanément la prochaine instance du genre associé, dans la constellation, sans devoir chercher après.
  • Les liens entre les genres indiquent qu'ils partagent des similarités musicales.
  • Les flèches sur ces même liens, indiqueront la direction de l'influence notable d'un genre vers un autre.

La typo des labels sera agrandie aussi légérement pour chacune des cases.
Il est question aussi d'implémenter les tooltips améliorés évoqués il y a peu, ainsi que des liens vers des extraits musicaux plus représentatifs, sur ma chaîne Youtube.

Ces changements seront implémentés au fur et à mesure, genre par genre, ceci n'est qu'un aperçu :)


Repost 0
Publié par ThY - dans Musique
commenter cet article
31 août 2013 6 31 /08 /août /2013 22:32

Nouvelle mise à jour de la Constellation Musicale, avec une amélioration du système de zoom (qui m'aura quand même bien pris la tête entre nous...), qui est maintenant mieux centré à l'a vue actuelle et empêche de se perdre totalement en un seul click !

Le code que j'ai finalement pu retravailler et faire fonctionner, va peut-être m'ouvrir certaines voies vers un possible système de déplacement de la vue, que j'utiliserai surement pour les genres récurrents et plus tard pour un éventuel module de recherche.

C'est plus meilleur non ?

 

Repost 0
Publié par ThY - dans Musique
commenter cet article
30 août 2013 5 30 /08 /août /2013 13:29

 

J'ai pris en compte certaines remarques qui m'ont été faites au niveau de l'ergonomie, j'ai donc commencé à travailler sur les tooltips (bulles d'aide) en modifiant celle du genre "A Cappella" uniquement.


tooltips2

 

Le tooltip apparaît au curseur de la souris et suit celui-ci. Sa taille n'étant pas modifiée par le zoom.
Cela permet de pouvoir repérer un peu plus facilement les genres quand ceux-ci sont trop petits pour être lu.

 

Repost 0
Publié par ThY - dans GalaxyThY
commenter cet article
29 août 2013 4 29 /08 /août /2013 11:32

Premières réactions

 

 

J'ai parlé un peu de mon organigramme autour de moi, et j'ai commencé à avoir quelques retours.
Le projet en lui même semble accueilli positivement et avec un certain enthousiasme, mais l'érgonomie, plus que perfectible, est souvent pointée du doigt.

Certaines personnes m'on fait des remarques constructives, et il m'a même été donné un lien intéressant en exemple de ces remarques:

 

seattlebands

Excepté les liens qui s'entrecroisent partout (chose que j'évite dans mon organigramme), l'érgonomie en elle-même est ce à quoi j'aspire. Mais techniquement, je suis limité par mes modestes connaissances en code.
Donc je vais devoir juste m'adapter et beaucoup chercher.

 

 


Début d'une évolution

 

 

Actuellement, je me suis essayé à un système de bulles d'aide différent:

tooltips

 

On peut déjà les voir sur les premiers genres de ma liste, à savoir: A cappella, Abstract Hip-Hop, Acid Breaks, Acid House et Acid Jazz.


A côté de ça, les liens de ces genres pointent maintenant vers des vidéos d'extraits réalisées par mes soins, comme celle-ci:

 

Mais je vais maintenant me prendre la tête pencher plus sur l'érgonomie ^^

 

Repost 0
Publié par ThY - dans Musique
commenter cet article
28 août 2013 3 28 /08 /août /2013 15:43

Sur la page de la Constellation Musicale, j'ai rajouté un lien en bas de page, afin de pouvoir la visualiser en plein écran.

 

fullscreen

 

J'ai également ajouté un préloading au module Flash, afin d'indiquer le temps de chargement du module ;)

Il y a également un léger aperçu des changements à venir, mais j'en reparlerais plus tard !

 

Repost 0
Publié par ThY - dans Musique
commenter cet article
27 août 2013 2 27 /08 /août /2013 11:36

Re.

 

 

Pour cette version 4.2 de mon site/blog, j'ai enfin mis en ligne mon organigramme des genres musicaux. Un module en Flash permettant au navigateur de parcourir les différents genres musicaux existant, illustrés par des liens vers des vidéos Youtube.

 

flash

 

Pour en savoir plus sur le " pourquoi ? " et le " comment ? ", j'ai également rédigé une page d'informations ainsi qu'une F.A.Q., en français mais également en anglais.
J'en ai aussi profité pour modifier légèrement le design du site, afin de gagner en espace et sobriété. Le menu vers les différentes rubriques du site se trouve donc maintenant à l'horizontale en haut de page.

 

 


Réseaux sociaux

 

 

Les mises à jour de ce blog seront dorénavant relayées via Tweeter et Facebook, tandis que DeviantArt me servira pour les "Work in Progress" principalement.

 

 


"To do List"

 

 

L'inconvénient de se lier vers des vidéos Youtube de tiers, c'est qu'il arrive, et arrivera parfois, que certains genres auront des liens morts, à cause de comptes clôturés ou vidéos supprimées.
C'est pourquoi je souhaite, petit à petit, créer mes propres vidéos à extraits musicaux représentatifs, afin de pouvoir mieux contrôler ces soucis.

 

Il sera aussi question de rajouter, modifier et peaufiner certains genres déjà présent (car il y a encore des choses non répertoriées), ainsi que d'améliorer le design et la navigation, notamment avec un système de recherche et de connexions entre genres récurrents.
Mais ça risque d'être très technique, donc peut-être impossible à mon niveau, mais on verra plus tard ^^

 

Repost 0
Publié par ThY - dans GalaxyThY
commenter cet article
11 avril 2012 3 11 /04 /avril /2012 15:49

Nouvelle illustration numérique (dessin et couleurs): "Geekettes"

Geekettes

Repost 0
19 janvier 2012 4 19 /01 /janvier /2012 13:56

Ajout d'une nouvelle illustration au dessin papier et couleur numérique:

 

Agape

Repost 0