Comment concevoir un site Web portail

Concevoir une page d’accueil de site Web portail (une page qui sert de porte d’entrée à une grande quantité de contenu) peut être un projet de conception Web extrêmement difficile. La nature d’un portail signifie que la page d’accueil est en constante évolution et regorge de liens et de contenus. L’astuce pour concevoir une page de portail accessible et facile à utiliser consiste à créer une mise en page de site Web qui facilite les changements fréquents de contenu, mais qui reste constamment conçue pour faciliter la lecture et la navigation. Si vous ne comprenez pas bien, vous pouvez vous retrouver avec une page encombrée et difficile à lire. La bonne nouvelle est que les experts en conception de sites Web de Michael Bell One ont une vaste expérience de la conception de sites Web de portails pour les écoles, les entreprises et les institutions gouvernementales, y compris le système de commande en ligne des services innovants aux écoles du Conseil du comté d’East Sussex. Poursuivez votre lecture pour découvrir certains des facteurs clés que nous prenons en compte lors de la conception de sites Web de portail

Conception de sites Web de portail: Mise en page

Lorsque vous envisagez la meilleure façon d’aborder la conception d’un site Web de portail, nous commencerons généralement par la mise en page. Si nous concevons une page qui va être pleine de liens et d’informations, nous utiliserons généralement autant de largeur de page que possible en éliminant les marges de gauche et les espaces inutiles. Bien sûr, comme la conception web réactive est au cœur de tout ce que nous faisons, nous utiliserions également de manière optimale l’espace quel que soit l’appareil sur lequel le site Web est consulté. De plus, l’alignement central du contenu et des graphiques sur une page de portail ne fonctionne jamais très bien, car les utilisateurs ont tendance à commencer à lire en haut à gauche et à numériser rapidement en bas à droite.

La meilleure approche de conception Web de portail consiste à utiliser des boîtes et des formes pour diviser la page en morceaux faciles à lire. Nous avons tendance à utiliser une combinaison de longs rectangles gris, de panneaux carrés aux couleurs plus claires pour les sections d’actualités et de colonnes de style magazine pour les informations sur la communauté et les loisirs. Une petite police en gras (10px Verdana) a tendance à bien fonctionner avec ce genre de sections de page et se démarque des couleurs et des formes d’arrière-plan. Les liens sont souvent mis en évidence dans des tons familiers de bleu et d’orange, avec des icônes parfois utilisées pour fournir à l’utilisateur des informations visuelles supplémentaires sur ce qui se passera lorsqu’il cliquera sur un lien.

Découvrez comment nous pouvons vous aider

Conception de site Web portail: Arrière-plan

Les prochains éléments de conception évidents à considérer sont les images et les couleurs d’arrière-plan. L’utilisation d’un arrière-plan subtil de couleur pastel est un bon moyen de donner de la texture et de la profondeur à la page du portail, mais si l’arrière-plan est trop occupé ou a trop de couleurs et d’ombres, il peut ressembler à un site Web des années 1990. Les choses deviennent plus problématiques lorsque les couleurs qui se trouvent sur le fond du portail sont trop fortes. Un exemple typique de ceci est lorsque nous sommes chargés de repenser les sites Web de portails qui utilisent de grandes quantités de cyan. Certaines couleurs ne fonctionnent tout simplement pas sur les écrans d’ordinateur, le cyan en faisant partie. L’utiliser comme couleur d’accent peut être très efficace, mais couvrir de vastes zones de la page Web avec elle peut entraîner des problèmes de lisibilité.

Pour les mises en page de sites Web de portail, il est souvent judicieux d’utiliser des arrière–plans pâles avec du texte sombre, ou l’arrière-plan sombre occasionnel avec du texte pâle – ainsi que des tons plus souvent saturés. De nos nombreuses années d’expérience dans la conception de sites Web riches en informations, nous avons tendance à constater que l’utilisation de bleus et de gris comme couleurs fortes tend à être extrêmement efficace sur les sites Web d’actualités et de portails, car ils sont plus faciles à regarder et offrent un meilleur contraste pour une expérience de lecture plus confortable.

Conception de site Web Portail: Graphiques et Images

Une attention particulière est accordée à la façon dont nous utilisons les graphiques et les images. Si un logo est mal conçu ou si les images sont trop petites ou mal alignées avec le texte, cela peut rendre la page Web du portail déséquilibrée et désorganisée, ainsi que non professionnelle. La conception de la stratégie de marque étant la pierre angulaire de notre activité de conception numérique, nous savons concevoir des logos et des éléments graphiques qui correspondent non seulement à votre contenu, mais également aux désirs et aux besoins de votre public cible.

Lors de la conception de mises en page de sites Web de portail, nous visons également à limiter au minimum les éléments supplémentaires tels que les scrollers et les curseurs de nouvelles jQuery. Bien que ceux-ci fonctionnent généralement très bien, ils peuvent avoir un effet négatif sur les temps de chargement des pages et peuvent provoquer des erreurs de page ou un scintillement. Il est préférable d’avoir un panneau de nouvelles dédié utilisant du HTML brut pour des raisons de lisibilité, mais aussi parce que le défilement du texte peut distraire du contenu de la page de la même manière que les bannières publicitaires ou les graphiques animés le font souvent.

Notre objectif ultime lors de la conception de mises en page de sites Web de portail est de créer un centre d’information réactif, accessible et facile à utiliser qui non seulement a fière allure, mais est également capable de transmettre sans effort une grande quantité d’informations à ses lecteurs. Pour y parvenir, nous constatons généralement qu’une mise en page Web de portail de style magazine fonctionne bien. C’est peut-être une formule bien utilisée, mais c’est parce que c’est un moyen extrêmement efficace de transmettre des informations rapidement et efficacement.

Découvrez comment nous pouvons vous aider

Cinq conseils pour un site Web portail soigné

Efficacité

Si vous avez besoin de beaucoup de contenu sur une page, réduisez les marges et les bordures pour récupérer chaque pixel de rechange pour l’utiliser avec le contenu. Divisez votre disposition en panneaux et espacez-les d’environ 10 pixels. Utilisez des lignes fines et de petites polices en gras, et donnez aux panneaux un rembourrage interne de 10 à 15 pixels pour éloigner le texte des bords.

Pas de fond d’écran

Les images d’arrière-plan sont très bien, mais faites attention à la façon dont vous les utilisez. S’ils sont trop occupés ou se répètent trop, le résultat final semble désordonné. Veillez particulièrement à éviter les images en relief lors de la conception des graphiques du site Web du portail; les graphiques Web 2D simples semblent beaucoup plus propres et plus professionnels. Rappelez-vous toujours que l’arrière–plan ne doit jamais concurrencer l’attention visuelle avec le premier plan – en particulier sur les sites Web d’information.

Navigation facile

La nature d’une page de portail signifie qu’elle regorge de liens. Cependant, la plupart des portails sont divisés en sous-sections et ceux-ci doivent toujours être facilement accessibles via une barre de navigation bien en vue. Essayez de placer ces liens en haut de la page ou sur le côté gauche, et répétez-les en texte brut au pied de la page pour une meilleure preuve d’idiot.

Couleurs calmes

La couleur est un élément fondamental de la conception de l’interface, et la conception d’un site Web portail n’est pas différente. Évitez d’utiliser des couleurs vives et saturées comme le cyan. si vous aimez les couleurs vives, essayez-les à 10-20% si elles sont en arrière-plan, ou utilisez-les comme couleurs d’accent pour les sous-titres, les liens et les superpositions CSS. Essayez d’utiliser des couleurs atténuées pour les boîtes et les arrière-plans: les gris fonctionnent bien avec pratiquement n’importe quel jeu de couleurs.

Évitez les gadgets

Chaque concepteur de sites Web aime jQuery; c’est une bibliothèque JavaScript fantastique et nous l’utilisons à grand effet sur de nombreux designs de sites Web de commerce électronique et sites Web CMS, mais cela ne signifie pas qu’il doit être utilisé sur tous les sites Web. Les widgets et les scrollers JavaScript peuvent ralentir les pages Web et causer des problèmes avec les anciens navigateurs Web. Ils peuvent également sembler un peu collants s’ils sont surutilisés. Si ce que vous avez à dire est important, vous devez le dire clairement et en toute confiance sans le faire défiler devant l’utilisateur comme l’écran LED à pointillés rouges de votre bureau de poste local.

Concevoir un site web portail est facile; concevoir un site Web portail est difficile. Il faut de l’expérience, de la créativité et du talent de concepteur pour créer une ressource d’information informative tout en restant accessible et intuitive à utiliser. Donc, si votre école, votre organisation communautaire ou votre entreprise bénéficierait d’une conception de site Web portail magnifiquement conçue, réactive et accessible, contactez Michael Bell One dès aujourd’hui pour discuter de votre projet.

À propos de Michael Bell One

Michael Bell One est une agence de conception web, de référencement (Optimisation des moteurs de recherche) et de marketing numérique basée à Lewes, dans le Sussex de l’Est, et avec des bureaux dans le Sussex, Surrey, Londres et Kent.

Pour nous parler de votre projet de conception web, de référencement ou de Branding, contactez James Golding au 01273 478822 ou envoyez-nous simplement un email à la place.