15décembre

Portail Web : le Responsive Design ne fait plus aucun doute

Adaptatif ou Responsive design ? D’e-Sézhame à Decalog PORTAIL Pro

Le portail documentaire e-Sézhame de Decalog est adaptatif, c’est-à-dire que son contenu s’adapte à plusieurs résolutions d’écran mais pas pour autant à tous les supports. En effet, e-Sézhame s’adapte aux écrans de plus de 8 pouces, pas en-dessous. De plus, selon l’organisation des contenus (tableaux, image de grande taille, etc.), ces derniers peuvent être mal présentés. Un site adaptatif peut de ce fait être peu esthétique lorsqu’on modifie la taille de la fenêtre du navigateur sur un ordinateur de bureau.

Portail e-Sézhame 22"
Ecran de 20’’

e-Sézhame 8"
Ecran de 7.9’’

e-Sézhame 5"
Ecran de 5,5’’

 

Le « Responsive Web Design » est né pour apporter une réponse aux besoins d’affichage sur tous les supports multimédias. Il s’agit d’une approche de conception Web visant à l’élaboration d’un site unique offrant une expérience de lecture et de navigation optimales pour l’utilisateur quelle que soit sa gamme d’appareil (téléphones mobiles, tablettes, liseuses, moniteurs d’ordinateur de bureau). La présentation est fluide et esthétique quand on modifie la taille de la fenêtre du navigateur sur un ordinateur de bureau.
Une expérience utilisateur « responsive » réussie implique un minimum de redimensionnement (zoom), de recadrage et de défilements multidirectionnels de pages. Ce fut tout l’enjeu de la réécriture du CMS de Decalog et de sa recherche documentaire.

Le contenu de Decalog PORTAIL Pro est saisi dans des blocs. Ces blocs se redimensionnent et se réorganisent automatiquement en fonction du support. Les images contenues dans chaque bloc s’adaptent également, restant ainsi dans le cadre du bloc.

Decalog PORTAIL 22"
Ecran de 20’’

Decalog PORTAIL 8"
Ecran de 7.9’’

Decalog PORTAIL 5"
Ecran mobile de 5,5’

Editeur de texte adapté

L’éditeur de texte de Decalog PORTAIL Pro est Wysiwyg, acronyme de « What you see is what you get » ou « ce que vous voyez, c’est ce que vous avez ». L’éditeur permet de rédiger aisément les contenus, à la façon d’un traitement de texte. Il propose des mises en forme prédéfinies pour faciliter au maximum la création comme par exemple « image 1/3 gauche + texte 2/3 droite ».

Editeur de contenu dans Decalog PORTAIL
La simplification des modes opératoires vous permettra de vous concentrer sur l’essentiel : la rédaction des contenus. Nous vous conseillons ici un article qui pourra vous aider à améliorer l’accessibilité de votre site : http://newflux.fr/2016/11/05/les-bonnes-pratiques-pour-concevoir-pour-laccessibilite

Et la recherche documentaire ?

Notre équipe de « conception et design web » a travaillé sur une refonte graphique totale de notre recherche documentaire afin de la rendre esthétiquement plus moderne et bien sûr « responsive design ». C’est d’ailleurs le besoin de refonte de l’OPAC qui a été l’initiateur de la réécriture du portail documentaire par notre service développement.
Decalog PORTAIL intègre ainsi une recherche documentaire beaucoup plus visuelle avec une forte mise en avant de la couverture du document. Seules les informations principales sont affichées au premier niveau de réponse : titre, auteur, disponibilités, date de parution et éditeur.

Résultat de recherche Decalog PORTAIL

Résultat de recherche Decalog PORTAIL

L’affichage de détail d’une notice est proposé en 2 parties pour plus de lisibilité : notice à gauche, exemplaires et enrichissements à droite.

Notice détaillée dans Decalog PORTAL

Télécharger la fiche en .pdf

Le Responsive design ne fait aucun doute !

Une première ! « Selon une étude publiée par la société StatCounter, spécialisée dans l’analyse de données Web, la majorité des consultations sur le Net se fait désormais via un smartphone ou une tablette, et non plus sur un ordinateur. Au mois d’octobre, les terminaux mobiles ont totalisé 51,3 % des consultations effectuées sur Internet, contre 48,7 % pour les « desktops ». » En savoir plus

Posté par Decalog  Posté le 15 Déc 

0 Commentaire(s) posté(s)