usability

Pourquoi le Responsive Design est en train de révolutionner le Web

2012 aura été marqué par la poussée sans précédent du « Responsive Design » chez les différents acteurs du monde de l’Internet. Tout le monde veut son site en « Responsive » ! Traduisez : construit pour qu’il s’adapte à tous les appareils mobiles. Pourquoi  est-ce devenu si populaire? Tout simplement parce que le Responsive Design garantit une meilleure ergonomie sur smartphone et tablette à un coût imbattable.

Petite définition rapide : le Responsive Design est une méthode de conception et de développement de sites ou d’applications Web qui permet une adaptation de la mise en page à plusieurs tailles d’écran grâce à une grille fluide où se casent les différents contenus de la page et évidemment grâce à la détection des différents appareils d’où est consultée la page. La révolution est en marche depuis l’explosion de l’usage d’Internet sur iPhone et a été théorisée en 2010 par Ethan Marcotte (Responsive Web Design, A Book Apart, mai 2010 – également disponible chez Eyrolles en Français). Pour en savoir plus, je vous laisse lire le Wiki dédié au Responsive Design.

Souvent il suffit de concevoir le site ou l’application en 3 résolutions qui couvriront les 3 tailles d’écran les plus répandues (desktop, mobile, tablette). Il est possible de se contenter de 2 (desktop et mobile) ou de créer un design pour 4, 5 ou plus.

Le principe de création est le suivant :

  1. Penser le design en modules qui s’afficheront différemment selon la taille de l’écran ou ne s’afficheront pas pour certaines tailles,
  2. Créer un design (architecture de l’information et design graphique) parallèlement pour toutes les résolutions sélectionnées,
  3. Encoder le design dans un front-end framework. Nous avons pris l’habitude de travailler avec Twitter/Bootstrap qui fait gagner de nombreuses heures de codage HTML, CSS et JavaScript. Si le cœur vous en dit, n’hésitez pas à nous y rejoindre !
  4. Implémenter le front-end dans la plateforme ou l’environnement back-end de votre solution.

Desktop, mobile, tablette

Si vous doutez des avantages en termes de coût, téléphonez-moi ou envoyez-moi un email , je vous expliquerai tout ! +47 979 55 062 ou fabien[at]macarieweb.com

iPhone et iPad

Apple vire Google Maps de l'iPhone et se plante

Quelle mauvaise blague !

Samedi dernier, il y a 8 jours, j’installe iOS 6 sur mon vieil iPhone, juste avant de conduire mon fils à un anniversaire à Skøyen. Comme d’habitude, je saute dans la voiture en ayant tout juste entré l’adresse de destination dans mon iPhone, totale confiance en ses capacités à me guider vers [...]

iPhone et iPad

Spam : Sarkozy et Hollande m’ont spammé, je vous ai spammé via Hotmail (désolé)

C’est quand même incroyable le nombre d’emails qu’on a reçus pendant la campagne présidentielle en tant que Français à l’étranger. Ça s’appelle du spam et je connais beaucoup de compatriotes spammés mécontents. De quelque bord que l’on soit, on ne peut que s’inquiéter de l’apparition d’un marketing politique digital sauvage. Non mais, à quel jeu [...]

e-Commerce

Amazon : 2 raisons d’admirer l’entreprise parangon de l’e-commerce

J’ai lu sur un blog spécialisé (Internet Retailer) qu’Amazon allait s’agrandir physiquement. J’avoue que je suis assez admiratif de cette entreprise, sans vraiment la connaître de l’intérieur. J’aime savoir qu’elle travaille intelligemment et sur le long terme pour la satisfaction de ses clients. Pas seulement grâce à sa politique de prix, mais surtout grâce à [...]

iPhone et iPad

Facebook 4.0 m’énerve, leur iPhone-app me prend la tête

Incroyable qu’un des géants du Web embête autant mon quotidien ! D’habitude, j’en dis plutôt du bien et j’apprécie ce qu’ils apportent comme confort et améliorations en notre bas-monde, mais aujourd’hui, j’ai envie de pointer du doigt le numéro 1 des réseaux sociaux pour dire : « ça suffit ! Faites quelque chose ! Corrigez votre iPhone-app et sortez au plus [...]

e-Commerce

Classement e-commerce 2011 : Amazon.fr s’envole

Classement e-commerce 2011

Dans notre humble suivi mensuel de l’audience des plus gros sites d’e-commerce français, nous voyons clairement ressortir l’envolée d’Amazon.fr depuis fin 2010, confirmée et amplifiée tout au long de cette année. Bien que le trafic d’un site marchand ne reflète pas toujours son chiffre d’affaires, ni sa profitabilité, tant s’en faut, j’ose affirmer [...]

Parler de moi ?

J’étais au cœur d’Oslo, à 2 rues de la bombe, et puis sur Facebook

Vendredi dernier, à 15h20, j’étais dans un pub de Karl Johans gate, l’avenue principale d’Oslo, en train de regarder le Tour de France avec Matthieu, un ami français, quand la bombe a explosé. On a entendu une forte détonation, mais on n’a pas compris sur le coup. Quelqu’un a changé de chaîne, on a vu [...]

Vidéo en ligne

VOD : Hulu est à vendre, Google, Amazon et Microsoft sur les rangs

Hulu, le service de VOD le plus abouti au monde et le plus soutenu par les producteurs hollywoodiens jusqu’alors, est à vendre. Google, Microsoft et Yahoo seraient dans la boucle. Cette information est peut-être passée inaperçue, mais elle a son importance. Elle mérite que je la détaille un petit peu.

D’abord, j’avoue que je vous dois [...]

Vidéo en ligne

Facebook et Google misent sur la VOD

La révolution de la VOD n’en est qu’a son balbutiement. Mais je parie qu’elle va s’accélérer dans les 12 mois qui viennent, que la perte de valeur pour l’industrie ne va pas être aussi dramatique que dans la musique, et que, dans moins de 10 ans, la plupart des grandes sorties « cinéma » auront lieu sur [...]

e-Commerce

Pourquoi la Fnac laisse partir Xavier Flamand, le futur ex-patron de Fnac.com

Tout ce que je vais dire dans cet article n’engage que moi. J’ai directement reporté à Xavier Flamand pendant deux périodes de ma carrière à la Fnac. Je vais vous donner ma réaction à chaud suite à l’annonce de sa démission, relayée par le compte Twitter d’Elodie Bourdeau le 11 mai et par le site [...]