Contenu
Une fois que quelqu'un commence à utiliser votre site Web ou votre application Web, il doit savoir où aller et comment s'y rendre à tout moment. S'ils ne peuvent pas naviguer facilement dans votre application, vous les perdrez rapidement. Ainsi, la conception d'une navigation efficace dans votre application Web est cruciale.
Dans cette série pour Creative Bloq, Chris Bank of UXPin, l'application de conception UX, discute de l'importance des modèles de conception de navigation et détaille des exemples de certains des sites Web et des applications Web les plus en vogue aujourd'hui.
Pour plus d'exemples de modèles de conception Web, téléchargez le livre électronique gratuit d'UXPin, Web UI Design Patterns 2014.
Le problème
L'utilisateur souhaite disposer d'un emplacement central pour afficher ou effectuer des actions sur la plupart ou la totalité du contenu afin de ne pas perdre de temps à naviguer entre les pages.
La solution
Utilisez des techniques de développement Web modernes pour créer une application d'une seule page qui n'a pas besoin de se recharger au fur et à mesure que l'utilisateur la parcourt. Ce modèle est plus une restructuration complète du fonctionnement du Web plutôt que quelque chose que vous pouvez pirater dans votre application par la suite.
D'une certaine manière, la page d'une application à page unique n'est pas vraiment une page au sens traditionnel du Web, mais plutôt une vue de données particulière. Les applications Web d'une seule page se chargent de manière asynchrone (à l'aide d'Ajax), en ce sens qu'elles fonctionnent instantanément sans que l'utilisateur n'ait à attendre que des pages distinctes se chargent entre les opérations.
Gmail est un bon exemple d'application d'une seule page qui intègre plusieurs actions dans une seule "page". La tendance des conceptions d'une seule page est une implémentation moins hardcore de ce modèle d'interface utilisateur, où tout le contenu peut être consulté sur la même page. Cela rend la navigation beaucoup plus rapide et réactive, brouillant la frontière entre les applications de bureau et les applications Web.
Pour les applications Web telles que Spotify, le modèle d'application d'une seule page devient essentiel lorsque vous considérez que l'utilisateur peut jouer de la musique en arrière-plan, mais aussi parcourir plus de musique en même temps; avoir une application d'une seule page élimine le besoin de recharger la page, afin que la musique puisse continuer à jouer.
Une considération à prendre en compte lors de la mise en œuvre d'une application d'une seule page est la structure de l'URL. Étant donné que le contenu est chargé dynamiquement à l'aide de JavaScript, les URL peuvent devenir inutiles et accéder à une vue particulière peut devenir impossible s'il n'est pas fait correctement.
Les applications Web comme Gmail et Twitter surmontent ce problème en générant explicitement des URL uniques pour chaque vue, ce qui résout également le problème de l'inutilisabilité du bouton Retour du navigateur.
Mots: Chris Bank
Chris Bank est le chef de file de la croissance chez UXPin, une application de conception UX qui crée des wireframes et des prototypes interactifs réactifs.
