Think mobile first ?

[fredfan]

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 ?

 

[spout]

Est-ce que vous avez déjà écrit des sites dans ce sens, d'abord pour mobile, puis pour pc de bureau ?

Non, mais l'inverse oui.

Dans le cas de CMS quelle est la marche à suivre puisqu'on part d'une base déjà écrite ?

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

 

[fredfan]

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.

 

[SpeedAirMan]

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).

Dans le cas de CMS quelle est la marche à suivre puisqu'on part d'une base déjà écrite ?

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).

 

[SpeedAirMan]

Deux livres / ebooks sur le sujet :

• Mobile First : http://www.abookapart.com/products/mobile-first
• Responsive Web Design : http://www.abookapart.com/products/responsive-web-design

(en anglais)

 

[fredfan]

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