Tous les articles dans Freebies

L’aide-mémoire « Questions Type et Relances d’Entretiens Utilisateur »

L’aide-mémoire « Questions Type et Relances d’Entretiens Utilisateur »

Je me suis rendu compte que je consulte toujours les mêmes livres et mêmes ressources pour préparer mes entretiens et test utilisateur. J’ai donc décidé de tout regrouper en un seul endroit. Si vous suivez ce blog, vous savez qu’il me sert également et surtout de liste publique de favoris et d’aides mémoires. J’ai donc rassemblé dans ce petit aide-mémoire des phrases type et fragments de questions pour m’aider à rédiger questions et relance pour mes entretiens utilisateur et protocoles de test. Je les ai organisées en différentes catégories selon le type de question que je veux poser. J’espère que cet aide-mémoire vous aidera à rédiger vos propres questions. Vous pouvez également les télécharger directement au format PDF si vous souhaitez les imprimer ou les utiliser hors ligne.

À la découverte des biais cognitifs – le jeu de 52 cartes UX

À la découverte des biais cognitifs – le jeu de 52 cartes UX

Les biais cognitifs sont des mécanismes de pensée qui poussent le cerveau humain à tirer des conclusions incorrectes. Pour le meilleur ou pour le pire, nous pouvons les utiliser de différentes façons pour influencer le comportement des utilisatrices et utilisateurs de vos produits et services. Ces biais vont également influencer votre recherche utilisateur et la collaboration avec vos équipes. Laurence Vagner et moi avons créé un jeu de 52 cartes pour vous aider à découvrir et vous sensibiliser à ces différents biais cognitifs.

Photoshop Style Guide .PSD (et workflow)

Photoshop Style Guide .PSD (et workflow)

Voici le fichier Photoshop de mon style de guide de projets web. Vous avez été plusieurs à me demander ce que j’y met, je me suis dit que je pourrais tout aussi bien vous partager le fichier .PSD. I contient des instructions de couleur, de typographie responsive, des boutons et éléments de formulaire dans les états normal, active, survol, des tableaux, alignements d’images, etc.

[Freebies] Illustration Stratégie Responsive vs Mobile First Responsive

[Freebies] Illustration Stratégie Responsive vs Mobile First Responsive

Le mot  » Responsive  » veut aujourd’hui dire beaucoup de choses. Dans son article Responsive Strategy, Brad Frost nous explique la différence entre un site qu’il appelle  » Responsive Retrofitting  » et un site  » Mobile First Responsive Design « . Dans le premier cas, il s’agit de prendre un site conçu dans sa structure, son code et son ergonomie pour des grands appareils et de le  » rendre  » responsive après coup (en supprimant les largeurs fixes, utilisant des grilles fluides, …

[Freebies] Template de zones cliquables au touch (mobile, tablette, hybride)

[Freebies] Template de zones cliquables au touch (mobile, tablette, hybride)

Pour ma présentation et les cours à l’université j’avais besoin de montrer différentes utilisation de mobile, tablette et appareils hybrids au touch. J’ai donc créé ce petit pack de templates. Les données utiliser pour dessiner les différentes zones se basent sur les lectures suivantes : Responsive Navigation: Optimizing for Touch Across Devices par Luke Wroblewski How Do Users Really Hold Mobile Devices? Le chapitre « Designing For Touch » que Josh Clark a écrit dans le Mobile Book de Smashing Magazine En plus des zones, vous …

[MAJ] Template Photoshop et Illustrator d’appareil mobile et desktop

[MAJ] Template Photoshop et Illustrator d’appareil mobile et desktop

Pour des besoins de présentation de travaux et différentes slides de conférence et cours, j’ai mis à jour mon Template .PSD d’appareil mobile et desktop La nouvelle version propose en plus des ressources d’appareil mobile, tablette et écran d’ordinateur au format de formes .PSD les améliorations suivantes: une icône d’ordinateur portable (laptop) une version des appareils iOS au format vectoriel disponible en .EPS opur Illustration des versions pré-découpées des appareils vectoriels au format .PNG   Vous pouvez  téléchager tous les fichiers …

Template .PSD d’appareil mobile et desktop

Template .PSD d’appareil mobile et desktop

Pour des besoins d’une présentation de travaux responsive, j’ai créé des templates très minimalistes d’appareils mobiles, et d’un écran de bureau : Galaxy Nexus et Nexus 10 pour Android, iPhone et iPad pour iOS. Il s’agit un fichier .PSD, chaque appareil est composé de calque de formes vectorielles pour pouvoir changer facilement la taille sans perte. Vous pouvez  téléchager le fichier Photoshop ici : (L’utilisation de cette template est sous licence CC BY 2.0, vous pouvez l’utiliser à des fins …

Pack de 30 icones sociales pour webdesigners et développeurs

Pack de 30 icones sociales pour webdesigners et développeurs

J’ai publié ce matin sur Onextrapixel le pack complet d’icônes social, une grosse mise à jour de ce pack. Il comporte désormais 30 icônes de réseaux sociaux dans trois tailles (39x40px, 58x60px et 77×79). Ces réseaux sociaux sont à la fois ceux que j’utilise en tant que webdesigner/developpeur, mais aussi ceux qu’on m’avait demandé en plus sur G+.   Vous pouvez voir l’article sur Onextrapixel, ou les télécharger le pack de 30 icônes sociales directement depuis leur site. Ces icônes ont …

Android script Photoshop pour exporter en ldpi, hdpi et xhdpi.

Android script Photoshop pour exporter en ldpi, hdpi et xhdpi.

[UPDATE] Ces actions sont dépassées,  une mise à jours de l’article avec un export directe depuis Photoshop est disponible ici : Photoshop: export to mdpi hdpi xhdpi xxhdpi and xxxhdpi for Android assets«  En général quand je crée une application, je pars du mdpi, du coup, pour suivre les guidelines android, il faut re-créer tous les drawables en ldpi, hdpi et xhdpi. C’est assez long et fastidieux.  Il existe des outils en ligne qui vous permettent de générer les différentes …

Inpixelitrust pack gratuit d’icônes sociales V2

Inpixelitrust pack gratuit d’icônes sociales V2

Le sympathique Alexis Petitprez m’ayant invité sur dribbble, c’était l’occasion d’une update-redesign de mon pack d’icônes sociales, incluant cette fois ci, l’icône dribbble. Comme pour la version précédente, vous pouvez télécharger gratuitement le pack d’icônes pour Twitter, Facebook et GooglePlus  Linkedin, Viadeo, Forrst et DeviantArt avec en plus cette fois ci celle pour dribbble. Les icônes ont été redécoupées sous photoshop et leur taille à changé de quelques pixels comparés à la version précédente. Les icones sont disponibles en trois …