Comment optimiser l'espace sur un site Web - les nuls

Même si l'espace de la page Web est trop limité, vous pouvez utiliser de manière créative un certain nombre de technologies afin de maximiser votre interface. Pour chacune des techniques décrites ci-dessous, de nombreux sites Web proposent des exemples de code, des forums et des ressources pour vous aider à démarrer.

• Accordéons. Les interfaces d'accordéon permettent à différents contenus de partager le même espace. Généralement, les barres étiquetées - verticales ou horizontales - comme les stores vénitiens peuvent se développer pour révéler leur contenu associé.

• Révéler les couches lors du retournement. Une autre convention courante consiste à développer un composant de navigation lors du survol pour révéler une image plus grande, plus d'informations et une incitation à l'action. De cette façon, vous pouvez condenser plusieurs options de navigation dans une zone tout en fournissant suffisamment d'informations pour inciter les utilisateurs à cliquer.

• Carrousels. L'interface carrousel contient un certain nombre d'options dans un espace contenu. En faisant défiler horizontalement (le plus typique) ou verticalement dans cet espace contenu, les utilisateurs peuvent voir toutes les options.

  

  Crédit: © Geert De DeckereIl y a toutes sortes de ressources en ligne qui fournissent des bases de code que vous pouvez personnaliser pour créer des espaces d'accordéon pour votre site Web.

  

  Crédit: © Sourcebits Technologies Pvt. Les interfaces Carousel permettent aux utilisateurs de faire défiler horizontalement les espaces contenus pour trouver ce qu'ils recherchent.

  

  crédit: © Soh TanakaUne fois retournée, cette image s'agrandit et fournit plus d'informations.

• Menus déroulants améliorés. La plupart des gens considèrent un menu déroulant uniquement comme une liste de textes qui se développe sous un composant de navigation principal. Cette limitation ne doit pas s'appliquer à vos menus déroulants. Au lieu d'une simple liste de textes, vous pouvez concevoir un «menu déroulant amélioré» qui révèle une liste soigneusement organisée - même avec des images et des promotions quotidiennes.