Think mobile first ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par fredfan, 14 Janvier 2012.

  1. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 868
    J'aime reçus:
    2
    Bonjour
    Je ne crois pas qu'on ait abordé ici le "think mobile first"
    Cette approche de l'écriture d'un site suppose qu'on écrit d'abord le site pour qu'il soit pratique sur un smartphone, et ensuite on l'adapte pour qu'il s'affiche correctement sur un écran plus grand.
    Avec l'arrivée massive des forfaits téléphoniques avec connection internet incluse ces derniers jours (et sans doute les prochains), beaucoup d'utilisateurs hésitants vont basculer vers l'internet mobile.
    Est-ce que vous avez déjà écrit des sites dans ce sens, d'abord pour mobile, puis pour pc de bureau ?
    Dans le cas de CMS quelle est la marche à suivre puisqu'on part d'une base déjà écrite ?
    Est-ce qu'il y a des avantages en référencement, vu qu'on cherche à mettre en avant une base courte et accessible, sans doute très optimisée, pour ensuite rendre accessible le contenu complémentaire ?
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 153
    J'aime reçus:
    324
    Non, mais l'inverse oui.
    Si la customisation via CSS suffit, il faut utiliser meta viewport et media queries.
    Sinon il faut faire une version adaptée du layout/theme.

    https://www.webrankinfo.com/forum/les-bonnes-pratiques-matiere-referencemen ... 34112.html
     
  3. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 868
    J'aime reçus:
    2
    Merci spout, je lis tout ça. Par contre ma question porte précisément sur l'idée d'écrire d'abord pour mobile, ce qui donne des sites différents de ceux écrits d'abord pour pc de table, puis adaptés.
     
  4. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 391
    J'aime reçus:
    0
    Beaucoup de professionnels anglophones devenus maitres dans l'art du "Responsive design" préconisent en effet de commencer par la version mobile - ça semble plus "facile" d'après ce qu'ils disent.

    Il existe beaucoup de ressources (en anglais) sur le sujet (ex: http://www.slideshare.net/lukebrooker/responsive-design-mobile-first ), et même des Frameworks (ex : http://stuffandnonsense.co.uk/projects/320andup/ & http://responsejs.com/ ).


    Perso, je n'ai encore jamais expérimenté cette technique, mais j'en ai envie, et j'avoue que j'aurai plutôt tendance à créer la version mobile en partant de la version "full web", car cette dernière est, à mon avis, beaucoup + exigeante (il y'a + d'éléments).


    Perso, quand je dois créer un thème pour WordPress (par exemple), je commence toujours par créer une maquette HTML/CSS.
    Si tu connais bien le CMS, tu sais ce dont il est capable et donc ce que tu peux intégrer.
    Ensuite il suffit de le convertir comme thème, et cette partie n'est pas très difficile (qq fichiers PHP à créer, des lignes de code HTML à remplacer par du PHP, et c'est à peu près tout si on simplifie).
     
  5. SpeedAirMan
    SpeedAirMan WRInaute passionné
    Inscrit:
    2 Juin 2007
    Messages:
    2 391
    J'aime reçus:
    0
  6. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 868
    J'aime reçus:
    2
    Merci SpeedAirMan, il y a de bonnes pistes. Je vais partir de là. Ton premier lien en particulier donne des conseils simples et précis
    On dirait que c'est un sujet qui n'a pas vraiment traversé l'Atlantique
    J'ai fait le tour de mes sites. C'est une catastrophe sur mobile, et la plupart des autres sites sont encore pires. Ca pourrait faire exploser les taux de rebond
     
Chargement...
Similar Threads - mobile Forum Date
Google mobile first index et menu Référencement Google 19 Mars 2021
Développement application mobile Développement d'un site Web ou d'une appli mobile 29 Janvier 2021
Menu pour mobiles et tablette Développement d'un site Web ou d'une appli mobile 19 Janvier 2021
Astuce Créer et programmer une diffusion en direct sur mobile Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
Données mobiles absentes de Google Analytics Google Analytics 22 Octobre 2020
Meilleurs navigateurs Web mobile ? Développement d'un site Web ou d'une appli mobile 13 Octobre 2020
Menu qui disparait en version mobile Développement d'un site Web ou d'une appli mobile 9 Octobre 2020
Faut-il créer un sitemap mobile ? Crawl et indexation Google, sitemaps 6 Octobre 2020
Erreur 404 suite à changement de site mobile Problèmes de référencement spécifiques à vos sites 19 Septembre 2020
Liens internes en AMP et question mobile first Débuter en référencement 10 Septembre 2020