Style Arabe Modèles de sites Web

Modèles de sites web arabes prêts à l'emploi pour un site complet multipage

Une seule page ne suffit plus lorsqu'une organisation a plusieurs histoires à raconter. Les modèles de sites web arabes reposent sur une base cohérente : plusieurs pages connectées partageant une identité unique, un menu unique et une charte graphique commune, le sens de lecture étant intégré dès la première page. Le choix de la structure globale du site est déterminant, et le langage visuel en découle.

Répartition du contenu sur des pages connectées

Chaque page a sa place grâce à sa fonction pour un visiteur arabophone :

1. La page d'accueil s'ouvre en arabe et présente la promesse principale, le parcours principal et une option visible pour les visiteurs anglophones.

2. La page « À propos » contient les longs textes, où le récit historique et le style formel en arabe sont bien plus développés que leurs résumés en anglais.

3. La page « Services » ou « Programmes » liste les catégories dans l'ordre de lecture d'un lecteur arabophone, avec des intitulés suffisamment courts pour s'intégrer facilement dans un menu dense. 4. Les sections Galerie et Projets utilisent des légendes, des dates et des filtres, mélangeant deux langues plus fréquemment que toute autre page.

La configuration exacte dépend du projet. Un studio de design a besoin de sections « Travail » et « Contact », tandis qu'une fondation a besoin de sections « Programmes », « Rapports » et d'archives en constante expansion.

Hiérarchie de navigation bilingue

Les libellés sont le point faible des projets bilingues. Un libellé arabe est souvent plus court que son équivalent anglais, tout en occupant plus d'espace vertical. Un menu devant contenir les deux versions est donc conçu ainsi dès le départ.

Trois bonnes pratiques garantissent la lisibilité de la hiérarchie dans les deux versions :

1. Limiter le niveau supérieur aux sections réellement utiles à l'utilisateur et déplacer les catégories dans des sous-éléments.

2. Utiliser des libellés identiques et dans le même ordre partout, afin qu'un utilisateur régulier n'ait pas à réapprendre le menu.

3. Tester les deux versions sur un téléphone, car un libellé arabe et un libellé anglais longs peuvent présenter des problèmes de lisibilité différents.

Le menu du site web Nicepage relie les pages via l'en-tête ou le pied de page, et la documentation Principes de base du site explique comment les pages appartiennent à un projet.

Garantir la reconnaissance de chaque écran

Les visiteurs naviguent constamment entre les différentes pages, et chaque arrivée doit leur donner l'impression d'être au même endroit. Des motifs récurrents aux points d'entrée, un en-tête et un pied de page stables, ainsi qu'une typographie et des couleurs uniformes y contribuent largement, même lorsqu'un écran est riche en texte et le suivant principalement composé de photos.

Le véritable enjeu est la définition du périmètre. Examinez les pages déjà incluses dans la base de données et demandez-vous si elles correspondent au site que vous vous apprêtez à créer, car l'ajout ultérieur d'une section cohérente coûte bien plus cher que de partir d'un ensemble adapté.