Freecodecamp: Facilitez la navigation dans le défi «Découvrez comment FCC fonctionne» (UX)

Je pense aussi que ce défi pourrait faire l'objet d'améliorations UX. Pour commencer, je pense que tous ces défis devraient pouvoir être parcourus via les touches fléchées. Le problème du défilement est également ennuyeux. Les images pourraient probablement être réduites.

cc / @ FreeCodeCamp / issue-moderators

@atjonathan @oalhait oui - nous prévoyons d'en réduire considérablement la durée. Si nous utilisions une hauteur fixe pour les images et leur texte, nous pourrions éliminer une grande partie de la variabilité de hauteur.

Je pense que l'amélioration la plus immédiate serait de passer au défi suivant avec les flèches gauche et droite.

Je vais aborder le problème des flèches gauche / droite! Une question cependant: où puis-je trouver le html / css / js du défi spécifique?

Salut @oalhait merci pour votre aide sur l'UX.

Les défis sont maintenant sur l'infrastructure de réaction, la plupart des vues / contrôleurs sont dans le /common/app , les défis sont des fichiers json qui se trouvent dans le répertoire /seed .

Les vues sont toutes JSX, les styles sont MOINS

Consultez les Directives pour contribuer ., Bonne résolution!

Et contactez la salle de chat des contributeurs . à l'aide.

@oalhait - BTW - Le lien dans votre description de problème des problèmes pointe vers localhost;)

@raisedadead merci pour les conseils, je suis dessus maintenant!
et @iamrudra HAHAHA oups, regardait sur mon instance locale

suggestions nécessaires pour -

• que faire quand à la fin du défi .. passer au défi suivant
• que faire lorsque nous voulons que l'utilisateur ouvre un lien avant de passer au prochain défi
• que faire pour le texte qui montre la numérotation des étapes ... ie .. (4/12)
  @QuincyLarson @atjonathan

@sachinmour Oh - quand j'ai dit les touches fléchées, je voulais dire sur le clavier - ne pas ajouter d'éléments d'interface utilisateur supplémentaires.

Plutôt que d'ajouter des boutons supplémentaires, je pense qu'il serait préférable de s'assurer que le bouton de l'étape suivante et les boutons de l'étape précédente sont toujours au même endroit (en limitant la hauteur des images / du texte) afin que vous puissiez simplement cliquer dessus à plusieurs reprises.

Mais nous voulons ajouter des raccourcis clavier. Les raccourcis clavier sont situés dans main.js

Quant à votre question sur ce qui devrait se passer s'ils rencontrent une étape où ils doivent ouvrir un lien avant de continuer, eh bien, cliquer sur la touche fléchée ne les ferait tout simplement pas avancer et ferait plutôt passer le bouton "Ouvrir le lien dans un nouvel onglet" vers attirer l'attention dessus et informer l'utilisateur qu'il ne peut pas avancer tant qu'il n'a pas cliqué dessus.

@QuincyLarson l'a compris.

@QuincyLarson

Le défi est-il résolu?

Cela ne fonctionne pas encore ?? A-t-il besoin d'aide?

Ce numéro est ouvert en tant que help wanted @ktajpuri , @ anush6533

Nous sommes passés à un ensemble de navigation plus petit sur la version bêta, je suppose que nous pourrions fermer ce @QuincyLarson ?

@raisedadead Oui - je ne pense pas que cela vaille la peine d'être amélioré à ce stade. Nous n'utilisons que quelques-uns de ces défis de diapositives, et ils sont courts - je pense que le plus long est comme 4 diapositives.