web-dev-qa-db-fra.com

arborescence pour les appareils mobiles

Est-ce une bonne idée d'utiliser la structure de l'interface utilisateur arborescente dans l'iPhone ou d'autres appareils mobiles? (par exemple pour la navigation dans les fichiers, etc.)

7
user4406

La navigation dans les arbres est une solution simple et efficace pour découvrir des structures hiérarchiques. Je testerais deux solutions différentes.

  1. Accordéon: http://ui-patterns.com/patterns/AccordionMen
  2. Listes de navigation: http://mobile-patterns.com/lists

Les accordéons fonctionnent si vous avez des hiérarchies plates (par exemple un sous-niveau). Ils gardent l'utilisateur en contexte et vous n'avez pas à vous souvenir des autres noms de catégorie puisque vous restez à l'écran. Le gestionnaire pour ouvrir/réduire la catégorie ne doit pas être un petit bouton, mais plutôt l'élément de liste entier.

Les listes sont assez faciles à utiliser et s'adaptent parfaitement si vous devez utiliser plusieurs sous-niveaux. Les éléments suivants que vous devez fournir pour une découverte fluide du contenu dans les sous-marins:
- en-tête avec le titre de la catégorie actuelle
- raccourci qui vous amène au niveau supérieur de la hiérarchie
- sauvegarde qui vous fait monter d'un niveau

À partir d'un point de vue d'interaction, le principal défi est que la navigation dans les arbres nécessite beaucoup de défilement vers le haut et vers le bas pour retrouver les éléments. Du point de vue de l'architecture de l'information, ce n'est peut-être pas le système le plus efficace pour organiser l'information. L'utilisateur doit savoir dans quelle catégorie se trouve l'objet à rechercher. Il devrait au moins y avoir une recherche par catégorie. Pour augmenter la flexibilité et améliorer la trouvabilité, je le combinerais également avec un système de marquage.

10
Wolo

La méthode NestView pour représenter une hiérarchie de texte (spécifiquement xml) est apparue comme une réponse sur une question programmers.stackexchange . C'est assez "là-bas", mais cela économise une bonne quantité d'espace horizontal, par rapport à une arborescence ou à un texte en retrait. Il a également l'avantage d'avoir une "zone tactile" plus grande qu'une arborescence, il pourrait également convenir à une utilisation plus générale que les structures de texte hiérarchiques:

enter image description here

3
pgfearo

Je ne pense pas, l'arborescence est déjà assez difficile à utiliser sur un ordinateur à grande échelle.

Microsoft a fait une étude sur sa propre arborescence et a recommandé aux développeurs de ne pas l'utiliser si les utilisateurs de cette application spécifique ne sont pas avertis en informatique, a expérimenté.

1
Bobby Tables

Je suggérerais un fil d'Ariane en haut et une vue liste/icône pour la garder cohérente avec d'autres structures arborescentes.

0
vener