background preloader

La conception pour les sites Web Mobile

La conception pour les sites Web Mobile
Les ventes de Smartphones et de Tablettes tactiles ne cessent de progresser et la nécessité de concevoir des sites Web spécifiques devient incontournable. Afin de suivre cette évolution, de nouveaux principes de conception doivent émerger. L'enjeu est bien chercher à satisfaire des utilisateurs de plus en plus nombreux et de plus en plus exigeants. Patrick Cox nous propose une liste de ces principes, qui sont autant de points de vigilance. Traduction libre de l’article : Fingers are Bigger than Mice – Design Concepts for Mobile Websites de Patrick Cox publié en anglais sur Tympanus.net/Codrops. « Alors que les abonnements téléphoniques avec Smartphone devraient encore progresser de plus de 50% d'ici la fin de 2011 (1), la conception pour les navigateurs des mobiles et appareils tactiles a désormais atteint une part prépondérante. Les appareils nomades, des téléphones aux tablettes, ont pris leur place dans le marché et gagnent encore en popularité. Qu'est-ce que cela signifie? 1. 2. 3.

http://www.ergonomie-interface.com/mobile-tactile-nomade/conception-site-web-mobile/

Related:  Articles et documentationResponsive

Responsive webdesign : adapter un site à toutes les résolutions Le Responsive Web design (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.

iPad : conception et ergonomie de l’interface Dans un article précédent nous avons étudié les secteurs d'activité où l'iPad s'est rapidement implanté et les usages qu'il permet. Allons un peu plus loin aujourd'hui. Pour replacer le contexte, une étude de comScore de juin 2011 montrait que l'iPad représentait 89% du trafic mondial de données sur tablette. L'iPad est donc actuellement hégémonique sur ce marché et c'est lui qui définit les conventions d'interactions sur tablettes. Comparatif des principaux CMS et solutions e-commerce Dans le cadre de notre activité d'éditeur de logiciels web, nous faisons régulièrement des études de marché et des comparatifs techniques des outils de création de sites existant. Nous avons décidé de rendre publique l'étude que nous avons faite sur le code source de Kiubi et sur ceux des principaux projets opensource connus de type CMS, Blogs ou solution e-commerce à destination des TPE/PME. Nous avons pour cela utilisé l'outil PHPLoc, mis au point par Sebastian Bergmann. Cet outil analyse la structure du code PHP, on pourrait même aller jusqu’à dire son esthétique, sans pour autant se préoccuper de ce que fait concrètement ce code, ni chercher à savoir si il est infesté de bugs ou optimisé.

[Après l'achat] Regarder la télévision sur tablette, c’est possible ! Je partage > Vous venez de recevoir une tablette et avez plein de questions? Ça tombe bien puisque nous vous avons prévus nombre de tutoriels qui vous simplifieront la vie et, nous espérons, répondrons à toutes vos questions. Aujourd’hui, nous allons nous intéresser au visionnage de la télévision sur votre tablette. On l’oublie trop souvent ! La boîte à outils ultime pour le responsive design Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables… Le responsive design est relativement récent et les choses bougent très vite. A peine a-t-on pris connaissance d’une technique qu’il faut déjà apprendre une nouvelle chose ou maîtriser le dernier outil sorti.

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile

Media queries - CSS Une media query (ou requête média) consiste en un type de média, et au moins une expression limitant la portée des déclarations CSS, en mettant à profit les particularités des supports multimédias comme leur largeur, leur hauteur ou leur affichage des couleurs. Ajouté dans CSS3, les media queries permettent d'adapter la présentation du contenu à une large gamme d'appareils sans changer le contenu lui-même. Syntaxe Les requêtes de média sont formées d'un type de média, et peuvent, d'après la spécification CSS3, contenir une ou plusieurs expressions, traitant des fonctionnalités du média, qui sont interprétées comme vraies ou fausses. Le résultat de la requête est vrai si le type de média indiqué correspond au type de périphérique sur lequel le document est affiché et que toutes les expressions dans la requête sont vraies. Lorsqu'une media query est vraie, la feuille de style ou les règles correspondantes sont appliquées selon les règles normales de la cascade.

Les 10 meilleurs CMS Open Source du moment Vous cherchez à surfer sur internet de manière anonyme ? Sur Des Geeks et des lettres nous vous conseillons le VPN Hide My Ass (voir ici notre test) par Mimie le 18 février 2011 Rubrique Web C’est quoi ? CMS signifie Content Management System, en français SGC pour Système de Gestion de Contenu, cette nouvelle famille de logiciels, très à la mode aujourd’hui, permet comme son nom l’indique d’organiser et de gérer intégralement l’apparence et le contenu de votre site Web. Par ‘contenu’ il faut voir plutôt large comme par exemple vos images, vos vidéos, vos textes, vos documents ou encore vos applications. Quelle tablette pour les jeunes ? Le choix du milieu de gamme ? Je partage > Comme tous les jeunes vous avez un téléphone portable (un smartphone peut-être ?), un ordinateur avec une connexion internet (sûrement avec un compte Facebook, Google, Twitter, Hotmail …), et ça ne vous suffit pas ? Vous réfléchissez à acheter une tablette tactile, nouvelle objet high-tech du moment ? Je vous comprends.

Related:  Appli mobilePROJET-intranet