Découvrez notre dossier tendance 2015 avec un focus sur l'expérience utilisateur au sein de vos projets digitaux.
Webdesign, RWD, vidéo, contenu ou encore interactions possibles, le dossier réalisé par le studio telmedia* alimentera vos réflexions pour l'année à venir ;-)
En savoir plus sur telmedia* ? Nous sommes une agence digitale avec une moyenne d’âge de 33 ans, où ingénieurs et designers conçoivent des produits et des services adaptés aux nouveaux comportements des consommateurs.
www.telmedia.fr
PS : Toutes les photos et/ou illustrations présentent dans notre dossier sont la propriété intellectuelle d'artistes et sont protégées par la législation en vigueur sur le droit d'auteur.
près avoir passé une année 2015 basée sur la mobilité, nous allons continuer sur ce chemin :
Le webdesign doit s’adapter à l’ensemble des supports sans aucune rupture !
On y est, le webdesign n’est plus considéré comme une création artistique ou décorative, mais il sert bien à délivrer un message à l’utilisateur.
C’est le liant entre les données et l’utilisateur. Il se veut simple, efficace et accessible à tous.
Pour 2016, on scénarise, on crée des expériences uniques et on délivre des messages percutants !
Du flat design au responsive en passant par les sites mono-page, ce slideshare de l'agence Nineteengroupe retrace les 11 tendances du webdesign en 2014.
UX & UI Design : les tendances pour 2017NiceToMeetYou
Si la seule constante du digital est le changement, il en va de même pour tout ce qui touche au Design d'interface et d'expérience utilisateur. Découvrez un aperçu de 2017 avec nos apprentissages et nos insights pour évoluer face aux nouveaux challenges UX et UI : rituels collaboratifs, outils de conception et nouveaux terrains de jeu numériques (AR / VR, Objets Connectés, Progressive Web Apps...).
Responsive design, flat design, grid, parallax, HTML 5, CSS3, ... toutes les tendances en matière de site web en 2014. Conférence du 30 janvier 2014, à la CCI de Bordeaux, animée par Vincent Pereira, consultant webmarketing de l'agence Inaativ.
Petite introduction au flat design (et autres platitudes)i-breed et associés
Voici le support d'une présentation que nous avons fait pour le studio de BNP-Paris à Bruxelles. Bien sûr, ce n'est qu'un support mais on y trouve matière à réflexion. Ainsi qu'une question fondamentale : ce type de design par le code annonce-t-il une nouvelle génération de développeurs ?
La mode s'évapore, la tendance s'érode… Seul le style reste.
Je vous présente les évolutions graphiques et digitales. Un point sur les tendances webdesign et autour du web. Une étude pour y voir plus clair.
[MàJ : décembre 2014]
Article complémentaire à cette présentation, rédigé pour Alsacréations :
http://www.alsacreations.com/article/lire/1657-tendances-du-webdesign-2015.html
Autre présentation en rapport : Apple, Branding Story 2015
http://fr.slideshare.net/philipperondepierre37/apple-une-question-dimage
Philippe Rondepierrre - Directeur Artistique
http://philipperondepierre.com
près avoir passé une année 2015 basée sur la mobilité, nous allons continuer sur ce chemin :
Le webdesign doit s’adapter à l’ensemble des supports sans aucune rupture !
On y est, le webdesign n’est plus considéré comme une création artistique ou décorative, mais il sert bien à délivrer un message à l’utilisateur.
C’est le liant entre les données et l’utilisateur. Il se veut simple, efficace et accessible à tous.
Pour 2016, on scénarise, on crée des expériences uniques et on délivre des messages percutants !
Du flat design au responsive en passant par les sites mono-page, ce slideshare de l'agence Nineteengroupe retrace les 11 tendances du webdesign en 2014.
UX & UI Design : les tendances pour 2017NiceToMeetYou
Si la seule constante du digital est le changement, il en va de même pour tout ce qui touche au Design d'interface et d'expérience utilisateur. Découvrez un aperçu de 2017 avec nos apprentissages et nos insights pour évoluer face aux nouveaux challenges UX et UI : rituels collaboratifs, outils de conception et nouveaux terrains de jeu numériques (AR / VR, Objets Connectés, Progressive Web Apps...).
Responsive design, flat design, grid, parallax, HTML 5, CSS3, ... toutes les tendances en matière de site web en 2014. Conférence du 30 janvier 2014, à la CCI de Bordeaux, animée par Vincent Pereira, consultant webmarketing de l'agence Inaativ.
Petite introduction au flat design (et autres platitudes)i-breed et associés
Voici le support d'une présentation que nous avons fait pour le studio de BNP-Paris à Bruxelles. Bien sûr, ce n'est qu'un support mais on y trouve matière à réflexion. Ainsi qu'une question fondamentale : ce type de design par le code annonce-t-il une nouvelle génération de développeurs ?
La mode s'évapore, la tendance s'érode… Seul le style reste.
Je vous présente les évolutions graphiques et digitales. Un point sur les tendances webdesign et autour du web. Une étude pour y voir plus clair.
[MàJ : décembre 2014]
Article complémentaire à cette présentation, rédigé pour Alsacréations :
http://www.alsacreations.com/article/lire/1657-tendances-du-webdesign-2015.html
Autre présentation en rapport : Apple, Branding Story 2015
http://fr.slideshare.net/philipperondepierre37/apple-une-question-dimage
Philippe Rondepierrre - Directeur Artistique
http://philipperondepierre.com
Cette présentation a eu lieu lors du lancement du projet Delvalle à Nice en juillet 2012. Elle présente les spécificités de différents Living Labs et autres lieux d'innovation, dans la perspective d'en tirer les traits caractéristiques.
Social-Media-Monitoring für KulturinstitutionenChristoph Deeg
Dies sind die Folien zu meinem Impulsvortrag beim Treffpunkt Kulturmanagement am 17.08.2011. Den Vortrag und die Diskussion könnt Ihr sehen unter: http://proj.adobeconnect.com/p48gf2pw8sp/?launcher=false&fcsContent=true&pbMode=normal
Beste Grüße
Christoph Deeg
Podium «Warum ich angefangen habe zu bloggen und warum ich damit noch nicht a...infoclio.ch
Einführungspräsentation von Jan Hodel zur Podiumsdiskussion «Warum ich angefangen habe zu bloggen und warum ich damit noch nicht aufgehört habe» - Workshop "History and Web 2.0", Basel, 12 nov. 2010.
Reinhard Willfort: Crowdsourcing + Crowdinvesting = InnovationsTurboSemantic Web Company
Während man sich im Web2.0 mit dem hinterlassen von persönlichen Spuren zufrieden gab, geht es bei sozialen Medien zunehmend um Macht und um die kollektive Umsetzung von Ideen. Wer den Umgang mit der neuen Kulturtechnik beherrscht, kann heute mit wenig Aufwand Informations- und Innovationslawinen lostreten. Diese Bewegung vom Mitarbeiter zum Mitdenker und vom Kunden zum Fan hilft aber nicht nur das Innovationsrisiko zu senken. In der Kombination von Crowdsourcing mit Crowdinvesting ergeben sich neue Möglichkeiten zur risikoarmen Umsetzung von Ideen.
Das Prinzip ist einfach: Nicht ein Investor riskiert € 100.000, sondern 100 investieren durchschnittlich € 1.000. Am Beispiel der Initiative www.1000x1000.at wird gezeigt, wie Mikroinvestoren die Umsetzung von Ideen mit Geld und Erfahrung unterstützen können.
Martin Kaltenböck - Anforderungsanalyse für Open Government Data in ÖsterreichSemantic Web Company
Das, seitens des ZIT (Technologieagentir der Stadt Wien, http://zit.co.at/) unterstützte und durch die Semantic Web Company (SWC, http://www.semantic-web.at) durchgeführte Projekt OGD2011 hat zum Ziel, das Thema Open Government Data (Die Bereitstellung von nicht personenbezogenen, offenen Regierungsdaten in menschen- und maschinenlesbaren Formaten für eine möglichst umfangreiche Wiederverwendung) in Österreich einem breiten Publikum bekannt und zugängig zu machen. Weiters die Anforderungen an Open Government Data in Österreich zu erheben und das Ergebnis dieser Erhebung und Analyse publik zu machen. Dazu wurden die Anforderungen an Open Government Data in Österreich in 4 Stakeholder Workshops im Februar 2011 seitens der SWC mit Vertreter/innen aus Politik, Zivilgesellschaft, Wirtschaft und Verwaltung in jeweils 1 tägigen Workshops identifiziert, erhoben und diskutiert. In weiteren knapp 50 bilateralen Gesprächen mit OGD involvierten/interessierten Personen aus dem In- und Ausland wurden diese Anforderungen ebenfalls erhoben und die Analyse vertieft. Das Ergebnis dieser Anforderungsanalyse wird im OGD2011 Weißbuch Österreich im Juli/August 2011 im Verlag der Donauuniversität Krems publiziert.Kaltenböck präsentiert erstmals Ergebnisse der OGD Anforderungsanalyse bei der OGD2011 Konferenz und zeigt dabei die Potentiale, Chancen und Herausforderungen von Offenen Regierungsdaten aus Sicht der 4 genannten Stakeholder Gruppen und vergleicht diese Sichten. Die Analyse behandelt Bereiche wie Transparenz & Demokratie, rechtliche Rahmenbedingungen, gesellschaftliche & wirtschaftliche Auswirkungen, Kollaboration & Partizipation, datenrelevante Aspekte, Data Governance, Technologie & Infrastruktur, sowie Anwendungen. Abschließend bietet Kaltenböck einen Ausblick auf Open Government Data in Österreich.
Connecting Branches ist die monatliche informelle Input-Session der Zürcher Kommunikationsagentur future connection.
Ziel ist der spontane Austausch aus den verschiedenen Bereichen der Kommunikation.
Le monde des applis et du webdesign est en constante évolution, d’un point de vue technologique, mais également éditorial et graphique. On parle chaque année de nouvelles tendances. Mais les tendances, c'est comme la mode ? Un peu, mais pas complètement. En matière de webdesign, les tendances ne sont pas juste des couleurs que tous les sites arboreront fièrement au printemps, et il est intéressant de les analyser pour nourrir vos réflexions.
Nous ferons un tour d'horizon des tendances UX et UI actuelles, du design émotionnel à la réalité augmentée, en passant par les animations et les chatbots.
Et nous essayerons de répondre ensemble à 3 questions :
- Comment interpréter les tendances actuelles ?
- Quelles tendances se sont imposées de façon pérenne ?
- Quelles sont les tendances émergentes ?
Les tendances du webdesign 2019 à retenirConcept Image
Découvrez les tendances webdesign 2019, et nos conseils en tant que webdesigner et directeur artistique. Qu'est-ce qu'une tendance ? A quoi sert le webdesign ? Quelles sont les tendances pour 2019 ?
Cette présentation a eu lieu lors du lancement du projet Delvalle à Nice en juillet 2012. Elle présente les spécificités de différents Living Labs et autres lieux d'innovation, dans la perspective d'en tirer les traits caractéristiques.
Social-Media-Monitoring für KulturinstitutionenChristoph Deeg
Dies sind die Folien zu meinem Impulsvortrag beim Treffpunkt Kulturmanagement am 17.08.2011. Den Vortrag und die Diskussion könnt Ihr sehen unter: http://proj.adobeconnect.com/p48gf2pw8sp/?launcher=false&fcsContent=true&pbMode=normal
Beste Grüße
Christoph Deeg
Podium «Warum ich angefangen habe zu bloggen und warum ich damit noch nicht a...infoclio.ch
Einführungspräsentation von Jan Hodel zur Podiumsdiskussion «Warum ich angefangen habe zu bloggen und warum ich damit noch nicht aufgehört habe» - Workshop "History and Web 2.0", Basel, 12 nov. 2010.
Reinhard Willfort: Crowdsourcing + Crowdinvesting = InnovationsTurboSemantic Web Company
Während man sich im Web2.0 mit dem hinterlassen von persönlichen Spuren zufrieden gab, geht es bei sozialen Medien zunehmend um Macht und um die kollektive Umsetzung von Ideen. Wer den Umgang mit der neuen Kulturtechnik beherrscht, kann heute mit wenig Aufwand Informations- und Innovationslawinen lostreten. Diese Bewegung vom Mitarbeiter zum Mitdenker und vom Kunden zum Fan hilft aber nicht nur das Innovationsrisiko zu senken. In der Kombination von Crowdsourcing mit Crowdinvesting ergeben sich neue Möglichkeiten zur risikoarmen Umsetzung von Ideen.
Das Prinzip ist einfach: Nicht ein Investor riskiert € 100.000, sondern 100 investieren durchschnittlich € 1.000. Am Beispiel der Initiative www.1000x1000.at wird gezeigt, wie Mikroinvestoren die Umsetzung von Ideen mit Geld und Erfahrung unterstützen können.
Martin Kaltenböck - Anforderungsanalyse für Open Government Data in ÖsterreichSemantic Web Company
Das, seitens des ZIT (Technologieagentir der Stadt Wien, http://zit.co.at/) unterstützte und durch die Semantic Web Company (SWC, http://www.semantic-web.at) durchgeführte Projekt OGD2011 hat zum Ziel, das Thema Open Government Data (Die Bereitstellung von nicht personenbezogenen, offenen Regierungsdaten in menschen- und maschinenlesbaren Formaten für eine möglichst umfangreiche Wiederverwendung) in Österreich einem breiten Publikum bekannt und zugängig zu machen. Weiters die Anforderungen an Open Government Data in Österreich zu erheben und das Ergebnis dieser Erhebung und Analyse publik zu machen. Dazu wurden die Anforderungen an Open Government Data in Österreich in 4 Stakeholder Workshops im Februar 2011 seitens der SWC mit Vertreter/innen aus Politik, Zivilgesellschaft, Wirtschaft und Verwaltung in jeweils 1 tägigen Workshops identifiziert, erhoben und diskutiert. In weiteren knapp 50 bilateralen Gesprächen mit OGD involvierten/interessierten Personen aus dem In- und Ausland wurden diese Anforderungen ebenfalls erhoben und die Analyse vertieft. Das Ergebnis dieser Anforderungsanalyse wird im OGD2011 Weißbuch Österreich im Juli/August 2011 im Verlag der Donauuniversität Krems publiziert.Kaltenböck präsentiert erstmals Ergebnisse der OGD Anforderungsanalyse bei der OGD2011 Konferenz und zeigt dabei die Potentiale, Chancen und Herausforderungen von Offenen Regierungsdaten aus Sicht der 4 genannten Stakeholder Gruppen und vergleicht diese Sichten. Die Analyse behandelt Bereiche wie Transparenz & Demokratie, rechtliche Rahmenbedingungen, gesellschaftliche & wirtschaftliche Auswirkungen, Kollaboration & Partizipation, datenrelevante Aspekte, Data Governance, Technologie & Infrastruktur, sowie Anwendungen. Abschließend bietet Kaltenböck einen Ausblick auf Open Government Data in Österreich.
Connecting Branches ist die monatliche informelle Input-Session der Zürcher Kommunikationsagentur future connection.
Ziel ist der spontane Austausch aus den verschiedenen Bereichen der Kommunikation.
Le monde des applis et du webdesign est en constante évolution, d’un point de vue technologique, mais également éditorial et graphique. On parle chaque année de nouvelles tendances. Mais les tendances, c'est comme la mode ? Un peu, mais pas complètement. En matière de webdesign, les tendances ne sont pas juste des couleurs que tous les sites arboreront fièrement au printemps, et il est intéressant de les analyser pour nourrir vos réflexions.
Nous ferons un tour d'horizon des tendances UX et UI actuelles, du design émotionnel à la réalité augmentée, en passant par les animations et les chatbots.
Et nous essayerons de répondre ensemble à 3 questions :
- Comment interpréter les tendances actuelles ?
- Quelles tendances se sont imposées de façon pérenne ?
- Quelles sont les tendances émergentes ?
Les tendances du webdesign 2019 à retenirConcept Image
Découvrez les tendances webdesign 2019, et nos conseils en tant que webdesigner et directeur artistique. Qu'est-ce qu'une tendance ? A quoi sert le webdesign ? Quelles sont les tendances pour 2019 ?
Bientôt, nous serons plus nombreux à accéder à Internet via un écran mobile que via notre PC…
L’accessibilité de votre contenu sur les plateformes mobiles est donc, aujourd’hui, un enjeu majeur. Time Magazine l’a bien compris, lui qui est passé, ce lundi 22 octobre, au responsive Web design avec des versions optimisées pour smartphones et tablettes qui offrent même l’accès aux archives remontant jusqu’en 1923! Time.com est d’ailleurs le premier grand site d’information à franchir le pas.
Un contenu unique qui s’adapte à toutes sortes et toutes tailles de supports : la convergence frappe à nos portes soutenue par le responsive Web design et l’avènement du langage de programmation HTML5 aux nouvelles fonctionnalités résolument innovantes.
Le département communication de Vanksen - Vicky Balnave, Marie-Magali Sarry
et Christophe Dos Santos - décrypte pour VOUS les forces en marche avec des mots simples pour que la révolution de la convergence et de la mobilité soient embrassées par le plus grand nombre.
Retour d'expérience sur la conception et la construction d'une application ME...Microsoft Technet France
La plupart des applications WP7 restent dans les lignes visuelles METRO. Pourtant il est possible de créer des applications ayant une forte personnalité graphique, tout en suivant l'ergonomie METRO. Nous vous proposons de vous faire partager notre expérience, avec les bonnes pratiques en terme d'utilisation de composants et de workflow. Comprenez l'ergonomie METRO et mettez du graphisme dans vos applications !
Les 10 Tendances du Design d'interface en 2016Idean France
Chez Backelite, nous remettons constamment en question nos méthodes de conception pour répondre à l'évolution des devices, des besoins utilisateurs et des marques.
Le propre des tendances étant d’évoluer, elles sont aussi là pour être challengées en mode "test & learn".
Partageons ensemble notre vision sur l'évolution du design en 2016 avec ces 10 grands principes clés de l'UI Design.
Les 10 Tendances Webdesign de 2014 by VanksenVanksen
Découvrez les tendances webdesign de l'année 2014 selon Vanksen.
This presentation is also available IN ENGLISH, here : https://fr.slideshare.net/Vanksen/10-webdesign-trends-for-2014
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Vincent Vandevelde
Présentation projetée lors de l'atelier "Nos sites internet se refont une jeunesse HTML5 / CSS3" lors des 8èmes Rencontres Nationales du etourisme Institutionnel.
Focalisée autour du Responsive Webdesign l'atelier à vu la participation de Bérangère Faure de Saint Etienne Tourisme, de Benjamin Bastien de GMT Editions et animée par Vincent Vandevelde de Fisheye Communication / IDREZO
Les tendances graphiques pour avoir un site agréable et moderne - Agence Pilo...Julien Dereumaux
Découvrez nos conseils pour avoir un site internet moderne et agréable. Nous vous présentons les tendances graphiques 2017, des ressources utiles et des conseils simples à mettre en place.
Star d'ux bordeaux #2 la trib-ux-ne libreAnne PEDRO
L’aile oUX la cUIsse
Thibault Chapeyrou
Au menu du jour : REX-trospective
de l’année 2018 en tant qu’UI/ux Designer ! Epices & tips !
Le métier de Product
Designer
Céline Rouquié
Quelles sont les spécificités du designer produit (missions, compétences, environnement de travail, logiciels, méthodologies...) ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
CREATION 2.0
DES EXPERIENCES DIGITALES ON ET OFF
Introduction de l'après midi et animation des tables rondes par Gaël SOLIGNAC-ERLONG Directeur Général de sixtizen, agence de communication LIVE + DIGITAL, France
TABLE RONDE DE 16h : NOUVEAUX SUPPORTS MEDIAS CREATIFS
CES TECHNOLOGIES INTERNET ET MOBILE QUI PERMETTENT D'IMAGINER DES EXPERIENCES DE MARQUE "BIGGER THAN LIFE"
Des peintres « à bouche » de la grotte de Lascaux…aux prototypes « produits » mis en scène par les marques dans les films d’anticipation hollywoodiens, les innovations technologiques ont toujours été intégrés rapidement par les communicants. Notre époque ne déroge pas à la règle et voit même s’accélérer le mouvement d’expérimentation de nouveaux outils qui métamorphosent autant le support que la forme des messages. Dans cette jungle d’innovations, comment s’y retrouver ? Quels « marqueurs » de succès ? Comment s’assurer que le consommateur s’y retrouvera, et surtout adoptera les codes des nouvelles « expériences » proposées ? Des écrans « intelligents » de DECAUX Innovate pas installés que déjà décriés par les associations de consommateurs..Au succès rapide des applications I-Phone, les intervenants de cette table ronde tenteront de nous permettre d’y voir plus clair dans les « in » et les « down » du sujet.
- Sébastien Berten, CEO de Backelite , France
- Julien Lescure, CEO de So Touch , France
- Johan Fablet, associé fondateur, les chinois , France
- Eric Seulliet, président de "la fabrique du futur" , France
- Sonia Hecquet, Responsable - Département Conception, Interaction design,SQLI /la machine créative , France
- Dominique Bournazac de Lastours, Chargé de Mission "Futur en Seine", Paris
- Ludovic Delaherche, Directeur du Developpement, Eyeka France
- Olivier Lombart, Directeur Serious Games chez Net Division , France
- Thierry Hilaire, business development director, Lexis Numérique , France
Pour accéder au site de PARIS 2.0 de septembre 2009 : http://www.amiando.com/strategies20aparis.htm
Grande Rétrospective 2013, Chiffres clés et Tendances 2014Teester
Restrospective des évènements marquants du monde d'Internet et de la Communication en 2013 ainsi que me principaux projets réalisés. Imprégnez-vous ensuite des Chiffres Clés et Tendances 2014 pour attaquer cette nouvelle année sur de très bonnes bases. Bonne lecture.
Conception d’expériences multi-supports, nouveaux modes de consommation de co...Microsoft
Peu importe le moment de la journée, nous avons toujours un petit morceau de technologie entre les mains. Debout dans le bus ou assis dans son canapé sont des expériences de la vie quotidienne bien différentes. Si les utilisateurs commencent une action sur une table tactile dans un magasin il faut qu’ils puissent la continuer sur leur téléphone mobile sur le chemin du retour et pourquoi pas la terminer sur leur PC en rentrant. Tels sont les nouveaux usages entrés dans les mœurs. Comment concevoir une expérience utilisateurs continue en adéquation avec les nouveaux modes de vie ? C’est la véritable question à laquelle nous répondrons lors de cette session.
Speakers : Johanna Rowe (Wygwam)
Similaire à telmedia* : tendances webdesign 2015, l'année de l'UX (20)
2. Avant-propos
pour bien commencer 2015
Les tendances vont être sensiblement les mêmes que
celles observées en 2014 (responsive, flat design, images
et vidéos, grille, typographie, etc.).
Mais 2015 sera encore plus mobile et plus connectée !
Cette année nous tournerons notre cahier des tendances
sur ce qui fait que vous allez régulièrement sur vos sites
web préférés : l’expérience utilisateur.
Visitez http://www.weareresponsive.fr/
Crédit photo : The Uncomfortable by Katerina Kamprani
3. La conception adaptée
via le RWD et le tout connecté
Le Responsive Web Design s’est standardisé, valeur
incontournable de 2014, il est devenu une évidence pour
2015.
Une étude réalisée par comScore nous annonce qu'aux
Etats-Unis 52% du temps passé sur internet se font via
mobile (pas loin de 40% pour la France).
La définition de “conception adaptée” est en pleine
expansion notamment via la montre connectée, la SMART
TV et l’ensemble des objets connectés qui vont avoir une
place de plus en plus importante aux côtés des tablettes
et des smartphones.
4. Grâce à Bourse Directe restez connectés partout et
tout le temps !
6. La balance connectée de Terraillon.
Nouvel objet pour suivre facilement son poids, son IMC
et sa composition corporelle...
7. La conception adaptée
pour une expérience unique
Le design mobile, en plus d'être intuitif, influence notre
navigation sur les différents terminaux que ça soit sur petit
ou grand écran.
C’est le Mobile First qui s’impose à nous ! Merci Luke
Wroblewski ;-)
La navigation doit être simple, compréhensible et quasi
identique entre les différents terminaux connectés afin de ne
pas perturber l’utilisateur. Ceci est possible en ayant au
préalable travaillé sur un workflow éditorial multidevice.
Nota bene : La navigation doit valoriser le contenu et proposer
une réelle expérience pour l’utilisateur.
8. Paru en fin 2014, le nouveau système d'exploitation OS X
pour Mac propose une interface complètement
renouvelée et pourtant instantanément familière...
Pourquoi ? Car il s'inscrit dans la continuité des codes
graphiques et ergonomiques mis en place sur l'iOS8.
9. L’immersion utilisateur
par l’expérience visuelle
C’est le pari d’engager émotionnellement les utilisateurs à
visiter votre site en leur offrant une expérience unique et
positive.
La vidéo et l'image apportent une plus value pour illustrer et
livrer rapidement votre message. Combinés avec des textes
forts, ils immergent et séduisent très facilement les
mobinautes et/ou internautes.
D'un point de vue design, on laisse place aux médias en fulls
screens avec des superpositions de layers (textes, boutons,
blocs colorés). Cependant, attention au poids des images
et/ou vidéos ! Il ne faut pas perdre l'idée que le contenu doit
être rapidement accessible.
10. Laissez-vous séduire par un territoire magnifique
labellisé "Grand Site de France" !
Test pourjhhj
http://www.lesdeuxcaps.fr
11. Les gens vont au restaurant pour du goût, de la
texture, de la présentation, et une ambiance
mémorable. La conception d’une interface n’est pas
différente.
Test pourjhhj
http://marketstreetcatch.com
12. L’immersion utilisateur
fluide grâce aux animations
Les animations et les interactions sont indispensables pour
une bonne expérience utilisateur. Le regard est attiré par le
mouvement. Utilisez-le à votre avantage en signalant un
changement d’état (icône animée, survol bouton..)
Proposer des transitions rend l'expérience plus fluide, il n’y
a pas de cassures, l’information continue de couler. C’est
aussi un moyen de rendre plus ludique et plus accessible
vos contenus.
En plus d’être vivant, c’est une réelle immersion de l’
internaute
Attention à l’utilisation à outrance d’animations et de
transitions car cela peut avoir un effet perturbateur sur l’
expérience utilisateur.
13. Entrez dans le monde de Van Gogh et vivez une
expérience totalement immersive !
Test pourjhhj
http://www.vangoghmuseum.nl/en
14. Le contenu mis en valeur
par le flat design
Réelle confirmation depuis plus de 2ans, le skeuomorphisme
pur et dur et le "web 2.0" se sont fait la malle pour faire
place à un design sobre où l’aplat est roi.
C’est une approche qui encourage la simplicité, la clarté et l’
utilité. Design épuré et minimaliste, le flat se concentre sur l’
essentiel et sur l’utilisateur. Les ombres portées, les
bizotages/estampages et les dégradés sont à bannir. Même
si depuis l'IOS7 le dégradé retrouve peu à peu sa place…
L’originalité et la créativité résident dans la maîtrise de l’
ergonomie et des éléments graphiques.
15. Simplicité, aplat de couleurs, design en mosaïque, pour
une meilleure clarté pour l’utilisateur
Test pourjhhj
http://www.sosh.fr
16. Le contenu mis en valeur
se veut lisible
Le content first pour une réelle stratégie éditoriale
On se réimpose les bases essentielles pour la lecture du
contenu.
Contraste et lisibilité du texte sont une priorité !
Afin de faciliter la lecture, privilégiez des zones de texte peu
larges et laissez respirer vos textes (blancs tournants).
Bon à savoir : mener à bien l’utilisation de l'espace blanc
améliore la compréhension du texte par l’utilisateur de près
de 20%.
17. Sur le site de Spotify, le texte a autant d’importance que l’
image pour livrer un message
Test pourjhhj
http://www.spotify.com
18. Pour des UX
aux petits oignons
C'est le Saint Graal !
Malheureusement l’UX (User Xperience) est encore trop
souvent négligé, voir totalement oublié en 2014.
Au-delà des tendances, le design doit être justifié et servir
l'utilisateur. Il faut que le design soit adapté à l'utilisateur, et
non l'inverse, la conception de l’interface doit répondre à 3
fonctions :
● utilité
● utilisabilité
● opportunité
20. Inspirez-vous d’eux,
nous avons aimé...
Le site de Speedo
explore.speedousa.
com/experience/artofthecap/#home
-
Le webmagazine de Rolex
magazine.rolexawards.com
22. A bannir impérativement
de vos créations...
Les photos des banques d'images
On arrête les photos creuses à la
"American family", on privilégie les
photos naturelles et contemporaines.
La loading flash type flash
Une attente trop longue peut mettre
en péril l’UX. De plus, il peut y avoir
des soucis référencement quand il y a
beaucoup d’images et peu de texte.
Le web ultra kitchouille
Au revoir le vieux “web 2.0 so glossy”
pour des raisons de clarté…(p14)
23. Maintenant, à vous de jouer !
Et surtout n'oubliez pas l'utilisateur ;)
Pour nous contacter : studio@telmedia.fr
Dossier réalisé par :
Julie Turbelin / Designer Web & mobile
Camille Wustner / Designer Web & mobile