N'encombrez pas l'écran avec les options de navigation - mannequins

> Dans les options de navigation de la plupart des sites Web traditionnels, les liens vers toutes les pages principales sont toujours visibles. Un site Web type comprend une ligne de liens en haut ou en haut à gauche ou à droite de l'écran avec des liens communs vers les sections principales, y compris la page d'accueil, la page À propos de nous et d'autres sections importantes.

Garder les liens de navigation en haut de chaque page facilite la recherche, mais encombre l'espace de conception. Ajouter votre logo et d'autres éléments de la marque, des liens de sous-navigation, et éventuellement la publicité et - beurk - quel gâchis.

Il n'est pas étonnant que les sites de journaux soient toujours considérés comme «occupés» et la plupart des créations de blogs sont considérées comme ennuyeuses. En bourrant trop d'informations sur chaque page avant même d'avoir commencé à ajouter du contenu, il est difficile de garder les choses intéressantes.

Considérez maintenant l'approche adoptée par la plupart des concepteurs pour créer des applications iPad. En concevant des sites Web pour l'iPad et l'iPhone, vous pouvez profiter de la nouvelle génération de concepteurs d'applications qui sont là-bas.

Une grande variété d'applications iPad, y compris les magazines populaires

Wired et Sports Illustrated, affichent deux zones cohérentes où les concepteurs d'applications placent des éléments de navigation: > Dans le coin supérieur gauche ou droit de la page: Contrairement aux pages Web, les liens de navigation de la plupart des applications sont visibles uniquement lorsque vous appuyez sur une icône, telle que l'icône Accueil en haut à gauche, comme indiqué dans le magazine Honeybee.

• Au bas de la page:
  Une fois de plus, un ensemble de liens de navigation facultatifs s'affiche uniquement lorsque vous appuyez sur le bas de l'écran, comme indiqué sur cette figure.

  

• Cette nouvelle pratique de conception pourrait être une nouvelle façon utile de concevoir des pages Web ainsi que des applications. Le design montré dans les figures a été créé à l'origine comme une application pour l'iPad. Il a été conçu à l'aide des nouveaux outils de publication numérique d'Adobe, idéaux pour créer des magazines interactifs et des livres électroniques améliorés. Mais une fois le design terminé avec les outils de publication numérique d'Adobe, qui créent automatiquement les liens de navigation affichés, il n'y avait aucune raison de ne pas faire la même chose dans une version de page Web.

  

Le même design a ensuite été recréé en HTML et CSS et testé dans le navigateur Web de Safari.

Voilà!

Cette approche de la navigation fonctionne également très bien sur le Web mobile et laisse beaucoup plus de place à la création de designs superbes qui remplissent l'écran de l'iPad. Même dans la version de la page Web de ce site, le menu déroulant affiché apparaît uniquement lorsque vous appuyez sur l'icône Accueil. Le menu disparaît dès que vous appuyez sur un lien de la liste.