Flexibilité demandée : à quoi doit ressembler un site web moderne

L'adaptation d'un site web à différents écrans présente de nombreux défis.Le monde se joue sur la toile. L'accès aux informations, aux actualités et aux notifications se fait à la maison, au bureau, en déplacement - 24 heures sur 24. La tablette sur le canapé, le PC sur le lieu de travail et le smartphone dans le train disposent toutefois de tailles d'écran, de résolutions et de fonctionnalités différentes. L'approche créative du Responsive Design doit apporter la solution. Les experts s'expriment sur les possibilités actuelles dans l'enquête MK.Contenu adapté au canal demandé"L'avantage décisif du Responsive Design réside dans l'adaptation automatique du site web à l'écran de l'utilisateur", explique Angelo Buscemi, Country Manager Adobe Suisse. En même temps, il met en garde contre le fait de considérer le Responsive Design comme une solution universelle pour tous les défis liés aux appareils mobiles : "Un site web sur un smartphone est typiquement utilisé dans un autre contexte que sur un PC. Lorsqu'un client visite le site web de McDonald's sur son smartphone, il souhaite probablement trouver la filiale la plus proche, et lorsqu'il se rend sur le site web de VW avec son smartphone, il est peut-être intéressé par un accès direct au service". "Alors que le Responsive Design assure une présentation adaptée à toutes les tailles d'écran, cette technologie ne peut pas, à elle seule, fournir un contenu adapté au canal", explique Buscemi.Éléments structurésAndreas Hostettler de Sihldruck explique les possibilités offertes par le Responsive Design : "Le travail de mise en page individuel et les coûts qui y sont liés peuvent être réduits, le temps de réaction à une demande de modification est nettement plus court. D'autre part, des applications plus complexes, comme par exemple un EShop qui doit réussir aussi bien sur un ordinateur de bureau que sur une tablette ou un smartphone, nécessitent des solutions spécialisées". A cet effet, son entreprise propose la solution Sihldruck Cube, un ensemble de prestations modulaires qui doit répondre à toutes les exigences et à tous les souhaits en matière de publication de contenus numériques et analogiques.Peter Jaeger, Senior Consultant en Crossmedia Publishing chez Neidhart + Schön, développe des solutions cross et multimédia avec ses clients. Pour lui, une vision centrée sur l'utilisateur est élémentaire : "Les aspects créatifs et techniques du Responsive Design placent les webdesigners devant la tâche d'optimiser la conception pour les mobiles, les ordinateurs de bureau et tout ce qui se trouve entre les deux. C'est plus facile à dire qu'à faire. Les modèles Photoshop au pixel près ne fonctionnent plus que de manière limitée ; de nouvelles méthodes flexibles remplacent le processus de conception traditionnel. Le design web responsive ou adaptatif n'est donc pas seulement une exigence pour un site web, mais aussi pour son concepteur", ajoute Joëlle Loos, directrice marketing de Neidhart + Schön : "Il faut se demander quels éléments doivent être affichés ou non sur les ordinateurs de bureau, les tablettes ou les smartphones. Tous les éléments structurants importants comme le contenu, la navigation et les fonctions sont concernés par cette question. Ce n'est pas seulement le design qui est adaptatif, mais aussi l'architecture de l'information". Présentation optimalePriska Stephani, assistante de direction chez A&F Computersysteme AG, considère que l'inconvénient du Responsive Design est l'effort plus important à fournir lors de la création du design : "Il faut constamment faire attention à la manière dont les éléments sont représentés dans le Responsive Design. Cela signifie qu'il faut toujours garder à l'esprit la modification de la page, car les éléments de design se déplacent naturellement et s'adaptent à l'appareil de sortie respectif. En principe, cela signifie que le travail de création ou de réflexion est plus important. Il faut également prévoir différentes tailles d'images pour qu'elles puissent être utilisées en fonction de la sortie", mais les avantages du Responsive Design sont considérables : une seule page permet une présentation optimale sur tous les canaux de sortie. Avec WoodWing, A&F propose des solutions pour le flux de travail rédactionnel professionnel. Dans le domaine du Responsive Design, Adobe DPS prend en charge les modules Wood-Wing."Les solutions doivent être plus orientées vers le web"Dieter Herzmann, le directeur de la société saint-galloise Topix AG, explique la problématique du Responsive Design : "Outre les différents types d'appareils, il faut tenir compte de l'affichage à l'écran et de la résolution. Les fonctionnalités des différents appareils diffèrent également. L'universalisation des contenus exige une grande mobilité". Et pour Herzmann, le défi consiste surtout à savoir "comment capter l'attention de l'utilisateur final en quelques fractions de seconde ? Dieter Herzmann cite comme défi technologique les efforts des fabricants pour intégrer les mécanismes de l'impression et du web dans les produits, de sorte qu'il ne reste plus qu'un produit d'édition : "Les solutions logicielles doivent être plus orientées web, passer du codage à la préparation visuelle". Il cite Adobe Muse comme une approche réussie. Avec Vjoon K4, Topix distribue un outil qui fournit de tels systèmes.Pour petits et grandsL'éventail des projets gérés par Topix dans le domaine du Responsive Design est impressionnant, on y trouve également des solutions pour de petites entreprises et organisations, par exemple pour un journal de menuisiers ou le portail Wandern.ch. Enfin, Vjoon K4 constitue également une base pour les grandes maisons d'édition comme Burda ou Conde Nast, où respectivement 1000 et 1300 postes de travail sont connectés à K4. Pour Herzmann, la clé du succès de Vjoon K4 réside dans la possibilité de reprendre les processus d'une entreprise et de les intégrer dans le processus industriel. Mais Vjoon K4 est également utilisé par le service marketing de la banque Raiffeisen ou par l'administration fédérale des finances. Malgré la technologie complète en arrière-plan, Dieter Herzmann ne laisse planer aucun doute : "La gestion rédactionnelle et la mise à jour des contenus représentent toujours un très gros travail. Les clients veulent certes pouvoir jouer immédiatement sur tous les canaux en appuyant sur un bouton. Mais on ne peut pas faire l'économie d'une préparation des contenus en fonction des canaux". Et comme autre défi, il fait référence aux mondes d'images. En ce qui concerne les Responsive Images, les images réactives, les solutions ne font que commencer à voir le jour.Contrôle depuis le CMSEn ce qui concerne l'offre sélective de contenus et de fonctions, Peter Jaeger explique : "L'objectif est de proposer aux utilisateurs des contenus et des fonctions adaptés à leurs besoins. D'une part, on ne veut pas priver l'utilisateur de ce qui est pertinent et, d'autre part, il est important qu'il puisse répondre à ses besoins aussi rapidement et confortablement sur un petit écran lorsqu'il est en déplacement que sur un grand écran d'ordinateur lorsqu'il est à son bureau. "En raison des multiples facettes du Responsive Design, Joëlle Loss souligne en outre l'importance d'aborder le défi de manière globale avec les clients et les partenaires : "Les besoins des utilisateurs sont toujours au centre de nos préoccupations. Si nous savons dans quelle mesure les exigences des différents types d'utilisateurs diffèrent, nous pouvons concevoir un processus de design plus efficace et plus ciblé. "En principe, Neidhart + Schön recommande à tous ses clients d'utiliser le Responsive Design : "Bien sûr, l'effort initial pour la conception et la structure d'un site web adaptatif est un peu plus important. Mais les contenus peuvent toujours être gérés à partir d'un système de publication central comme un CMS. Il n'est donc pas nécessaire de mettre en place des plateformes redondantes", explique Peter Jaeger.Limites financièresAndreas Hostettler estime que le passage au Responsive Design est faisable pour les PME : "Les systèmes de gestion de contenu proposent des modèles Responsive Design peu coûteux qui adaptent la présentation numérique de l'entreprise aux écrans de différentes tailles des appareils de consommation : "Le flux de travail via l'Adobe Digital Publishing Suite pousse les petites et moyennes entreprises à la limite de leurs capacités financières et personnelles en matière de Responsive Design, car la mise en page doit être adaptée à chaque terminal. Notre approche avec une solution d'Arkitex Eversify - le module le plus récent de Sihldruck Cube - répond à cette situation. "Interrogé sur les solutions multicanales réussies, Angelo Buscemi déclare : "En Suisse, les CFF font certainement partie des entreprises leaders. Que les clients accèdent au site depuis leur ordinateur, leur smartphone ou leur tablette, le contenu est toujours adapté à l'appareil utilisé. En Allemagne, Volkswagen a montré comment une présence globale peut être mise en œuvre avec un message de marque cohérent et une expérience utilisateur optimisée sur toutes les plates-formes".