Février 2013
a RITAteaching
Relax In The Air
7UX / Webdesign
/ visual design
consistence
Marque
Couleur
Forme
Images
Avatar
Discours
mises à jour
outils/plateformes
consistence
Ecosystème
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
Votre marque vous appartient.
Prenez-en soin. Rendez-la jolie et désirable
de jour comme de nuit.
404
404
404
Relax In The Air
newsletter
consistence
600px
Février 2013
Copyright© 2013 Relax In The Air
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
cms
cms
____________________
Jonathan Kahn
Trying to fix an organization’s content
problems by installing a CMS is like trying
to save a marriage by booking a holiday.
• Gestion dynamique de contenu.
• Séparer gestion de forme et de contenu.
• Collaboration sur une même plateforme.
• Donner de la liberté et simplifier.
• Impliquer le client dans le contrôle du
contenu.
CMS
fonction
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
cms
Le choix du CMS doit être déterminé par la
problématique du client.
Wordpress Drupal Joomla Magento Umbraco Typo3
CMS
top 6
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
navigateur
____________________
Alsacréations
Lorsque l'on parle de compatibilité, on
parle de rendu cohérent et uniforme d'un
même site web quelque soit la station
utilisée pour le consulter.
Browserton univers impitoyable
Chrome Firefox Safari IE
navigateur
top 4
evolution
mobile
natif(iOS/Android)
vs
web app(html)
1) budget
2) BUTS
3) compétences
4) délais
mobile first
standard HTML5
encapsuler
responsive web design
responsive web design
Responsive Web design is the approach that
suggests that design and development
should respond to the user’s behavior and
environment based on screen size, platform
and orientation.
Grille flexible
layout flexible
media queries
évolution
responsive / Adaptatif
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
1) budget
2) BUTS
3) Contexte
4) compétences
5) délais
Relax In The Air
http://www.bostonglobe.com
http://foodsense.is
http://www.fork-cms.com
http://www.anderssonwise.com
http://2012.newadventuresconf.com
évolution
responsive / Adaptatif
Février 2013
Copyright© 2013 Relax In The Air
listen, talk with
Any idea is dangerous if it’s
a person’s only idea.
nouveau paradigme
We're moving to a world
in which every device
generates useful data,
in which every action
creates ‘information
shadows’ on the net.
____________________
Tim O’Reilly
PRE-DIGITAL
Interruption
Manipulation d’image
Dire des choses aux gens
Valeur intangible
Perception
POST-DIGITAL
Participation
Création de valeur
Faire des choses pour les gens
Valeur tangible
Comportement
>
listen, talk with
nouveau paradigme
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
ecosystem
Relax In The Air
© Relax In The Air 2013
USER
early adopter
customer
partners
BRAND
EXPERIENCE
EXPERIENCE
apps
website
tools
s
ocial SHARE
likes
comments
wOM
OPPORTUNITIES
OPPORTUNITIES
On parle de vos produits.
On ré-invente vos publicités sur Youtube.
On vous définit sur Wikipedia.
On se ligue contre vous sur les médias sociaux.
MENACE ? > OPPORTUNITE
listen, talk with
nouveau paradigme
Relax In The Air
Février 2013
Copyright© 2013 Relax In The Air
Que vous le vouliez ou non, les conversations
existent avec ou sans vous.
Tournez la force de vos utilisateurs à
votre avantage.
nouveau paradigme
Plus participatif
Plus social
Plus fragmenté
Plus transparent
Plus joueur
Toujours branché
souvent géolocalisé
listen, talk with
nouveau paradigme
Relax In The Air
utilisateur
Février 2013
Copyright© 2013 Relax In The Air
Parler à > Parler avec
« Transmedia is storytelling by authors who share and create
content for distribution across multiple forms of media.
Transmedia immerses an audience in a story’s universe through
a number of dispersed entry points, providing a comprehensive
and coordinated experience of a complex story. »
TRANSMEDIA
HENRY JENKINS
Captiver et interagir
à travers un réseau de
plate-formes
Raconter une histoire.
Réseau de plate-formes.
Divers points d’entrée.
Expérience coordonnée.
Expérience augmentée.
Relax In The Air
transmedia
listen, talk with
Tout doit être fait pour engager l’audience de
façon individuelle, valider leur engagement et
renforcer positivement leur participation dans
la narration collective.
Le résultat est une intense loyauté, un
engagement sur le long-terme et le désir de
partager cette expérience.
« So far, the most successful transmedia
franchises have emerged when a single creator
maintains control over the franchise. »
HENRY JENKINS
providing joy Since 1977
Geekdom has entered the mainstream.
Henry Jenkins on Transmedia
jeff gomez on Transmedia
liens utiles
http://www.teehanlax.com/downloads/ipad-gui-psd-retina-display/
http://www.teehanlax.com/downloads/ios-5-gui-psd-iphone-4s/
GUIS
http://www.tripwiremagazine.com/2012/07/free-printable-sketching-
wireframing-templates.html
http://speckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile-
sketching-templates/
Merci !
Mai 2011
relaxintheair.com
@relaxintheair
Retrouvez-nous aussi sur Facebook et Instagram
© Relax In The Air 2013
Sabine DUFAUX
Managing Partner | Digital Strategist
sabine@relaxintheair.com
+41 79 745 30 74
MC CASAL
Managing Partner | UX Strategist & Designer
mc@relaxintheair.com
+41 76 539 77 01
Office
Relax In The Air Sàrl
Rue Vautier 16
CH - 1227 Carouge
hello@relaxintheair.com
www.relaxintheair.com
contact
“We think and design user experiences for a digital world.
Just relax. Together we can make it simple. ”

Webdesign, UX et UCD #7