Artdesclics.fr ► Webdesign ► Responsive design▲ cliquer pour ouvrir ou refermer le menu ▲

RESPONSIVE DESIGN
Et design adaptatif.


Selon le spécialiste Viljami Salminen, ce que l'on appelle le responsive design réfère à l'adaptation de la mise en page à la taille en pixels de l'écran.
L'adaptative design correspond quand à lui à la prise en compte de l'expérience utilisateur qui ne peut pas être la même sur un smartphone, une tablette mobile ou sur un ordinateur.

Pour moi, ces deux paramètres sont indissociables, et les sites responsifs que je fais sont aussi adaptatifs.

Par exemple, certaines pages du site artdesclics.fr comportent une galerie, dont les images s'affichent au survol des miniatures par la souris. Sur les tablettes et les smartphones, le survol n'existe pas et ce serait peu ergonomique, sur de petits écrans, d'avoir à cliquer des miniatures pour voir s'afficher les images. La solution que j'ai choisie, afin d'adapter l'interface aux utilisateurs mobiles, est d'afficher directement les images de la galerie avec une navigation verticale adaptée au mode portrait.

  1. Mon site de photographe retoucheuse
    Site Internet responsif élastique; la mise en page des galeries photo s'adapte automatiquement à la taille de l'écran, sans palliers. Les plugins utilisés sont choisis pour leur responsivité (adaptation pour les médias mobiles).
  2. ManiShift
    Site Internet responsif comportant 4 palliers correspondant à 4 mises en pages différentes:
    1. écrans de plus de 1364 pixels de large (écrans d'ordinateurs fixes très larges),
    2. écrans entre 1180 et 1364 pixels de large (écrans d'ordinateurs les plus répandus),
    3. tailles d'écran entre 720 et 1179 pixels de large (tablettes et certains netbooks),
    4. écrans de moins de 720 pixels de large (smartphones).
    Pour voir les différents palliers, redimensionnez la fenêtre de votre navigateur et actualisez la page.
  3. Je propose la création de sites Internet responsifs ou adapte votre site web existant aux standards de compatibilité avec les médias mobiles

    Contactez-moi pour toute demande d'information ou de devis , par téléphone au 06 51 32 92 63 ou utiliser le formulaire de contact.