[Devblog] Tout savoir sur la mise à jour du design de Hattrick

Cet article est une traduction du blog des développeurs suivant écrit par HT-Johan (1836) :
(https://devblog.hattrick.org/2020/09/all-you-need-to-know-about-the-hattrick-design-update/)

Il y a quelques jours, les HT ont déployé une nouvelle version du site de Hattrick, où le changement principal était un élargissement du site. Mais dans le processus, nous avons revu l'intégralité du site, afin de s'assurer que le site avait un aspect satisfaisant avec cet espace supplémentaire, et aussi profiter de cet espace afin d'ajouter de nouvelles fonctionnalités ou des informations plus pertinentes, quand c'était possible.

Les principales mises à jour vous ont été présentées dans le Mon Hattrick du 3 septembre 2020 (/MyHattrick/Archive/Default.aspx?MyHattrickMessageID=67026&p=0), mais dans cet article, nous vous présentons les raisons de ce changement ainsi que l'intégralité des détails couverts par cette mise à jour !

Blog des développeurs original écrit par HT-Johan (1836), traduit par LA-Alpa

---

Préambule

Afin de visualiser au pas-à-pas les différentes évolutions détaillées dans cet article, vous pouvez voir la vidéo suivante de Papa-Mish (11419808), en allant directement aux minutes suivantes si vous êtes intéressé que par l'une ou l'autres des mises à jour :
(https://www.youtube.com/watch?v=-b30Hw-cSIE&feature=youtu.be)

00:54 Un site plus large
01:16 Police
01:35 Page 'Matchs'
02:13 Page 'Poule'
03:09 Page 'Historique de la poule'
04:06 Page 'Joueurs'
04:37 Page 'Recherche de transfert'
06:08 Informations sur les transferts
07:11 Page 'Historique des transferts'
08:08 Autres mises à jour mineures
08:34 Marquer comme non-lu
09:36 Redesign personnel

---

Un site plus large

Nous avons changé la largeur du site afin qu'il nécessite une résolution d'écran d'au moins 1280×960, remplaçant notre précédent prérequis de 1024×768. Depuis notre dernière grande mise à jour du design en 2008, les tailles des écrans de bureau ont beaucoup grandi et dans la plupart des cas, il n'y a pas du tout de raison de restreindre Hattrick à une largeur de site plus petite. Hattrick est, après tout, un jeu où il fait souvent sens d'avoir beaucoup d'informations dans un même endroit et avoir des pages plus larges rend cela plus facile. Pour la plupart des utilisateurs du site, vous pouvez juste remarquer que la fenêtre de votre navigateur a besoin d'être un peu plus grande afin de voir toutes les informations, mais même avec cela, nous n'allons pas jusqu'à prendre la place de tout votre écran

Vous remarquerez que les noms des équipes seront moins souvent tronqués. Mais le vrai bénéfice de cette mise à jour viendra au fur et à mesure que nous continuerons à développer ce site. Nous avons déjà commencé à profiter de cette mise à jour dans les premières pages mises à jour que nous déployons, mais vous pouvez vous attendre à voir plus de choses prochainement.

Mais qu'en est-il des plus petits écrans, beaucoup d'utilisateurs utilisant leur smartphone aujourd'hui et préférant un Hattrick au design plus resserré ? Certes, ce cas arrive, mais même ici les tendances se dessinent en faveur d'un changement. Le moyen préféré, de loin, pour nos utilisateurs sur mobile d'accéder à Hattrick est à travers nos applis, et celles-ci répondent beaucoup plus aux besoins d'aujourd'hui qu'il y a quelques années. Mais même si vous préférez utiliser la version web sur votre téléphone et non l'appli, cela est toujours parfaitement possible avec notre site au design plus élargi.


Police

Nous en avons également profité pour modifier la police et la taille de police sur le site. Alors que la police du menu principal (Tahoma) reste la même qu'avant, le reste du site utilisait jusqu'à présent des polices différentes sur les "anciennes" pages (Verdana) et les nouvelles (Fira Sans). Nous avions également des en-têtes en minuscules sur les "anciennes" pages et en majuscules sur les nouvelles. Cela manquait de cohérence. Nous avons désormais choisi une nouvelle police appelée Roboto afin de remplacer à la fois Verdana et Fira Sans. Elle est très proche de Fira Sans, mais fonctionne mieux comme police en général.

Roboto est utilisé comme police des sous-menus et des contenus, avec une taille de police pour les contenus légèrement améliorée, alors que nous conservons les sous-menus en minuscule et les en-têtes des barres latérales de l'ancien design, et que nous les implémentons également sur les nouvelles pages. Nous avons également uniformisé la couleur des en-têtes de deux nuances de vert vers une seule, et ajouté une petite icône en haut à gauche au début de chaque en-tête provenant du design des nouvelles pages dans tout le reste du site.

Un autre petit changement est que nous avons un style uniforme pour toutes les cases à cocher et les boutons radio, plutôt que des paramètres par défaut de votre navigateur, ce qui aide, nous le pensons, à garder une certaine cohérence au sein du site.


Page 'Matchs'

La nouvelle page 'Matchs' est une des premières pour laquelle vous voyez des changements. Plutôt que juste montrer les matchs à venir et les matchs précédents dans une liste, nous mettons désormais en évidence le match le plus récent joué et le prochain match à venir grâce à des encadrés, soulignant les aspects-clés de chacun de ces deux matchs.

Nous changeons également l'ordre du reste de la page afin de correspondre à la façon dont la liste des matchs est affichée dans l'appli. Au lieu d'un ordre chronologique, la liste des matchs joués affiche les matchs les plus récents en premier, alors que la liste des matchs à venir montre les matchs à venir les plus proches d'aujourd'hui en premier. Nous pensons que ce tri est meilleur, mais une option pour conserver l'ordre strict chronologique est disponible également dans la page de vos Préférences.

Le nom de votre équipe est désormais en gras dans la liste des matchs. Une nouvelle fonctionnalité consiste également à ajouter un emplacement, lorsqu'il est possible pour vous d'organiser un match amical ,directement dans la liste des matchs, avec un lien vers la page 'Défis' afin de pouvoir organiser un match amical rapidement.


Page 'Joueurs'

L'encadré 'Synthèse' à droite de la page 'Joueurs', qui donne un aperçu global de toute votre équipe, inclut désormais des informations comme les spécialités, le bonus du club formateur, les cartons et les blessures.
NB : cette vue est également disponible pour la page des joueurs de votre équipe junior.

Nous avons également ajouté la possibilité de trier les joueurs par blessures, cartons, ou date d'arrivée.


Page 'Poule'

Beaucoup de modifications ont été apportées sur cette page. nous avons ajouté de nouveaux encadrés à droite, afin que vous puissiez rapidement vérifier quel était l'état des équipes dans votre poule concernant les cartons, les blessures, ou encore le tour en cours où elles sont en Coupe. Nous ajoutons également plus d'informations dans l'encadré de la Bataille de division, lorsqu'il y en a une en cours.

Vu que nous disposons de plus de place, nous avons remis la colonne des matchs joués dans le tableau de la poule. Nous montrons désormais des icônes de pierres de couleurs différentes pour différencier les différentes Coupes secondaires de division l'une de l'autre. Et quand vous passez la souris sur n'importe quelle équipe de la page 'Poule', vous voyez désormais la région d'où elles proviennent. Comme sur la page 'Matchs', votre équipe est affichée en gras également..

Le classement des saisons précédentes, le classement historique et l'historique de la poule ont été fusionnées en une seule et même page où vous pouvez naviguez entre les classements à travers différents onglets à la place. Un autre changement ici que les anciens classements historiques montrent désormais le classement de l'ensemble de la poule.


Page 'Recherche de transfert'

Nous pensons que la page 'Recherche de transfert' mise à jour est beaucoup plus accueillante désormais ! Nous avons ajouté des barres glissantes pour les caractéristiques, afin que vous puissiez définir votre recherche plus rapidement si vous le préférez (les menus déroulants sont toujours présents et encadrent ces barres si vous préférez les utiliser).

Avec les nouvelles icônes de recherche pour les spécialités, il devient plus facile de chercher le joueur que vous voulez. Vous pouvez utiliser les icônes pour sélectionner la combinaison de spécialités qui vous intéresse, ou inclure "aucune" spécialité ou "n'importe laquelle" et lancer la recherche.

Cette page affiche aussi le montant disponible en caisse pour les transferts. Vous n'avez pas besoin de restreindre vos recherches à cause de cela, mais nous avons rendu plus facile de copier l'argent disponible en caisse en tant que valeur maximale pour une nouvelle recherche. Si vous le faites, les joueurs au-delà de votre limite d'argent disponible sont cachés dans les résultats de la recherche..

Une autre nouvelle fonctionnalité sympathique est que vos dernières recherches de transferts sont automatiquement sauvegardées et pré-chargées lorsque vous revenez sur la page, y compris entre deux sessions. Pour les non-Supporters, cela inclut la dernière recherche effectuée, pour les Supporters vous pouvez choisir parmi les cinq dernières recherches effectuées.

Nous avons ajouté une nouvelle page appelée 'Enchères actuelles par des équipes semblables à la mienne', dont le lien est en haut à droite de la page 'Recherche de transfert'. Ici, vous pouvez voir ce que les équipes avec un indice de performance similaire à la vôtre recherchent actuellement.

Enfin, nous avons déplacé les options de recherche 'Spécialité' et 'Enchère maximum' de la recherche avancée vers la recherche par défaut.


Page 'Résultat de la recherche'

Quelques nouveautés ici également. Un message est désormais affiché quand vous trouvez un joueur pour lequel votre trésorerie est insuffisante pour l'acheter, et nous désactivons le bouton permettant d'enchérir sur lui dans ce cas. Nous montrons le nombre d'enchères et de vues sur tous les joueurs, et nous affichons l'icône 'En ligne' directement sur cette page pour n'importe quel enchérisseur, afin que vous n'ayez pas à cliquer sur les détails de l'utilisateur pour voir quel concurrent vicieux aurait pour objectif d'augmenter leur enchère maximale pendant que vous ne regardez pas.

Les Supporters ont un goodie ici. Nous avons intégré la Comparaison des transferts directement dans le résultat de la recherche, afin que vous puissiez immédiatement voir pour combien les joueurs similaires ont été vendus dans le passé.


Page 'Historique des transferts'

Sur cette page, nous affichons également les transferts en cours. Nous avons également ajouté un filtre afin que vous puissiez choisir de voir seulement les joueurs achetés ou seulement les joueurs vendus dans la liste.


Page 'Supporters'

Dans l'encadré 'Évolution du nombre de supporters' à droite la page, nous affichons désormais le numéro de semaine pour chaque mise à jour et, plus important encore, le nombre total de supporters après chaque mise à jour hebdomadaire.

Nous avons changé le format des listes des matchs joués et à venir afin qu'elles aient le même format, avec les attentes des supporters au même endroit, rendant la comparaison plus facile. L' 'humeur après' pour les matchs joués est disponible en passant la souris dessus à la place.

Nous avons également changé le design du graphique des supporters afin qu'il soit plus cohérent du design des graphiques des finances.


Rapport de match

Il est désormais spécifié pour les amicaux s'ils sont joués en mode normal ou avec les règles de Coupe.


Page 'Général' du club

Nous affichons désormais à la fois les tenues de match domicile et extérieur.


Forum

Une nouvelle option “Marquer comme non-lu” est ajoutée au bas de chaque post.


Page 'Meilleurs joueurs'

Ici, nous avons ajouté les “Minutes jouées” également, et sensiblement mis à jour le design de la page.


Ladders & tournois

Il y a plus d'informations dans les détails du ladder à droite. Au lieu de n'afficher que votre position actuelle, vous voyez désormais une flèche de tendance, ainsi que votre nombre total de victoires et défaites.

Pour les Supporters, nous avons ajouté la possibilité de mettre en signet des matchs de tournoi.


Page 'Vos supporters'

Sur la page 'Vos supporters', en lien au bas de la page de votre équipe, nous montrons désormais un encadré listant les équipes qui ont le plus de Supporters dans Hattrick, à droite de la page, plutôt que dans la fenêtre principale. L'objectif vital d'apparaître dans cette liste demeure le même !

C'est tout pour le moment. Profitez des dernières jours de cette saison, et bonne chance pour les saisons à venir !

Link directly to this article (HT-ML, for the forum): [ArticleID=21837]