Cookies warning

On 01 Januar 2015, the rules about cookies on websites changed. This site uses cookies. We have already set cookies which are essential for the operation of this site.

User Login Enregistrement Regain password
Email Username

Tendances & trends du web - Web-design

les nouvelles tendances en matière de brands-marketing, réseaux-sociaux et eb-design

Les tendances & trends du web - Web-design


Les trends et tendances du web évoluent. De nouvelles évolutions technologiques font leurs apparitions poussées par les restrictions / algorithmes de google et standarts du w3c . Ces évolutions sont dictées également par les nouvelles habitudes des utilisateurs ainsi que par l'apparition de nouveaux supports tels que smartphones & tablettes tactiles.

Consultez notre prestation

Responsive Design - Le design évolutif

Optez pour un design professionnel & adapté à tous les types de supports visuels Optez pour un design professionnel & adapté à tous les types de supports visuels mwa tech - Agence web & communication

Le design responsiv, mais qu est ce c'est?

Tout d'abbord quelques chiffres importants en 2014 et révèlateurs d'une tendance qui devrait s'amplifier dans les années à venir. Selon l'agence très sérieuse de communication "We Are Social de Singapore" et d'autre chiffres similaires révèlés par d'autres sources d'information confirment cette tendance.

  • 54 473 474 internautes, soit 83% de la population française.
  • 68% des français sont inscrits sur un réseau social.
  • 28 millions d'utilisateurs actifs sur Facebook, soit 42% des français.
  • Plus de 72 millions de téléphones portables activés, soit plus d'un téléphone par personne.
  • internaute français passe en moyenne 4h07 par jour sur Internet (via un ordinateur).
  • Les mobinautes surfent en moyenne 58 minutes par jour sur leur smartphone.Le taux de visiteurs mobiles atteint jusqu'â 20% sur certaints sites "grand public"
  • Les membres des réseaux sociaux passent en moyenne 1h29 par jour sur ces espaces.
  • 43% des français ont utilisé Facebook le mois dernier.
  • 11% des français ont utilisé Google+ et 10% ont utilisé Twitter.

En considérent ces chiffres avec du recul on s'apperçoit que le mobile prend de plus en plus de place dans notre façon de communiquer et boulverse nos idées preconçues de l'internet.

Quelle est alors la façon idéale de concevoir un site internet?

Un site internet moderne doit pouvoir être visible sur n'importe quel support et la gestion des contenus présentés ne doit pas être dupliqués: Le fait de possèder plusieurs versions adaptées pour smartphone, écran pc ou encore pour une tablette sera résolument néfaste pour son SEO (search engine optimisation) et les moteurs de recherche comme Google,yahoo, bing ou autres, ne vous le pardonerons jamais! (duplicate content)

Quelle sera votre réaction si demain devait apparaitre un nouveau support intermédiaire comme ce fut le cas avec l'apparition de la tablette numérique: créer une nouvelle version de votre site internet adapté pour la visualisation sur une tablette?
Qu' en est t'il des nouveau smartphone tel que le "easy-note" avec un format intermédiaire entre le smartphoe classique et la tablette?
Le problème se complique encore plus avec l'implication des réseaux sociaux lors de campagnes de communication: un utilisateurs ne verra pas forcement la version adaptée â son support lorsqu'il cliquera sur le lien d'une page que vous avez publié sur votre page Faceboock.

En quoi consiste le "responsive design" ou design évolutif?

C'est un design flexible qui s'adaptera automatiquement en fonction du support visuel avec lequel vous aller visiter un site internet: Un site unique pour tous les supports, qu'il s'agisse d'un smartphone d'une tablette, d'un display de PC ou d'une tv connectée. L'avantage est clair: plus qu'une seule et unique version d'un site â gérer!

Techniquement, le responsive web design se base sur les Media Queries css. C'est une fonctionnalité du langage CSS (cascading style sheets), qui permet de mettre en page les éléments d'un sites sous forme de blocs. Ces blocs vont se placer vont de façon évolutive afin d'occuper la largeur disponible d'un support visuel.

Il sera également possible de selectionner les blocs qui devront apparaitre dans un ordre choisi par ordre d'importance et en fonction du support, ou d'en faire apparaitre d'autres. Certains problemes de lisibilité due à la réduction des tailles des polices d'écriture (sur certains sites utilisant un design flexible-elastic layout) sont également résolus sur les petits formats.

Mon site est t'il compatible sur des support différents?

Pour tester votre site, plusieurs méthodes:
Redimentionez manuellement la fenêtre de votre navigateur en tirant le cadre de la fenêtre de votre navigateur avec votre souris
ou directement en ligne en utilisant l'outil du site: responsinator.com (gratuit) renseignez l'adresse internet du site à tester

Est t'il possible de transformer le design de mon site existant en "responsive design?

Oui, en informatique tout est possible, cependant il faut savoir que le travail pour remanier les css peut être complexe en fonction des techniques utilisées (feuille de style de votre site internet) et qu'il est parfois préférable et également moins onéreux de concevoir un nouveau layout pour la refonte de votre site internet. En effet depuis que votre site a été réalisé, de nombreux changement sont survenus dans l'utilisation des balises html et les bonnes pratiques (best practice) d'antan ne sont plus compatibles /utilisées aujourd'hui voir même influancent négativement le référencement organique (référencement naturel) de votre site.

Contactez notre team pour votre projet internet

Read 2977 times Last modified on Monday, 01 December 2014 19:50
(0 votes)
Eric H

Responsable de projets & rédacteur des contenus web

Fondateur et CEO de la société mwa-tech et du projet "easy-marché"

Grand passionné d'informatique, je suis un mercenaire du web avec un parcours très atypique.
J'ai suivi la naissance puis l'évolution d'internet depuis son début avec un intérêt toujours grandissant et c'est ainsi que j'ai décidé avec la team de mwa-tech de devenir un acteur plutôt que de rester passif à relever les faux pas des autres!

More in this category: site internet - ONE PAGE »
Login to post comments

Design studio Toulouse- Agence de communication - Création de site internet - Site internet low cost en Haute-Garronne - Site internet pas cher sur Toulouse - Solution informatique pour entreprise- Créer un site internet - Communiquer via le web - Référencement site internet - Création de newsletters - Site vitrine pas cher - Site marchand - Création web - Site internet sur-mesure - Site e-commerce - Création de site web sur Dunkerque - Agence web nord-pas-de-calais - Intégration web - Développement de site - Augmenter la visibilité de son site internet - Référencement naturel - Conseil pour bien référencer mon site - Augmenter le trafic de son site internet - Générer des contacts des visiteurs - Prestation web - Outil web - Hébergement - Gestion de base de données - Moteurs de recherche - Site internet compatible pour mobile smartphone - Refonte site internet - Refonte charte graphique - Être présent sur les réseaux sociaux - Design et conception de site web - Agence de communication Toulouse - Conseil web marketing et référencement - Site internet avec gestion de contenu - Communication internet - Projet web - Site administrable - Web design - Cahier des charges - Agence web Toulouse - CMS - Joomla -Wordpress - Yii framwork - SEO -SEM - SEA

JoomShaper