Tous les articles dans Mobile et Responsive Web Design

Les super pouvoirs des navigateurs mobiles

Les super pouvoirs des navigateurs mobiles

Notifications, géolocalisation, support de l’hors ligne, accès aux médias pour créer un système de vidéo conférence dans le navigateur ou communication d’URLs en Bluetooth et installation sous forme de Progressive Web App sur l’écran d’accueil de nos mobiles : petit tour d’horizon très détaillé de ce dont sont capables nos navigateurs mobiles aujourd’hui. Au final, avons nous encore besoin d’une application pour faire ça ? Lire la suite

Le futur du web dans le navigateur mobile ? – Confoo 2016

Le futur du web dans le navigateur mobile ? - Confoo 2016

Ma seconde session à Confoo cette année s’intitule Le futur du web dans le navigateur mobile ?  Ces dernières années, nos navigateurs ont bien évolué, au point où leurs capacités se rapprochent de plus en plus des capacités des applications natives. Vous rêvez de pousser des informations sous forme de notifications en fonction de la localisation géographique de vos utilisateurs mobiles ? D’un système de chat 100% dans le navigateur avec vidéo et audio intégré sans la moindre application mobile à installer …Lire la suite

[MAJ 2015] Optimisation mobile et responsive web design : mediaqueries, images, performance, etc.

[MAJ 2015] Optimisation mobile et responsive web design : mediaqueries, images, performance, etc.

Comme chaque année depuis 4 ans, je donne un cours aux étudiants de différentes filières en présentiel et à distance de l’Université de Strasbourg sur l’optimisation mobile et le responsive web design. Le cours se découpe en deux parties : une première partie consacrée au design et à l’ergonomie où les étudiants voient les bonnes pratiques accompagnés d’exercices concrets qui leur permettent de réaliser un concept de site responsive, de la première idée à la réalisation finale en passant par …Lire la suite

Construire et prototyper rapidement un concept d’application mobile – présentation Bizz & Buzz 2015

Construire et prototyper rapidement un concept d'application mobile - présentation Bizz & Buzz 2015

Cette année encore, j’ai été invitée à participer à l’édition 2015 du Bizz and Buzz. L’an dernier j’y parlais stratégie mobile et différence responsive / site dédié / application. Cette année, j’ai décidé d’y animer un atelier sur la conception mobile centrée utilisateur.  Le but était de partir de 3 mots clé et d’en faire un prototype papier d’application mobile. En 1h30 les participants sont passés par la recherche d’idées, la définition du concept et besoin, la création de persona, la …Lire la suite

Concevoir pour le responsive et la mobilité : ressources et téléchargements

Designer pour le responsive et la mobilté : ressources et téléchargements

Conférences, articles, formations Nos tailles d’écran changent, celle de nos utilisateurs aussi, et designer pour un public multiécran est de plus en plus compliqué. Que ce soit mobile, tablette, grands écrans ou écrans classiques, le responsive et la mobilité nous forcent non seulement à revoir nos processus de design, mais aussi revoir notre façon de travailler en équipe au quotidien ainsi que la gestion de projet. Cela faisait un petit moment que je voulais partager mon point de vue sur …Lire la suite

Guérrilla design en milieu hostile : responsive et mobilité – DevFest Nantes

Guerrilla design en milieu hostile : responsive et mobilité - DevFest Nantes

Aujourd’hui j’ai eu la chance (et l’idée folle) de parler de design au DevFest Nantes. C’était une petite journée de conférences bien sympathiques sur des thématiques Google Android mais aussi web, et applicatives en plus général. J’ai découvert en vrac Geckoview et pu voir le fonctionnement de l’Android TV. J’ai également pu assister à une chouette conférence sur l’importance de la diversité dans nos métiers et à voir une développeuse sensibiliser les développeurs à l’ergonomie et l’UX. J’y ai moi même …Lire la suite

Optimisation mobile et responsive webdesign – mise à jour des cours 2014

Optimisation mobile et responsive webdesign – mise à jour des cours 2014

J’ai cette année encore pu donner un cours sur l’optimisation mobile et le Responsive Web Design aux étudiants en présentiel et à distance de l’Université de Strasbourg. Petite nouveauté cette année cependant mon cours s’est étoffé de quelques heures de plus que l’an dernier. Ces heures m’ont permis d’ajouter au cours déjà technique une grosse partie sur le design et l’ergonomie mobile (avec quelques notions de gestion de projet responsive). Le cours s’est donc décomposé en deux parties dont voici le plan sommaire. Partie design …Lire la suite

Touch Template, la petite règle pour tester vos interfaces mobile de 4ourth

Touch Template, la petite règle pour tester vos interfaces mobile de 4ourth

Plusieurs d’entre vous m’on demandé suite à la publication de ma photo de test multi appareils sur Instagram ce qu’était l’étrange petite réglette que j’avais mis sur l’iPad. J’en avais rapidement parlé en mai dans la semaine en pixels, mais du coup je me suis dit qu’elle mérite bien son article dédié.  Cette petite réglette est donc la “Touch Template” développée par 4ourth.com Il s’agit en fait d’un petit morceau de plastique à moitié transparent qui propose différentes grilles et …Lire la suite

[Conférence] Optimisation mobile, quelle stratégie pour mon projet ?

[Conférence] Optimisation mobile, quelle stratégie pour mon projet ?

A l’occasion de l’événement Bizz & Buzz organisé par la CCI d’Alsace, j’ai eu l’occasion de parler aujourd’hui de mobilité devant un publique d’entreprises.  J’ai été invitée pour la journée ” Le Mobile dans tous ses états ! ” pour y parler optimisation et stratégie mobile. Application mobile, site dédié ou site web RWD, que choisir ? Que coût et impact sur un projet ? Quelques conseils, pièges et mythes à éviter ? Nous utilisons au quotidien des termes comme …Lire la suite

MobX 2013 et slides de ma conférence

MobX 2013 et slides de ma conférence

Je reviens de 4 jours formidables à Berlin où j’ai eut la chance d’être invitée en tant que speaker à la conférence MobX, conférence dédiée à la mobilité, design et expérience utilisateur sur mobile. C’était ma seconde conférence, et encore une fois une conférence que je donnais en anglais. J’y ai parlé de Responsive Web Design et de tout ce qui reste encore complexe aujourd’hui malgré ce que certains articles de blogs essaient de nous faire croire. Grilles fluides, images …Lire la suite