Animated Transition Effects in CSS and jQuery

S’il y a bien une page, que la plupart de gens pensent simple à concevoir, c’est bien celle du formulaire. Pourtant, en étudiant correctement le sujet, c’est peut-être le moment le plus générateur de frustration auprès des utilisateurs. Voici donc quelques astuces et bonnes pratiques (liste non exhaustive) qui me semblent pertinentes. PS : je ne parle pas des floating labels volontairement, le sujet fait encore trop débat. 1 – Déterminez les data que vous souhaitez récolter Il s’agit de suivre votre stratégie, en ayant une vue sur ce que vous allez en faire après. Deux facteurs sont pour moi déterminants : l’interêt et l’usage réel. Beaucoup de Directions marketing souhaitent avoir le « maximum d’informations » sur les utilisateurs, mais ne savent pas pourquoi ni comment les exploiter. Prenons l’exemple du numéro de téléphone d’un utilisateur, c’est une donnée à fort caractère personnel et potentiellement très intrusif. Concernant l’usage réel, certains vont le demander alors qu’ils n’ont même pas pour objectif de se doter d’un outil de campagne SMS, c’est le fameux « au cas où ». Pour ce qui est de l’intérêt, quel est-il si vous ne comptez pas l’utiliser ? Concentrez-vous plutôt sur le tracking de son comportement au sein de …

A brutalist framework for every step of your UX design process.

La loi de Fitts permet d’évaluer le temps de pointage pour un utilisateur. Cette durée varie selon la taille de l’élément à pointer ainsi que sa distance.

Lorsque nous travaillons sur un projet web, que ce soit un site ou une application, nous sommes influencés par nos propres choix, et nos propres goûts. Il devient dès lors assez difficile de se mettre à la place des vrais utilisateurs. Nous avons eu l'occasion de pouvoir essayer Testapic, une solution dédiée aux

Les développeurs de Chrome aimeraient réinventer totalement les URL pour les rendre plus faciles à comprendre et à utiliser. Dans le cadre des dix ans de Chrome, les développeurs de la dernière version du navigateur de Google se sont confiés à The Wired concernant leur intention de trouver une alternative à l’URL, jugée vieillissante et …

Les 300 000 sociétaires CEPAC Caisse d’Epargne passent au « presque »  tout numérique !  Après avoir remporté l’appel d’offre début 2018 face à de « groooosses » agences marseillaises, la « peeeetite » agence aixoise Hors Pistes a démarré la production d’un vaste chantier vidéo numérique pour la Caiss

Voilà deux choses dont on parle de plus en plus : le RGPD et la loi de finance sur la

Vous avez un projet webmarketing que vous souhaiteriez lancer ? Création de site internet, audit de référencement naturel, gestion de vos réseaux sociaux ou encore campagnes publicitaires ? Alors pourquoi ne pas faire appel à un freelance pour cela ? Voici 5 bonnes raisons pour vous aider à prendre la décision !

Des fluctuations ont été récemment observées dans les pages de résultats de Google aux alentours du 12 Décembre dernier. Et Google a confirmé qu’une mise à jour de son algorithme de classement a bien eu lieu durant cette période

Aujourd’hui, j’ai envie de vous parler d’un autre aspect de ma réalité professionnelle, celle de formateur à Armor Code depuis

Google organisait le 1er décembre une conférence "Le SEO en 2018". Au menu : mobile-first indexing, AMP, données structurées et Google Search Console. Atte

Ce nouveau logiciel de motion design d’interface fait apparition avec une particularité différenciante, sa capacité à générer du code exportable depuis les animations générées. Flow permet d’importer son travail depuis Sketch pour ensuite ajouter des animations et finalement récupérer le code prêt à l’emploi pour développer son interface. Evidemment, ce n’est pas l’unique solution pour exporter du code depuis une interface graphique animée, cependant, Flow assure générer un code relativement « propre » et adaptable via Xcode ou Swift. Ainsi, le logiciel souhaite améliorer le processus de développement d’animation et d’interaction d’une interface, aussi bien pour les développeurs que pour les designers.   Le principe d’animation de Flow est particulier, car il repose sur les différents états des « artboards » de Sketch. C’est-à-dire que vous allez choisir un écran de départ et un écran d’arrivé et Flow s’occupe de gérer l’animation entre les deux. Evidemment vous pouvez contrôler les paramètres de l’animation. Notamment grâce à la timeline présente en bas de l’espace de travail du logiciel. Comme dans de nombreux logiciels similaires, elle permet de manipuler la durée et les enchaînements des animations afin d’apporter plus de fluidité dans les interactions. Vous avez la possibilité de visualiser votre travail depuis un aperçu en ligne …