jcsatanas.fr passe en mode Web App Mobile pour smartphones et tablettes

webapptitreLorsque je regarde mes statistiques, je constate que la moitié des visiteurs utilisent un terminal mobile. Or, l’affichage n’était pas franchement optimisé pour ce type d’écran, il faut bien le reconnaître.

Alors, à compter de ce lundi 26 janvier 2015 à 12h, mon blog passe en mode Web App Mobile pour smartphones et tablettes, sous iOS ou Android.

Je vous propose maintenant un petit tour du propriétaire en images :

Si vous utilisez un terminal mobile, normalement, vous devriez avoir la surprise d’avoir un affichage adapté à votre écran.

webapp-1

Tout comme pour le contenu des articles, cela va sans dire.

webapp-15

  • Comment mettre le blog sur votre page d’accueil

De la même manière qu’une app classique, vous allez pouvoir créer une icône dédiée pour le blog. Normalement, vous devriez avoir droit à une petite animation vous expliquant la démarche, très simple je vous rassure.

Si par hasard, vous avez refusé ou fermé l’animation, voici la méthode à utiliser sous iOS (n’ayant pas de terminal sous Android, je n’ai pas pu vous détailler la démarche, mais j’imagine qu’elle doit être assez proche).

Tout d’abord, cliquez sur l’icône en bas et au centre (avec la flèche allant vers la haut) depuis Safari :

webapp-2

Ensuite, cliquez le ‘+’ puis sur ‘Sur l’écran d’accueil’ :

webapp-3

Maintenant, cliquez sur ‘Ajouter‘ en haut à droite :

webapp-4

Et voilà, vous avez maintenant une jolie icône dédiée à la Web App ! 🙂

webapp-5

 

  • Découverte du mode Web App

Un classique pour démarrer. Vous reconnaîtrez facilement les 3 petits traits en haut à droite vous permettant d’accéder au menu. Celui-ci affichera par défaut les Pages que j’ai créées ce week-end :

webapp-6

La petite grille carrée donne accès aux différentes catégories :

webapp-7

L’étiquette permet de découvrir les marqueurs/mots-clés :

webapp-8

Quant à la petite loupe, elle permet de faire des recherches sur le blog :

webapp-9

La page d’accueil a bien évolué avec le logo du blog actif. En cliquant dessus à n’importe quel moment de votre navigation, il vous fera revenir en page d’accueil.

Sous le titre, est venu s’ajouter un carrousel à défilement horizontal avec 5 articles mis en avant. Celui-ci sera modifié très régulièrement.

webapp-10

En début d’article, vous verrez 4 icônes permettant de partager l’article sur Facebook, Twitter, Google+ ou encore par mail :

webapp-11

En fin d’article, une icône ‘Partager‘ permet d’ouvrir de nombreuses possibilités de partage. Il ne reste plus qu’à choisir :

webapp-12

Enfin, tout en bas, vous trouverez les liens pour m’envoyer un mail, suivre les comptes Twitter, Tumblr, YouTube et Google+, la page Facebook, ou encore s’abonner au flux RSS.

 

webapp-13

Si, par hasard, vous voulez revenir à l’ancien affichage, il suffit de cliquer sur le mode ‘Bureau‘. Vous pouvez à tout moment passer d’un mode à l’autre selon vos envies ou vos préférences du moment.

webapp-14

Voilà, je pense avoir fait le tour. J’espère que cette Web App mobile pour smartphones et tablettes vous plaira.

Si c’est le cas, n’hésitez pas à partager l’information ! 🙂

Ce contenu a été publié dans Divers, Films/Séries TV/Musique, iPhone/iPad/Apps/Accessoires, Jeux vidéo/Consoles, Livres/BD/e-Books. Vous pouvez le mettre en favoris avec ce permalien.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.