UX Days 2019 by Flupa - Conférence : Alexia BucletFlupa
UX Days 2019 - Journée des Conférences du vendredi 21 juin 2019 - Conférence de Alexia Buclet : Conception d'interfaces immersives pour la réalité virtuelle et augmentée : découverte d'un cas pratique.
UX Days 2019 by Flupa - Conférence : Alexia BucletFlupa
UX Days 2019 - Journée des Conférences du vendredi 21 juin 2019 - Conférence de Alexia Buclet : Conception d'interfaces immersives pour la réalité virtuelle et augmentée : découverte d'un cas pratique.
050113 fax to judy clarke (boston marathon bombing) - frenchVogelDenise
Les Etats-Unis de la Maison Blanche et le Congrès des États-Unis ont essayé de discréditer Whistleblower Edward Snowden parce qu'il est un «décrochage scolaire». Néanmoins, ce décrochage du secondaire, a reçu un très bon travail avec l'accès aux dossiers publics / ordinateurs des Etats-Unis de l'Amérique National Security Agency (NSA). UNIQUEMENT un décrochage scolaire sans bon sens voudrait retourner aux Etats-Unis d'Amérique et assez fou de faire confiance aux Etats-Unis d'TERRORISTE REGIME Gouvernement d'exécution de l'Amérique et du système judiciaire. Regardez et voyez par vous-même à www.slideshare.net / VogelDenise et www.vogeldenisenewsome.net comment la justice aux Etats-Unis d'Amérique est une plaisanterie et est BIAS!
Regardez ce qui est arrivé à Whistleblower Bradley Manning. Pour EDWARD SNOWDEN il sera probablement MORT / MEURTRE aux mains des États-Unis de régime terroriste de l'Amérique! Edward Snowden peut être le fort taux d'abandon scolaire TRUE et de montrer son ignorance s'il veut en faisant confiance aux États-Unis du président Barack Obama de l'Amérique (un usager de drogues - Marijuana / Pothead et CRACK fumeur ...), le Congrès et le système judiciaire qui est contrôlé et dirigé par les sionistes juifs et leurs homologues de la suprématie blanche comme Baker Donelson Bearman Caldwell & Berkowitz! Edward Snowden aurait compté le coût et envisagé les conséquences à venir de l'avant. Il aurait certainement été le fort taux d'abandon scolaire TRUE s'il avait CONFIANCE aller aux Etats-Unis d'Amérique du congrès avec cette information de première!
Newsome il est très difficile que les organisations internationales telles que les Nations Unies (ONU), l'Union européenne (UE), l'Organisation du Traité de l'Atlantique Nord (OTAN). . . ne sont pas conscients des Etats-Unis d'actes terroristes de l'Amérique et peut très bien être parties à ces activités criminelles des États-Unis d'Amérique et leurs chefs d'Etat et de juristes Baker Donelson Bearman Caldwell & Berkowitz corrompu. Non seulement cela, qu'il ya des préoccupations que ces organisations internationales peuvent très bien être partie à encourager les actes pervertie de ce qui semble être les Etats-Unis du premier président gay de l'Amérique (Barack Obama) et l'utilisation de leurs forces armées de commettre des actes perverti Pour satisfaire les tendances sexuelles perverties de leur armée.
http://www.slideshare.net/VogelDenise/abu-ghraib-urination-scandal
http://www.slideshare.net/VogelDenise/barack-obama-christian-or-heathen-french
États-Unis utilisent la guerre pour former des "suprématie blanche" Membres: http://www.slideshare.net/VogelDenise/obama-us-wars-used-to-train-white-supremacist-french
Scrumday 2015 : Le Scrum chez Intel, retour d'expérience par Claude Aubry, Cy...French Scrum User Group
Conférence présentée lors du Scrumday 2015
"Il était une fois… ou l’histoire de l’expérimentation de Scrum à Intel Toulouse commencé par un groupe de 5 ingénieurs, déployé ensuite au service Telephony (80 pers).
Cette histoire vécue depuis plus de 2 ans vous sera racontée tour à tour au travers des regards du responsable de programme, du responsable de département et de leur coach agile.
Déployer et adapter l’agilité aux besoins d’une organisation en évolution perpétuelle, faire évoluer les rôles et responsabilités de chacun en déployant le “Scrum of Scrum”, tel est le retour d’expérience que nous souhaitons partager avec vous."
English version below
Seulement pour gens avertit, voici le côté Sensuel de l’œuvre, ALIBI avec Shannon Gélinas.
Production : IMAGE IN situ / Artistes : Marie-Josée Roy et Émie Gravel
Danse : Shannon Gélinas / Photos : Marie-Josée Roy et Émie Gravel
__________________________________________
English version
To warned people only, here's the Sensual side of the work, ALIBI with Shannon Gélinas.
Production: IMAGE IN situ / Artits: Marie-Josée Roy and Émie Gravel
Dance: Shannon Gélinas / Photos: Marie-Josée Roy and Émie Gravel
Scrumday 2015 : La régression continue - une méthode pour bien faire rater l'...French Scrum User Group
Conférence présentée lors du Scrumday 2015 :
Vous avez tous essuyé des déboires en essayant d’"agiliser" une entreprise. Ces échecs et difficultés sont l’occasion d’apprendre. Mais que ferait une personne dont le seul but serait de faire échouer l’agilité ?
Un "grand méchant" de l'agilité, Gérard, vous entraîne, au travers de ce retour d’expérience fictif, à contre-pied de l’adoption agile. Découvrez, ou redécouvrez, les pièges freinant l’amélioration et l'émergence d’un esprit agile en entreprise. Découvrez aussi quelques pistes pour les déjouer, au travers des difficultés que peut avoir ce personnage à annihiler l'agilité.
Le responsive design est une approche de la conception web dans laquelle l'interface s'adapte à la disposition de l'appareil, ce qui facilite l'utilisation, la navigation et la recherche d'informations.
La réactivité est possible grâce aux media queries, qui permettent à la conception de s'adapter automatiquement à l'espace du navigateur pour garantir la cohérence du contenu sur tous les appareils, et aux éléments de conception dimensionnés en unités relatives (%).
Découvrez ce “MobiliteaTime” de 50 pages pour mieux comprendre ces deux méthodes de conception :
> Commencez par plonger dans la navigation web d’aujourd’hui. Entre diversité des devices utilisés, mobinautes de plus en plus nombreux et actifs, la navigation se fait de plus en plus sous le prisme du multidevice et surtout du mobile. Découvrez les solutions qui s’offrent à vous.
> Faites le point sur les concepts de bases liés au responsive et à l’adaptive design (breakpoints, design fluide, résolution d’écran, etc) et les avantages liés à ces stratégies (des sites plus rapides à charger, moins coûteux en data, etc).
> Explorez les différentes possibilités de design au sein d’un site responsive ou adaptif, ainsi que les contraintes techniques associées.
> Ressortez de cette lecture avec (nous l’espérons) une meilleure compréhension du responsive et de l’adaptive design et les clefs pour mettre en place la stratégie adaptée à vos besoins.
050113 fax to judy clarke (boston marathon bombing) - frenchVogelDenise
Les Etats-Unis de la Maison Blanche et le Congrès des États-Unis ont essayé de discréditer Whistleblower Edward Snowden parce qu'il est un «décrochage scolaire». Néanmoins, ce décrochage du secondaire, a reçu un très bon travail avec l'accès aux dossiers publics / ordinateurs des Etats-Unis de l'Amérique National Security Agency (NSA). UNIQUEMENT un décrochage scolaire sans bon sens voudrait retourner aux Etats-Unis d'Amérique et assez fou de faire confiance aux Etats-Unis d'TERRORISTE REGIME Gouvernement d'exécution de l'Amérique et du système judiciaire. Regardez et voyez par vous-même à www.slideshare.net / VogelDenise et www.vogeldenisenewsome.net comment la justice aux Etats-Unis d'Amérique est une plaisanterie et est BIAS!
Regardez ce qui est arrivé à Whistleblower Bradley Manning. Pour EDWARD SNOWDEN il sera probablement MORT / MEURTRE aux mains des États-Unis de régime terroriste de l'Amérique! Edward Snowden peut être le fort taux d'abandon scolaire TRUE et de montrer son ignorance s'il veut en faisant confiance aux États-Unis du président Barack Obama de l'Amérique (un usager de drogues - Marijuana / Pothead et CRACK fumeur ...), le Congrès et le système judiciaire qui est contrôlé et dirigé par les sionistes juifs et leurs homologues de la suprématie blanche comme Baker Donelson Bearman Caldwell & Berkowitz! Edward Snowden aurait compté le coût et envisagé les conséquences à venir de l'avant. Il aurait certainement été le fort taux d'abandon scolaire TRUE s'il avait CONFIANCE aller aux Etats-Unis d'Amérique du congrès avec cette information de première!
Newsome il est très difficile que les organisations internationales telles que les Nations Unies (ONU), l'Union européenne (UE), l'Organisation du Traité de l'Atlantique Nord (OTAN). . . ne sont pas conscients des Etats-Unis d'actes terroristes de l'Amérique et peut très bien être parties à ces activités criminelles des États-Unis d'Amérique et leurs chefs d'Etat et de juristes Baker Donelson Bearman Caldwell & Berkowitz corrompu. Non seulement cela, qu'il ya des préoccupations que ces organisations internationales peuvent très bien être partie à encourager les actes pervertie de ce qui semble être les Etats-Unis du premier président gay de l'Amérique (Barack Obama) et l'utilisation de leurs forces armées de commettre des actes perverti Pour satisfaire les tendances sexuelles perverties de leur armée.
http://www.slideshare.net/VogelDenise/abu-ghraib-urination-scandal
http://www.slideshare.net/VogelDenise/barack-obama-christian-or-heathen-french
États-Unis utilisent la guerre pour former des "suprématie blanche" Membres: http://www.slideshare.net/VogelDenise/obama-us-wars-used-to-train-white-supremacist-french
Scrumday 2015 : Le Scrum chez Intel, retour d'expérience par Claude Aubry, Cy...French Scrum User Group
Conférence présentée lors du Scrumday 2015
"Il était une fois… ou l’histoire de l’expérimentation de Scrum à Intel Toulouse commencé par un groupe de 5 ingénieurs, déployé ensuite au service Telephony (80 pers).
Cette histoire vécue depuis plus de 2 ans vous sera racontée tour à tour au travers des regards du responsable de programme, du responsable de département et de leur coach agile.
Déployer et adapter l’agilité aux besoins d’une organisation en évolution perpétuelle, faire évoluer les rôles et responsabilités de chacun en déployant le “Scrum of Scrum”, tel est le retour d’expérience que nous souhaitons partager avec vous."
English version below
Seulement pour gens avertit, voici le côté Sensuel de l’œuvre, ALIBI avec Shannon Gélinas.
Production : IMAGE IN situ / Artistes : Marie-Josée Roy et Émie Gravel
Danse : Shannon Gélinas / Photos : Marie-Josée Roy et Émie Gravel
__________________________________________
English version
To warned people only, here's the Sensual side of the work, ALIBI with Shannon Gélinas.
Production: IMAGE IN situ / Artits: Marie-Josée Roy and Émie Gravel
Dance: Shannon Gélinas / Photos: Marie-Josée Roy and Émie Gravel
Scrumday 2015 : La régression continue - une méthode pour bien faire rater l'...French Scrum User Group
Conférence présentée lors du Scrumday 2015 :
Vous avez tous essuyé des déboires en essayant d’"agiliser" une entreprise. Ces échecs et difficultés sont l’occasion d’apprendre. Mais que ferait une personne dont le seul but serait de faire échouer l’agilité ?
Un "grand méchant" de l'agilité, Gérard, vous entraîne, au travers de ce retour d’expérience fictif, à contre-pied de l’adoption agile. Découvrez, ou redécouvrez, les pièges freinant l’amélioration et l'émergence d’un esprit agile en entreprise. Découvrez aussi quelques pistes pour les déjouer, au travers des difficultés que peut avoir ce personnage à annihiler l'agilité.
Le responsive design est une approche de la conception web dans laquelle l'interface s'adapte à la disposition de l'appareil, ce qui facilite l'utilisation, la navigation et la recherche d'informations.
La réactivité est possible grâce aux media queries, qui permettent à la conception de s'adapter automatiquement à l'espace du navigateur pour garantir la cohérence du contenu sur tous les appareils, et aux éléments de conception dimensionnés en unités relatives (%).
Découvrez ce “MobiliteaTime” de 50 pages pour mieux comprendre ces deux méthodes de conception :
> Commencez par plonger dans la navigation web d’aujourd’hui. Entre diversité des devices utilisés, mobinautes de plus en plus nombreux et actifs, la navigation se fait de plus en plus sous le prisme du multidevice et surtout du mobile. Découvrez les solutions qui s’offrent à vous.
> Faites le point sur les concepts de bases liés au responsive et à l’adaptive design (breakpoints, design fluide, résolution d’écran, etc) et les avantages liés à ces stratégies (des sites plus rapides à charger, moins coûteux en data, etc).
> Explorez les différentes possibilités de design au sein d’un site responsive ou adaptif, ainsi que les contraintes techniques associées.
> Ressortez de cette lecture avec (nous l’espérons) une meilleure compréhension du responsive et de l’adaptive design et les clefs pour mettre en place la stratégie adaptée à vos besoins.
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
Mobile & Responsive Design: Rendez votre marque mobileWSI France
Les consommateurs sont de plus en plus mobiles en terme de connexion, votre marque doit l'être également. Découvrez l'importance d'avoir un site mobile, adapté à différents supports (smartphones, tablettes...) et les possibilités qui s'offrent à vous pour développer votre stratégie webmarketing.
Présenté par Laurent Annet et Jean-Jacques Turroc, consultants en digital marketing WSI
Contactez l'expert en webmarketing le plus proche de chez vous:
http://www.wsi-marketing-internet.fr/agences-wsi/agences-wsi-france.html
Introduction aux concepts de Responsive Web Design, méthodos, outils et REX sur ces méthodes (Avantages, inconvénients, coûts...) pour le BreizhCamp 2013
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
La notion de Responsive Web Design regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation, quel que soit son interface connectée...
Comment optimiser sa stratégie web pour les tablettes ?Idean France
Données chiffrées sur le marché des tablettes - Quels impacts sur la stratégie web des marques ? Responsive, desktop first, tablet first... quelle stratégie de mise en œuvre adopter pour les tablettes ? Comment concevoir son site web adapté aux tablettes ?
Backelite et la direction digitale Air France ont déroulé cette présentation lors d'une Matinée Backelite le 11 décembre 2014
3. RESPONSIVE WEB DESIGN
DESIGN ADAPTATIF
⟶
Le terme « Design adaptatif » fait
référence à un type de design qui
s’adapte à l'environnement dans lequel
il est affiché et réagit de manière
appropriée en utilisant certains
mécanismes (CSS, HTML, Javascript,
Serveur).
⟶
Il s'agit d'une technique de conception
qui vous permet de créer un site Web
unique qui s'adapte à l'appareil sur
lequel il est visualisé, qu'il s'agisse d'un
ordinateur, un téléphone intelligent ou
une tablette.
⟶
Un site construit avec cette technique se
redimensionnera automatiquement afin
d’optimiser l’expérience sur les différents
appareils.
⟶
3 éléments clés : grille flexible, images
adaptatives, media queries.
3
4. RESPONSIVE WEB DESIGN
DESIGN ADAPTATIF
⟶
Mise en page fluide :
Une mise en page fluide a des dimensions
qui dépendent de la grosseur du navigateur
web de l’utilisateur. Elles sont déterminées
par un pourcentage, ce qui permet, dans la
plupart des cas, de prendre tout l’espace
alloué et de toujours être plein écran.
⟶
Mise en page adaptive :
Différentes mises en page sont déclenchées
par l’entremise de points d'arrêt
(Breakpoints). Règle générale, il peut y avoir
de trois à six points d'arrêt afin d’adapter la
mise en page à plusieurs tailles prédéfinies
(ordinateur, téléphone intelligent, tablette).
4
5. RESPONSIVE WEB DESIGN
DESIGN ADAPTATIF
⟶
Mise en page adaptative :
Il s'agit d'un hybride de mise en page fluide
de base et de la mise en page adaptive.
Il y a des points d'arrêt prédéfinis, mais
l’utilisation d’une grille de colonnes flexibles
permet au contenu de prendre tout l’espace
alloué à l’intérieur de celles-ci, les éléments
se transforment constamment entre les points
d’arrêts en offrant toujours la meilleure
structure du site.
5
6. RESPONSIVE WEB DESIGN
DESIGN ADAPTATIF
⟶
Points d’arrêt typiques :
320 pixels - Pour les appareils à petit écran, tels que
les téléphones en mode portrait.
480 pixels - Pour les appareils à petit écran, tels que
les téléphones en mode paysage.
600 pixels - Tablettes plus petites (Kindle
d'Amazon, Nook, etc.) en mode portrait.
768 pixels – Tablettes comme l'iPad en mode
portrait.
1024 pixels - Tablettes comme l'iPad en mode
paysage, ainsi que certains écrans d'ordinateur
portable, netbook, et desktop.
1200 pixels - Pour écrans larges, portables et
desktop à plus haute résolution.
6
8. RESPONSIVE WEB DESIGN
DESIGN ADAPTATIF
⟶
La force de cette approche est que vous
pouvez présenter le contenu de la bonne
taille pour la quasi-totalité de votre public
cible. La faiblesse est que vous limitez votre
capacité à adapter le contenu d’un point de
vue fonctions.
⟶
Avantages :
⟶
⟶
⟶
⟶
⟶
⟶
Avoir une seule URL pour chacune des pages
S’adapte à l’écran d’un maximum d’appareils
Facilite une expérience de marque uniforme d’un
appareil à l’autre
Les mécanismes de SEO, conversion et le suivi
(tracking) sont plus faciles à mettre en œuvre
Le soutien et la gestion du site sont simplifiés du fait
de n’avoir qu’un site web
Inconvénients :
⟶
⟶
⟶
Coûte généralement plus cher à mettre en œuvre
initialement (défis de conception et compatibilité aux
appareils et fureteurs multiples)
Difficile d’y intégrer des fonctions spécifiques aux
appareils mobiles (géolocalisation etc.)
Les temps de chargements sont généralement plus
lents que ceux d’une version mobile dédiée
8
10. DEDICATED MOBILE WEBSITE
SITE MOBILE DÉDIÉ
⟶
La force de cette approche est que vous
pouvez présenter un contenu et des
fonctionnalités mieux adaptés/ciblés aux
besoins spécifiques de votre public cible
dans un contexte prédéfini.
⟶
Avantages :
⟶
⟶
⟶
⟶
⟶
Conception initiale plus facile à mettre en place
Facile d’y intégrer des fonctions spécifiques aux
appareils mobiles (géolocalisation etc.)
Possibilité de limiter les fonctions et contenu au strict
nécessaire (expérience spécifique au contexte)
Les temps de chargements sont habituellement plus
rapides que ceux d’une version adaptative
Inconvénients :
⟶
⟶
⟶
⟶
Coûte généralement plus cher à maintenir et mettre à
jour (sites multiples)
URLs multiples pour chaque page
Les mécanismes de SEO, conversion et e suivi
(tracking) sont plus difficiles à mettre en œuvre
Combien de versions différentes seront requises afin
de bien cibler nos utilisateurs (téléphone, tablette
etc.) ?
10
12. PROGRESSIVE ENHANCEMENT
AMÉLIORATION
PROGRESSIVE
⟶
L' amélioration progressive (bottom-up) est une manière
de concevoir un site web qui prend très largement en
compte l'accessibilité, la sémantique et le référencement.
En séparant strictement le fond et la forme, cette
technique permet de présenter un contenu simple et de
rendre un service minimum à tous les utilisateurs, quel
que soit le débit de leur connexion ou leur navigateur, tout
en améliorant progressivement l'affichage proposé en
fonction de l'équipement de l'internaute.
⟶
La dégradation élégante (top-down) dans le domaine de
la conception web correspond à l'adoption massive à
deux nouveaux concepts, la séparation du fond
(sémantique XHTML) et de la forme (CSS), l'adoption des
standards du W3C grâce à l'émergence de nouveaux
navigateurs sur le marché.
⟶
Cette idée de régression était soutenue par l'amélioration
rapide et continue des technologies, les développeurs
visant d'abord les navigateurs les plus récents et
considérant ensuite les autres.
⟶
Ces méthodes ont un même but, rendre le contenu
accessible au plus grand nombre. Ce qui les oppose est
leur approche du problème.
12
13. SERVER-SIDE - RESS
CLIENT/SERVEUR
⟶
Une conception adaptative est implantée du
côté client, ce qui signifie que la page entière
est servie au navigateur de l'appareil (le
client), celui-ci modifie ensuite l’apparence de
la page.
⟶
Les mêmes principes peuvent être appliqués
du côté serveur, c'est à dire avant même que
la page soit livrée, le serveur détecte les
attributs de l’appareil client, et offre une
version du site optimisée pour les dimensions
et caractéristiques techniques de celui-ci.
⟶
L’adaptation du côté serveur peut donc
permettre de fournir une expérience
différente et ciblée, sans vous empêcher
d'utiliser les technologies les plus
récentes, couche-sur-couche, afin de
concevoir une expérience optimale peu
importe l’appareil utilisé.
13
15. MOBILITÉ
TROIS TYPE DE COMPORTEMENT
D’UTILISATION IMPORTANTS
⟶
L'auteur Josh Clark met l'accent sur trois aspects essentiels des comportements
d’utilisation mobile : les micro-tâches, la proximité, et le divertissement.
⟶
Ce qui rejoint assez bien la répartition que Google fait des utilisateurs de mobiles «urgent
now, repetitive now, bored now ».
⟶
Ces comportements se traduisent en certains types d’interaction communs qu’il faut
prendre en considération lors de la conception de solutions mobiles :
⟶
⟶
⟶
Recherche (informations urgentes, locales): J'ai besoin d'une réponse à quelque chose
maintenant, fréquemment lié à ma position actuelle.
Exploration / divertissement : J'ai un peu de temps à tuer et je recherche des distractions pour
occuper mon temps d'inactivité.
Création / modification (changement urgent / micro-tâches): J'ai besoin de faire quelque chose
maintenant qui ne peut attendre.
15
16. MOBILITÉ
LE CONTENU PRIME SUR LA NAVIGATION
⟶
⟶
⟶
Trop d'expériences Web mobiles entame la conversation avec une liste d'options de
navigation au lieu de faire primer le contenu.
Règle générale, le contenu doit primer sur la navigation pour améliorer l’expérience
mobile. Que les visiteurs y soit afin de vérifier des données fréquemment mises à jour,
pour rechercher de l'information locale, ou pour trouver des articles par l’entremise d’outils
de recherche ou de communication, ils veulent des réponses immédiates à leurs besoins
et non votre plan de site.
Il est donc important d’avoir un en-tête et une navigation simple qui permettront
l’optimisation de l’accès au contenu le plus rapidement possible malgré la résolution
d’écran réduite de certains appareils.
16