Emeline
Emeline 21 janvier 2019 - 2 min de lecture - #Actualité

Tendances et interfaces design pour 2019

Qu’elles soient des Ă©volutions ou des innovations, les tendances ne cesseront de vous surprendre. Voici une liste des dix Ă  ne pas manquer cette annĂ©e 2019 !

Au dĂ©part destinĂ©es pour l’impression et souvent considĂ©rĂ©es comme dĂ©modĂ©es, les serifs feront leur retour en 2019. Vous les trouverez en en-tĂȘtes ou en lĂ©gendes. En effet, leur aspect dĂ©coratif permet d’accentuer ainsi que de donner un cĂŽtĂ© crĂ©atif et sophistiquĂ©. Les sans serif resteront privilĂ©giĂ©es pour les textes demandant une meilleure lisibilitĂ©.

C’est grĂące aux nombreuses avancĂ©es technologiques que les chatbots deviennent de plus en plus intelligents et efficaces. Cette annĂ©e, leur niveau de personnalisation et leur humanisation seront plus Ă©levĂ©s que les prĂ©cĂ©dents. En ce qui concerne les visuels, les couleurs seront vives afin d’augmenter la visibilitĂ© des chatbots. L’utilisation de mascottes apportera un cĂŽtĂ© amical et humain, ce qui permet d’amĂ©liorer la confiance qu’apporte l’utilisateur.

L’utilisation de vidĂ©o comme background est esthĂ©tique mais a Ă©galement comme objectif de capter l’attention de l’utilisateur. C’est une expĂ©rience qui lui procure de l’émotion. L’utilisateur n’a pas besoin de lire un texte pour comprendre de quoi il s’agit, c’est rapide et efficace !

Les micros interractions montrent Ă  l’utilisateur ce qu’il est en train de faire sur son Ă©cran et illustrent la rĂ©activitĂ© de la page. Mais, elles ont aussi comme objectif de le surprendre et donnent du dynamisme. C’est en gĂ©nĂ©ral sur des Ă©lĂ©ments cliquables comme les boutons ou la navigation que vous les trouverez. Ces micros interactions ne doivent en aucun cas rendre l’expĂ©rience plus complexe, mais permettre de garder l’attention de l’utilisateur tout au long de sa visite.

Les formes organiques, naturelles et arrondies apportent du mouvement et le confort au visuel. Un sentiment d’accessibilitĂ© et d’ĂȘtre en phase avec la nature humaine s’en dĂ©tache.

Les couleurs Ă©clatantes, saturĂ©es et vives ainsi que les contrastes Ă©levĂ©s seront au rendez-vous en 2019 ! Elles seront utilisĂ©es en monochrome ou en dĂ©gradĂ© pour apporter une impression d’unicitĂ© et de fraĂźcheur. La couleur star de cette annĂ©e est le « Living Coral 16-1546 ».

Les blancs ne sont dĂ©sormais plus considĂ©rĂ©s comme un perte d’espace mais comme un outil visuel. Ils permettent d’aĂ©rer pour rendre les informations plus rapidement et facilement accessibles. L’utilisateur voit uniquement ce qu’il recherche, il n’y a rien de superflu, de distrayant ou encore de gĂȘnant.

La construction en asymĂ©trie repousse les limites de la grille basique, utilisĂ©e dans la conception de site web. Elle amĂšne du dynamisme et de la crĂ©ativitĂ© Ă  la page. L’asymĂ©trie est souvent combinĂ©e au minimalisme. Mais, la gestion des espaces et des superpositions n’est pas facile Ă  exĂ©cuter bien qu’elle soit extrĂȘmement importante. Vous y trouverez des jeux avec les couleurs, les textures, les motifs et les superpositions.

Le one page est actuellement associĂ© Ă  des animations lors des scrolls afin de divertir et d’éviter l’ennui. Le scroll servira de narration visuelle, on parle de «Scrollable visual storytelling» (histoire dĂ©filante). Il existe Ă©galement des scroll horizontaux.

Les sites webs pour mobiles sont devenus une prioritĂ©. La conception commence par se faire pour les mobiles et ensuite pour les bureaux. L’objectif est d’amĂ©liorer les expĂ©riences des utilisateurs de mobile.

Sources

– https://en.99designs.ch/blog/trends/web-design-trends-2019/#10

– https://webflow.com/blog/20-web-design-trends-for-2019

– https://merehead.com/blog/top-web-design-trends-2019/

– https://www.bluecompass.com/blog/web-design-trends-to-watch-for

– https://thenextweb.com/creative/2018/12/19/10-exciting-web-design-trends-you-2019/

– https://www.justinmind.com/blog/web-design-trends-for-2019/

– https://www.pagecloud.com/blog/website-design-trends-2019

– https://graphiste.com/blog/tendances-web-design-2019

Lire la suite
Matthieu de Morsier
Matthieu de Morsier 29 octobre 2018 - 2 min de lecture - #Actualité

Nous serons au Web Summit Ă  Lisbonne du 5 au 8 novembre !

C’est avec beaucoup d’enthousiasme que l’on se rĂ©jouit de participer du 5 au 8 novembre Ă  Lisbonne Ă  l’une des plus grandes confĂ©rences de technologie et innovation d’Europe. Nous ne pouvions manquer un tel Ă©vĂ©nement !

Pour une agence digitale comme troisdeuxun, c’est une expĂ©rience inouĂŻe Ă  vivre et pour y dĂ©couvrir plus de 1’300 confĂ©rences pour plus de 70’000 participants dans la capitale portugaise. C’est un peu le Davos des Geeks !

Mais qu’est-ce que le Web Summit ?

Le Web Summit rĂ©uni les plus grands noms de l’économie digitale mais aussi de nombreuses start-ups des nouvelles technologies. Etabli sur plusieurs jours Ă  Lisbonne, le Web Summit propose de multiples confĂ©rences et workshops dans tous les domaines technologiques (Big Data, HealthTech, Robotique, Marketing, design, Music, FinTech, Crypto, Code, City, Auto,..).

Le Web Summit attire Ă©galement de nombreuses start-ups avec de nombreux investisseurs, l’évĂ©nement permet de pitcher son projet et peut-ĂȘtre en ressortir avec Ă  la clĂ© un ou plusieurs investisseurs !

Quelques chiffres

  • – Plus de 70’000 personnes venant de 170 pays
  • 1’300 intervenants
  • 2’100 start-up
  • 2’600 journalistes et mĂ©dias internationaux
  • 1’400 investisseurs du monde entier

Trailer :

Pour troisdeuxun, cela sera l’occasion de s’intĂ©resser Ă  plusieurs domaines du digital et technologique, et surtout, de dĂ©couvrir les nouveautĂ©s de demain !

La liste des confĂ©rences qui nous intĂ©resse est trĂšs longue alors on aura intĂ©rĂȘt Ă  ĂȘtre au taquet pour courir entre les diffĂ©rentes scĂšnes et salles.

Nous avons hĂąte d’y ĂȘtre et de vous partager notre expĂ©rience sur cet Ă©vĂ©nement web incontournable !

En savoir plus ?

Lire la suite
LoĂŻc Salzmann
Loïc Salzmann 22 juin 2018 - 2 min de lecture - #Actualité

Jeu concours pour la Coupe du Monde 2018

Peu avant le dĂ©but de la Coupe du Monde 2018 de Football, nous avons Ă©tĂ© mandatĂ©s par l’un de nos clients pour la mise en place d’une plateforme de jeu concours permettant aux joueurs de pronostiquer les rĂ©sultats.

Avec un dĂ©lai relativement court (moins d’une semaine), nous avons rĂ©alisĂ© ce projet en Ă©quipe afin d’optimiser le temps de travail.

 

La plateforme est composée de deux jeux :

  1. De la qualification Ă  la finale :
  2. l’utilisateur pronostique les Ă©quipes qualifiĂ©es par groupe et dĂ©termine les Ă©quipes gagnantes lors des phases Ă  Ă©limination directe jusqu’Ă  choisir un vainqueur. Un tirage au sort sera fait Ă  la fin de la compĂ©tition afin de dĂ©terminer qui aura eu le meilleur pronostic et pourra gagner l’un des nombreux lots.
  3. Par phase :
  4. Ce jeu, divisé en plusieurs phases indépendantes (qualifications, huitiÚmes, et quarts/demis/finale regroupés), les joueurs peuvent donner un pronostic pour chacune de ces phases pour lesquelles des gagnants seront déterminés afin de remporter des lots (iPads, tour en Ferrari, dégustation de vins).

Notre approche

Nous avons dû imaginer un systÚme de calcul de point permettant de déterminer un score représentatif de la pertinence des choix lors du concours.

La plateforme a d’abord Ă©tĂ© imaginĂ©e lors d’un workshop en interne et mis en forme Ă  l’aide de wireframes. Une fois la structure des diffĂ©rents jeux Ă©tablie, nous avons rĂ©alisĂ© un design complet des diffĂ©rentes parties pour chacun des jeux ainsi qu’une version mobile afin de permettre Ă  chacun de jouer depuis n’importe quel support.

Techniquement, nous avons mis en place une API reprise sur les plateformes que nous avons réalisées principalement en Javascript. Cette API nous à permis de travailler parallÚlement afin de tenir le délai imposé.

Vous pouvez découvrir le projet complet sur le site https://www.concours-coupe-du-monde.ch

 

En résumé

# Plateforme de pronostics en ligne

# Tirage au sort des gagnants

# Support marketing

Lire la suite
Matthieu de Morsier
Matthieu de Morsier 18 mai 2018 - 3 min de lecture - #Actualité

PrĂȘt pour la GDPR ?

On en parle partout vous l’aurez surement entendu ces derniers temps, la nouvelle loi europĂ©enne GDPR ou RGPD sur la protection des donnĂ©es des utilisateurs sera effective dĂšs le 25 mai 2018.

Mais qu’est-ce que le GDPR ?

  • GDPR = General Data Protection Regulation : RĂ©gulation dont le but est de renforcer et unifier la protection des donnĂ©es personnelles pour toutes les personnes concernĂ©es au sein de l’Union EuropĂ©enne (EU). Les entreprises suisses qui offrent des biens ou des services Ă  des personnes dans l’UE devront dĂ©sormais ĂȘtre conformes au nouveau rĂšglement europĂ©en sur la loi de la protection des donnĂ©es qui entrera en vigueur le 25 mai 2018.

Que signifie les donnĂ©es personnelles ? Ce sont n’importe quelles informations liĂ©es Ă  une personne identifiĂ©e ou identifiable, y compris les informations professionnelles. Comme par exemple : un nom, une adresse e-mail, un numĂ©ro de tĂ©lĂ©phone, une adresse IP, une photo etc.

Les droits des individus seront renforcés

# Droit Ă  l’information sur la maniĂšre dont leurs donnĂ©es sont traitĂ©es, sous une forme claire et comprĂ©hensible

# Droit d’accĂšs aux donnĂ©es – possibilitĂ© de rectifier ou corriger les donnĂ©es # Droit d’opposition, de ne pas ĂȘtre actif dans la base de donnĂ©es

# Droit Ă  l’oubli, d’ĂȘtre supprimĂ© des donnĂ©es

Etes-vous concernés par cette nouvelle loi ?

  • La nouvelle loi concerne toute sociĂ©tĂ© qui offre des biens ou services Ă  des clients rĂ©sidant dans l’Union europĂ©enne, notamment les exportateurs ou exploitants de plateformes en ligne. Mais comme toujours, la Suisse suivra Ă  terme la rĂ©glementation de l’UE et s’y soumettra Ă  priori d’ici deux ans avec une loi rĂ©visĂ©e sur la protection des donnĂ©es. Actuellement la Suisse opĂšre avec la LPD (loi sur la protection des donnĂ©es) de 1992.

Toute entreprise qui collecte des données sont concernées, comme par exemple dans les usages suivants :

  • – Une mailing liste pour l’envoi de newsletter Ă  vos clients
  • – Un formulaire de contact ou d’inscription Ă  votre newsletter
  • – Un site e-commerce dans lequel il sera nĂ©cessaire de permettre Ă  vos clients tĂ©lĂ©charger leurs donnĂ©es
  • – La rĂ©colte des donnĂ©es avec les outils comme Google Analytics

Les sociétés devront également nommer un déléguer à la protection des données dans le cas dee traitement de données personnelles sensibles ou réguliÚres.

Quels sont les bénéfices pour votre entreprise ?

# Une relation commerciale de confiance

# Une réputation positive

# Générer de la confiance au prÚs de votre audience

Quels sont les risques de ne pas ĂȘtre conforme ?

  • Les entreprises qui n’auront pas fait du tri dans leurs donnĂ©es ainsi qu’adaptĂ© leurs conditions et moyens de rĂ©coltes de donnĂ©es, se verront affliger des amendes salĂ©es et ne pas ĂȘtre en conformitĂ© avec le GDPR pourrait se rĂ©vĂ©ler catastrophique en terme de rĂ©putation.

En effet, les entreprises subiront une attente Ă  leur image et risqueraient de perdre des clients.

Quels sont les risques et sanctions pour votre entreprise ?

# Réputation négatives en cas de violation

# Demandes d’indemnisation des clients

# Amendes jusqu’Ă  20 million d’euro ou 4% du chiffre d’affaire mondial, le plus haut des deux montants

Bien sûr avant de tels sanctions, un avertissement et une mise au norme sera demandée.

Et pour votre site Internet, qu’en est-il concrĂštement ?

  • Il est important de mettre Ă  jour votre site Internet avec les derniĂšres versions de vos extensions et CMS ainsi que de contrĂŽler la bonne conformitĂ© des applications tiers (CRM etc).
  • Nous vous recommandons de bien vĂ©rifier qui a accĂšs Ă  quoi, pourquoi et oĂč sont stockĂ©es les donnĂ©es de votre site. En intĂ©grant Ă©galement des conditions d’utilisation et en obtenant le consentement d’utilisation des donnĂ©es de vos visiteurs via des « cookies ».

Il crucial d’ĂȘtre proactif dans cette dĂ©marche et de se mettre en conformitĂ© afin de faciliter cette transition. Contactez-nous dĂšs maintenant, nous vous aiderons Ă  vous mettre aux normes GDPR pour site ou application.

En savoir plus ?

Vous pourrez en savoir plus sur les sites suivants au sujet de cette nouvelle loi :

Lire la suite
Michaël Ambass
Michaël Ambass 3 mai 2018 - 3 min de lecture - #Actualité

Les annonces de la conférence F8 de Facebook de mai 2018

F8 est la confĂ©rence annuelle de Facebook qui a lieu Ă  San Francisco en Californie dĂ©diĂ©e aux dĂ©veloppeurs et entrepreneurs qui utilisent leurs services. C’est Ă  cette occasion qu’ils prĂ©sentent de nombreuses nouveautĂ©s.

Suivre l’actualitĂ© de Facebook nous permet d’identifier les prochaines opportunitĂ©s pour nos clients. Nous avons rĂ©sumĂ© dans cet article les nouveautĂ©s qui ont retenu notre attention.

Lutte contre les Fake News

  • Peu attentif Ă  ce problĂšme jusqu’en 2016, Facebook a annoncĂ© avoir mis sur place plusieurs outils utilisant l’Intelligence Artificielle afin de protĂ©ger ses utilisateurs des Fake News. De nouvelles mesures ont Ă©tĂ© mises en place telle que la nĂ©cessitĂ© de vĂ©rifier les publicitĂ©s Ă©voquant la politique avec une carte d’identitĂ© gouvernementale.

A la fin de l’annĂ©e, Facebook comptera plus de 20’000 employĂ©s travaillant sur le sujet de la sĂ©curitĂ© et du contrĂŽle des contenus.

Ce qu’il faut retenir

# Outils utilisant l’AI (Intelligence artificiel) pour dĂ©tecter les fakes news

# Nouvelles mesures de contrĂŽles des contenus

# Plus de 20’000 employĂ©s pour la sĂ©curitĂ© d’ici Ă  la fin de l’annĂ©e

Vie privée des données

  • Pour amĂ©liorer la protection de la vie privĂ©e de ses utilisateurs, des mesures de restriction ont Ă©tĂ© mise en place aux dĂ©veloppeurs afin de limiter l’accĂšs Ă  certaines donnĂ©es privĂ©es. Le passage par une vĂ©rification des applications soumis Ă  Facebook est dĂ©sormais nĂ©cessaire.

Lancement du « Clean History » permettant de supprimer les informations relatives Ă  Facebook et ses donnĂ©es (Analytics, donnĂ©es publicitaires, …).

Plus d’informations sont Ă  venir Ă  ce sujet trĂšs rapidement.

Ce qu’il faut retenir

# Mesure de restriction pour les développeurs

# Vérification des applications proposées à Facebook

# Clean History pour supprimer ses informations

Facebook se lance dans le dating

  • Grande nouveautĂ© prĂ©sentĂ©e, la possibilitĂ© de crĂ©er un profil de type « Dating » qui permet d’utiliser Facebook comme un site ou une application de rencontre.L’utilisateur peut dĂ©bloquer des groupes ou des Ă©vĂ©nements lui permettant de rencontrer des personnes similaires et pouvoir entamer une discussion (uniquement par texte).

Partage de Spotify vers les stories Instagram ou Facebook

Partagez désormais votre humeur en publiant les chansons que vous écoutez sur Spotify directement dans les stories Instagram ou Facebook via Spotify.

Intégration du chat vidéo dans Instagram

Communiquez avec vos amis sur Instagram par chat vidéo à plusieurs.

Il est Ă©galement possible de continuer Ă  utiliser Instagram pendant votre chat vidĂ©o tout en voyant les autres participants grĂące Ă  une fenĂȘtre flottante.

Oculus Go

Sortie et disponibilité de Oculus Go

L’Oculus Go est dĂ©sormais disponible et propose plus de 1000 applications et jeux.

Version 32 GB Ă  199$
Version 64 GB Ă  249$

 

Oculus Venues

Expérimentez en live et VR des évenements lives tels que des concerts, matches de sports ou encore des soirées comédies.

Partenariats tels que la NBA, AEG, Lionsgate ou NextVR

Oculus Rooms

Un environement conçu pour partager des activités avec des amis, par exemple regarder des films en 3D, écouter de la musique ou accéder à des jeux.

Oculus TV

Une salle de TV / cinĂ©ma en VR qui vous permet aussi d’accueillir vos amis.

Partenariats avec ESPN, Netflix, Hulu, ShowTime, Facebook Video, RedBull TV ou encore Pluto

Améliorations dans Facebook Messenger

Interface plus simple

Une interface simplifiée et revue, tout particuliÚrement le systÚme de navigation.

Ajout d’un thĂšme « sombre » pour reposer ses yeux lorsque l’on consulte sa messagerie dans la nuit.

Réalité augmentée dans Messenger

Il est dĂ©sormais possible pour certains clients (Nike par exemple) de permettre d’essayer des produits grĂące Ă  la VR directement via Messenger.

Assistant de traduction dans Messenger

Traduction des conversations dans Messenger pour couper la barriĂšre de la langue et permettre Ă  chacun de communiquer en toute langue.

Et bien d’autres annonces

Vidéos GoPro accessible directement dans Instagram

L’onglet « Explore » de Instagram repensĂ© en chaĂźnes et sujets

Appels vidéo sur WhatsApp

Object 3D dans les publicités Facebook à partir du mois prochain

Intégration des photos 3D dans Facebook

AR Camera Effects dans Instagram

Revoir les vidéos de la conférences

Les vidéos de la conférence F8 2018

Lire la suite
Logo 321