Responsive Web Design
Cet article présente des problèmes multiples. Vous pouvez aider à l'améliorer ou bien discuter des problèmes sur sa page de discussion. Certaines informations devraient être mieux reliées aux sources mentionnées dans la bibliographie ou les liens externes. Dessin illustrant le principe du responsive design. Dessin illustrant le concept d'adaptive design. Principe[modifier | modifier le code] La notion de web adaptatif repense la manière de concevoir les parcours de navigation sur Internet, puisqu'il ne s'agit plus de concevoir autant de parcours qu'il y a de familles de terminaux mais de concevoir une seule interface auto-adaptable. Composants principaux[modifier | modifier le code] Un site web pensé sur le principe du RWD[2] utilise la technologie CSS3 media queries[3],[4], une extension de la règle @media[5] pour adapter la mise en page à l'environnement de consultation grâce à une grille fluide dans laquelle se disposent les différents contenus de la page[6].
Responsive webdesign : adapter un site à toutes les résolutions
Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration. Entrons dans le vif du sujet. Les sites Web sont aujourd’hui consultés sur une multitude d’appareils ayant des résolutions différentes Proposer une seule version du site Web censée s’adapter à tous ces terminaux est utopique. Le site ifttt n’est pas adaptable. Responsive ou versions séparées ?
Responsive web design : Les autres usages
Un site web « adaptatif » Vous l’aurez remarqué, depuis quelques temps, le web ne se consomme plus seulement derrière son écran d’ordinateur mais sur des tas de nouveaux appareils ayant chacun leurs spécificités (Taille de l’écran, résolution, connectivité internet, écran tactile, …). Au début de cette transition, beaucoup se sont lancés dans la création de site internet dédié au mobile afin de permettre aux utilisateurs nomades, d’avoir accès à l’information dans une version souvent très simpliste. A cette époque, il n’était pas rare de trouver deux versions d’un site internet (La version Desktop et la version Mobile). Aujourd’hui, la multiplication des types de terminaux fait qu’il n’est plus possible de réfléchir de manière binaire (Si l’utilisateur n’est pas sur ordinateur de bureau, alors il est sur un téléphone portable). Il est donc nécessaire de repenser autrement les interfaces en prenant en compte que la résolution du visiteur ne peut pas être figée à 1024 pixels ! E-mail adaptés
Via Hector for iPhone 3GS, iPhone 4, iPhone 4S, iPhone 5, iPod touch (3rd generation), iPod touch (4th generation), iPod touch (5th generation) and iPad on the iTunes App Store
[Infographie] Les grands chiffres du marché mobile en France
MyFanGroup vient de publier une infographie présentant les chiffres du secteur mobile et de ses acteurs. On y découvre les données clefs sur le comportement des 22,3M de mobinautes français, qui passent en moyenne chaque jour 82 min sur leur mobile ou tablette. Ils sont 55% à consulter Internet depuis leur mobile au moins une fois par jour, principalement pour se rendre sur les réseaux sociaux (60% des utilisateurs de Twitter sont sur mobile) ou les sites dee-commerce (25% des mobinautes ont déjà acheté via leur téléphone). L’infographie de MyFanGroup permet également d’en apprendre plus sur la composition du marché français : Les smartphones, qui représentent 13,3M d’unités vendues l’an passé, sont majoritaires par rapport aux téléphones mobiles classiques avec 53% de PdM au 1er trimestre 2012.Android reste le premier OS en France avec 35% de PdM devant iOS d’Apple et Symbian.
[Infographie] Le m-commerce pèsera plus de 86 milliards de dollars aux Etats-Unis en 2016
D’ici trois ans, les ventes en ligne via mobile devraient représenter 24% de l’ensemble du e-commerce outre-Atlantique nous apprend Invesp dans l’infographie ci-dessous. En 2013, le m-commerce pèse déjà pour près de 15% des ventes en ligne, avec un CA de 38,4 milliards de dollars sur un total de 256 milliards de dollars. En 2016, ce marché aura progressé de 126,2% pour atteindre un CA total de 86,86 milliards. 70% des ventes devraient s’effectuer depuis une tablette tactile. L’infographie nous livre aussi des données sur les usages des mobinautes américains vis-à-vis du commerce en ligne: 73% d’entre eux évoquent le gain de temps comme principale raison de pratiquer le shopping sur mobile. On apprend enfin que, si 74% des e-commerçants développent ou ont développé une stratégie mobile, seulement 48% d’entre eux ont optimisé leur site pour le support mobile, 35% ont une application iPhone et 15% une application Android.
Harnessing Mobility:
Wal-Mart has also launched a mobile app for suppliers, which provides them real-time access to the store’s inventory data. This initiative improved in-stock levels and increased efficiency of Wal-Mart associates… Click here to read the eBook:
Les paiements mobiles en magasin décollent moins vite que prévu
Il faudra attendre 2014 pour que la hausse des montants dépensés ainsi permettent au marché américain de s'envoler, selon eMarketer. Le paiement mobile en point de vente ne s'envole pas aussi rapidement que prévu aux Etats-Unis, où les consommateurs comme les marchands l'adoptent à un rythme encore raisonnable. Ces transactions regroupent les achats de biens et de services réalisés en magasin, quelle que soit la technologie qu'elles emploient (scan, check-in, NFC...). Le lancement de multiples porte-monnaie électroniques et la concurrence de nombreuses technologies de paiement mobile semblent en effet ralentir l'adoption de ces pratiques. eMarketer a donc dû revoir à la baisse ses prévisions d'octobre dernier et reculer de 2015 à 2016 l'année durant laquelle les paiements mobiles en magasin dépasseront les 20 milliards de dollars. De nombreux instituts de recherche se livrent à l'exercice consistant à estimer le poids des paiements mobiles dans le monde.
La 4G, promesse marketing ou révolution technologique ?
La 4G, promesse marketing ou révolution technologique ? Publié le 12 | 04 | 2013 Depuis les années 80, la téléphonie mobile évolue au rythme d’un changement majeur tous les 10 ans. La 2G des années 90 a apporté digitalisation, SMS et Data. La 3G des années 2000 a amélioré les débits Data et ainsi permis le développement de l’internet mobile et de la vidéo. Avec l’arrivée de la « 4G », les opérateurs nous promettent une nouvelle révolution. S’agira-t-il d’une révolution technologique ou d’une révolution des usages ? Une explosion annoncée des débits Les 4 principaux apports de la 4G, basée sur la norme LTE (Long Term Evolution), se concentrent sur la Data : Les débits théoriques sont supérieurs à 100Mb/s (descendant) contre 14Mb/s pour la 3G-HSPA. Avec de telles avancées, on peut s’attendre à un confort comparable voire supérieur à une connexion ADSL grand public – sur un mobile ! Des investissements conséquents encore nécessaires au déploiement de la 4G
