• December 3, 2021

Application POP, création d’un prototype fonctionnel mobile

Le concept de l’application POP est d’une simplicité enfantine. Dessinez sur papier le zoning de votre site ou de votre application, prenez-le en photo, insérez les interactions. Votre prototype fonctionnel prend vie. POP est une application iOS facilitant la transition entre la phase de conception et celle de prototypage. En utilisant POP, vos interfaces utilisateurs […]

  • September 27, 2021

Utilisabilité du Drag and Drop, astuces pour une meilleure expérience utilisateur

Le drag and drop ou glissé-déposé est une interaction de plus en plus répandue au sein des interfaces graphiques. Cette technique imaginée par le PARC (Palo Alto Research Center) s’est immiscée sur tous nos terminaux fixes et mobiles. S’inspirant du monde réel, cette interaction offre à l’utilisateur la possibilité de déplacer des éléments graphiques présents […]

  • April 18, 2021

Réaliser une capture d’écran d’un site Web responsive selon différents viewports

Effectuer des captures d’écran d’un site Web en fonction de plusieurs résolutions peut prendre du temps. Certains clients sont friands de ce type de demandes à diverses étapes d’un projet. Malheureusement, prendre 15-30 minutes pour redimensionner son navigateur selon les points de rupture du design, effectuer la capture d’écran et l’importer dans Photoshop peut vite […]

  • April 18, 2021

Wireframe codé, l’HTML au service de l’expérience utilisateur – 1

Première partie de notre dossier consacré au wireframing codé – petit rappel de ce que recouvre le wireframe d’un projet. Pour qui, pour quoi, comment le réaliser ? Nous avons tous dû un jour expliquer à un client, ou à un collaborateur, en quoi consiste le wireframing. Et là,vous êtes tous en train de réfléchir […]

  • April 18, 2021

Prototype d’un wireframe codé – pléonasme – 2

Une controverse agite la communauté des architectes de l’information et les concepteurs UX. L’objet du délit ? Savoir si un wireframe HTML n’est autre que la création d’un prototype fonctionnel et codé. Autrement dit, est-ce que les deux concepts renvoient à la même chose ? ou sont-ils radicalement différents ? Une seule question crée le […]

  • March 3, 2021

Place à la pratique, les outils de wireframing HTML – 3

Après avoir vu en détails quels étaient les objectifs du wireframing, et ses différentes définitions, voici une sélection d’outils de wireframing HTML à découvrir, et à tester (sans attendre). Place à la création. Etape 1 : Préparer le terrain Les wireframes HTML ne nous dispensent pas de faire quelques recherches avant toute conception UX. Quels sont les […]

  • January 24, 2021

MockupEditor – créer un mockup HD en ligne sans Photoshop

Il sait combien vous détestez travailler avec des maquettes d’affiches dans la mauvaise taille ! Mockup Editor est capable d’adapter le cadre de l’affiche ou le moniteur d’un écran à la taille excacte dont vous avez besoin. De nombreux styles de cadres sont disponibles, mais vous pouvez toujours créer votre style personnalisé. Suspendu ou posé […]

  • November 25, 2020

Navigation fixe, 50 exemples de web designs pour votre inspiration

Pour la grande majorité des applications Web, le nombre d’heures consacrées à la réalisation de la page d’accueil et des fonctionnalités est conséquent. Le système de navigation est souvent perçu comme une zone secondaire. Dans la plupart des cas, son temps de réalisation est réduit au strict minimum. Malheureusement, la navigation d’un site peut affecter […]

  • May 24, 2018

Gravity forms, 10+ secrets pour personnaliser ces fonctionnalités

Gravity Forms est le meilleur plugin WordPress pour la gestion de formulaires. Doté d’un éditeur de formulaire drag and drop, cette extension est capable de créer une multitude de formulaires : simple opt-in, tunnel de commande, conditions logiques, etc. Son potentiel est énorme et sa simplicité le met à la portée de tous les utilisateurs […]

  • December 14, 2017

Du moniteur au mobile – optimisation des templates mail mobile

Les templates mail mobile font de plus en plus leur apparition dans les stratégies de marketing mobile des marques. Atteindre le plus grand nombre de contacts sur les supports desktop et mobiles est désormais possible. Encore faut-il connaître le Comment. il y a quelques jours, je vous faisais part de la nouvelle « bim bam boom » […]