Onglets intégrés et imbrication
Mon intention est de présenter les instructions d'installation d'un logiciel à l'utilisateur. Le document a 3 versions, dont la seconde a 5 sous-versions:
- Installation binaire (par défaut pour Windows et OSX, possible uniquement là-bas)
Installation source (par défaut pour linux, possible partout)
- Ubuntu/Debian
- Cambre
- …
Installation de développement (possible partout)
Et je le souhaite afin qu'une seule version cohérente et pertinente du document soit visible (et puisse être liée) à la fois, par exemple "Installation binaire" ou "Installation source pour Arch"
Voici ce que j'ai maintenant (il est recadré, alors ignorez l'en-tête violet bancal, et j'ai déjà corrigé l'indentation dans le deuxième exemple de code):
Je l'aime, sauf que (a) je devrais passer de la description longue ("Installation à partir de la source (…)") au texte au lieu d'un en-tête, et (b) il n'est pas clair que basculer entre les onglets binaire/source/développement remplace tout jusqu'à "Exécuter le bloc-notes".
Des questions:
- Y a-t-il une meilleure UX qui montre plus clairement que vous pouvez désactiver toute la section "Installation"? Mettre un cadre/une ombre autour de lui (comme dans la zone des onglets imbriqués) le corrigerait mais aurait l'air mauvais à mon humble avis.
- Je ne pense pas que les onglets imbriqués en général soient une mauvaise idée, mais certaines personnes vu le penser . Je pense que c'est un cas d'utilisation valable pour eux, à l'exception de la lacune mentionnée dans la première question. Êtes-vous d'accord?
Je vois que vous empilez 2 ensembles d'onglets l'un sur l'autre. Avez-vous envisagé d'utiliser une interface utilisateur différente pour sélectionner la méthode d'installation? La liste des méthodes d'installation dans une liste avec un sélecteur de bouton radial est une option.
Je remarque également en haut, sous les onglets les plus hauts que vous avez votre description. Vous cachez les descriptions derrière les onglets.
Offrant la description à côté ou à l'intérieur les meilleurs sélecteurs peuvent aider les gens à prendre une décision. Avec l'interface utilisateur que vous avez choisie, un utilisateur doit sélectionner un onglet, puis lire la description. Au contraire, l'utilisateur pourrait simplement lire les descriptions et choisir la plus pertinente, et avancer à partir de là.
Consultez la page de téléchargement de la Fondation ZURB. Ils comprenaient des descriptions avec le nom, et incluent juste un bouton. http://foundation.zurb.com/sites/download.html/
Rendre les trois options plus évidentes pour l'utilisateur
Avez-vous envisagé d'ajouter un écran spécifique avec les trois options d'installation, chacune expliquée dans un bref paragraphe? De cette façon, l'utilisateur aura une idée claire que trois options sont disponibles, choisissez-en une appropriée et parcourez les informations (tout comme vous les montrez, sans onglets) sur l'écran suivant avec un bouton "Retour".
Devrait être bien plus transparent!