20 meilleurs tutoriels sur les modèles UX

Publié: 2017-03-26

Êtes-vous un concepteur UX impatient de créer des conceptions d'aspect professionnel ou souhaitez-vous simplement en savoir plus sur l'expérience utilisateur ? Cette étonnante collection des meilleurs tutoriels sur les modèles UX est exactement ce dont vous avez besoin. Vous trouverez ici une grande variété de tutoriels UX qui vous apprendront comment créer avec succès des modèles UX. De plus, les informations sont bien structurées et faciles à suivre, étape par étape.

Masquer la table des matières
Constructeur de produits
Ajout rapide au panier
Curseur d'aperçu du produit
Galerie d'images extensible
Ajouter au panier
Flux d'inscription animé
Navigation coulissante secondaire
Formulaire de newsletter réactif
Navigation fixe intelligente
Panier latéral
Qu'est-ce que l'UX ?
Rendre l'expérience utilisateur importante pour votre entreprise
Comment enseigner le design UX ?
Typographie et expérience utilisateur – WCSF
Content-First UX Design : que nous apprennent les jeux vidéo sur l'UX ?
Mythes de l'expérience utilisateur et du design
Concevoir pour le mobile
Amener l'utilisateur dans le processus de conception
L'avenir de l'expérience utilisateur : concevoir l'expérience des données
UX Design + UI Design : Injecter un Brand Persona !

Ces tutos de patterns UX sont créés pour les débutants, afin de les initier au design UX. En outre, vous trouverez des tutoriels UX destinés à améliorer encore plus vos connaissances UX et à vous aider à devenir un concepteur UX expérimenté. Quelle que soit la catégorie dans laquelle vous vous situez, ces didacticiels vous aideront certainement à améliorer vos performances de conception globales.

Commençons à apprendre !

Vous voulez plus de trucs UX? Découvrez ces applications UX essentielles.

Constructeur de produit

Dans ce super tutoriel UX, le designer vous montre comment créer un constructeur de produit entièrement personnalisable et réactif que vous pouvez ensuite insérer dans votre boutique en ligne.

Générateur de produits en CSS et jQuery _ CodyHouse Broche

Ajout rapide au panier

Cette technique montre comment créer une fonction d'ajout rapide au panier en utilisant un extrait de code très utile. C'est une fonctionnalité intéressante qui plaira certainement davantage à vos clients.

Ajout rapide au panier en CSS et jQuery _ CodyHouse Broche

Curseur d'aperçu du produit

Il s'agit d'une méthode simple et agréable qui vous permet de découvrir de nombreuses variantes du même produit directement dans la galerie de produits. Cela vous permet de voir instantanément plus d'informations sur le produit, sans avoir à naviguer vers une autre page.

Curseur d'aperçu du produit en CSS et jQuery _ CodyHouse Broche

Galerie d'images extensible

Ici, vous avez toutes les informations dont vous avez besoin pour créer une galerie d'images extensible chaque fois que vous le souhaitez. Cela agrandit l'image au clic et la convertit en galerie.

Galerie d'images extensible en CSS et jQuery _ CodyHouse Broche

Ajouter au panier

Ce didacticiel vous montre comment créer une icône interactive d'ajout au graphique. Cela apparaît chaque fois qu'un utilisateur choisit d'acheter un article.

Ajouter au panier Interaction en CSS et jQuery _ CodyHouse Broche

Flux d'inscription animé

Apprenez à concevoir un flux d'inscription animé qui s'active lorsque l'utilisateur choisit un plan. Cet article a une mise en page entièrement réactive qui s'adaptera à n'importe quelle taille d'écran.

Flux d'inscription animé en CSS et jQuery _ CodyHouse Broche

Navigation coulissante secondaire

Pourquoi devriez-vous exiger une deuxième navigation ? Il existe de nombreuses circonstances où la situation requiert ce type d'élément. À ce stade, ces informations sur la façon de le construire à partir de zéro peuvent être utiles.

Navigation coulissante secondaire en CSS et jQuery _ CodyHouse Broche

Formulaire de newsletter réactif

Créez ce magnifique formulaire de newsletter en utilisant des animations CSS3. Cet article a une conception entièrement réactive qui s'adaptera automatiquement à n'importe quelle taille d'écran.

Formulaire de newsletter responsive CSS et jQuery _ CodyHouse Broche

Navigation fixe intelligente

Apprenez à créer cette navigation fixe pour rendre votre site Web plus accessible. Suivez les instructions, consultez l'extrait de code et utilisez-le dans vos projets.

Navigation fixe intelligente _ CodyHouse Broche

Panier latéral

Vous pouvez créer rapidement un panier d'achat latéral magnifiquement animé. Cela permet à vos utilisateurs de consulter leur panier à tout moment, sans avoir à rafraîchir la page.

CSS et jQuery Côté panier _ CodyHouse Broche

Qu'est-ce que l'UX ?

Il s'agit d'une présentation soignée qui vous montre beaucoup d'informations utiles sur UX. C'est idéal pour les débutants car il se concentre sur les bases.

Qu'est-ce que l'ux Broche

Rendre l'expérience utilisateur importante pour votre entreprise

Jetez un œil à cette merveilleuse présentation et utilisez-la pour en savoir plus sur ce qu'il faut pour faire de l'UX une partie importante de votre entreprise.

Rendre l'expérience utilisateur importante pour votre entreprise Broche

Comment enseigner le design UX ?

Il s'agit d'un joli Slideshare qui vous donne des indications importantes sur diverses méthodes d'enseignement de la conception UX. Si c'est ce que vous recherchez, cette information est parfaite pour vous.

Comment enseigner la conception UX Broche

Typographie et expérience utilisateur – WCSF

Cette présentation contient des informations utiles qui expliqueront les liens complexes entre la typographie et l'expérience utilisateur.

Typographie et expérience utilisateur - WCSF Broche

Content-First UX Design : que nous apprennent les jeux vidéo sur l'UX ?

De beaux designs UX peuvent être inspirés par les jeux vidéo. Ce Slideshare contient des informations utiles sur les différentes connexions et similitudes entre les jeux vidéo et la conception UX.

Content first UX Design Ce que les jeux vidéo nous apprennent sur l'UX Broche

Mythes de l'expérience utilisateur et du design

Il s'agit d'une compilation de mythes dont tous les concepteurs UX ont peut-être entendu parler. La plupart d'entre eux sont orientés vers le processus créatif et l'efficacité.

Mythes de conception UX Broche

Concevoir pour le mobile

Apprenez à créer avec succès une expérience utilisateur mobile qui impressionne vraiment l'utilisateur.

UX et UI - Concevoir pour le mobile Broche

Amener l'utilisateur dans le processus de conception

Les utilisateurs peuvent être activement impliqués dans le processus de conception, mais quelle est la manière la plus efficace de co-travailler. Des techniques centrées sur l'utilisateur peuvent être utilisées pour évaluer la conception.

UX centrée sur l'utilisateur Amener l'utilisateur dans le processus de conception Broche

L'avenir de l'expérience utilisateur : concevoir l'expérience des données

Découvrez ceci qui amène à la discussion des sujets UX importants. Avec l'existence d'un si grand nombre d'appareils, la tâche UX commence sur un appareil, elle se poursuit à travers diverses interfaces de plusieurs appareils, puis… où tout cela va-t-il ?

L'avenir de l'UX Concevoir des expériences de données Broche

UX Design + UI Design : Injecter un Brand Persona !

Ces informations se concentrent à la fois sur l'UX et l'UI et tentent d'expliquer leurs similitudes et leurs difficultés. Ceci est utile pour s'assurer que ces deux concepts ne seront plus confondus.

UX Design + UI Design Injecter un persona de marque ! Broche