Afficher visuellement le début et la fin d'une condition
Je veux montrer visuellement le début et la fin d'un bloc if dans mon interface utilisateur.
Chaque bloc if commence par if et se termine par end. La condition est écrite en rouge. J'ai trouvé quelques façons de montrer le début et la fin d'un bloc if en mettant en évidence if et end. Y a-t-il une meilleure façon de le montrer?
Pour améliorer votre UI/UX et je vous suggère fortement de mettre une légende quelque part près, donc c'est clair pour vos utilisateurs et alors il ne sera pas si important de savoir exactement comment vous montrez le début/la fin d'un bloc tant que vous informez vos utilisateurs sur la signification des couleurs/blocs dans votre interface. Cela résoudrait l'essence de votre problème et la question de savoir comment le montrer devient de nature secondaire.
De plus, pour améliorer l'UX en général, je suggère les choses suivantes
Affinez votre palette de couleurs pour qu'elle soit moins dure et un peu plus équilibrée. (Regardez certains schémas d'éditeur de texte en ligne: http://devthemez.com/themes/sublime-text-2 ou similaire et choisissez-en un à votre goût. Je choisirais également une couleur de fond verte pour le début du bloc et la couleur rouge pour la fin du bloc juste pour être cohérent avec le symbolisme de couleur typique dans notre culture.)
Changez la police de l'éditeur de texte en quelque chose de plus sans empattement comme Arial ou Helvetica. Ou même Monospace. Actuellement, il semble que vous utilisiez Times new roman et ce n'est pas le meilleur choix pour les éditeurs de texte.
Ajoutez un espacement entre le bloc de l'éditeur de texte et le bouton Enregistrer :)
Si je comprends bien, la mise en page est plus importante pour la compréhension que les marqueurs d'interface utilisateur. Dans le Code Complete book by Steve McConnell il y a des recherches empiriques sur les formats de blocs de code qui sont parfaitement compréhensibles, et qui causent des problèmes.
En bref, si je me souviens bien, les blocs imbriqués doivent être indentés et un bloc doit être aligné à gauche. Maintenant, si vous avez des problèmes à le faire parce que les espaces affecteront la sortie, vous pouvez alors afficher visuellement les blocs sous forme de carte graphique.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
