• 1. Introduction
    • Les outils du développeur
  • 2. HTML
    • La syntax
      • Balise inline ou block ?
      • Les balises les plus utiles
      • Balises avec attributs
    • Une page html
      • Le nommage en WEB
      • Créer un fichier HTML
      • Structure de base
  • 3. CSS
    • La syntax
      • Les unités
      • Les sélecteurs
    • Une feuille css
      • Créer un document CSS
      • Lier le CSS
    • Positions
    • Flexbox
    • Grid
    • Responsive (Media queries)
  • 4. JS
    • La syntax
      • Les variables
    • Un fichier js
    • Exercices
  • 5. CMS
    • Introduction aux CMS
    • Installation de XAMPP (serveur local)
    • Joomla
      • Architecture
      • Le thème enfant
      • Les modules
      • Les menus
      • Custom fields
      • Language overrides
      • Tips&tricks
    • Wordpress
      • Initiation d'un wordpress
      • Le thème enfant
  • 6. SEO
    • Pourquoi la sémantique ?
  • 7. Mise en ligne
  • 8. UI / UX Design
    • Figma
      • Comprendre l'interface
      • Les pages et les calques
      • Raccourci clavier
    • Introduction
      • Les outils et aides de créations
      • Déroulement type d'un projet
Contact & horaire
  • fr
  • de

Introduction

UI (User Interface) Design :

L'UI design se concentre sur la conception visuelle et interactive des éléments avec lesquels les utilisateurs interagissent sur une plateforme numérique. Cela englobe :

  1. Design visuel : La création d'une esthétique visuelle cohérente en utilisant des éléments tels que les couleurs, les typographies, les icônes et les images. Cela aide à rendre l'interface agréable à regarder et à utiliser.
  2. Disposition des éléments : L'organisation des éléments sur l'interface de manière logique et intuitive. Cela implique de décider où placer les boutons, les menus, les formulaires et d'autres éléments interactifs pour faciliter la navigation.
  3. Icônes et boutons : La conception d'icônes et de boutons reconnaissables qui indiquent clairement les actions possibles. Des éléments bien conçus aident les utilisateurs à comprendre comment interagir avec l'interface.

UX (User Experience) Design :

L'UX design se concentre sur l'expérience globale que les utilisateurs ont en interagissant avec un produit numérique. Cela englobe :

  1. Recherche utilisateur : La collecte et l'analyse des informations sur les besoins, les comportements et les préférences des utilisateurs. Cela aide à concevoir une interface qui répond aux attentes et aux exigences des utilisateurs.
  2. Architecture de l'information : La création d'une structure claire pour l'interface, en organisant les informations de manière hiérarchique et en facilitant la navigation. Cela garantit que les utilisateurs trouvent facilement ce qu'ils recherchent.
  3. Flux de travail et interactions : La conception des flux de travail efficaces et intuitifs, en anticipant les étapes que les utilisateurs doivent suivre pour accomplir leurs tâches. Cela implique également de concevoir des interactions fluides et sans friction.
  4. Convivialité : L'accent mis sur la facilité d'utilisation et l'accessibilité du produit pour un large éventail d'utilisateurs, y compris ceux ayant des besoins spécifiques.

En résumé, l'UI/UX design vise à créer une expérience utilisateur positive en combinant une conception visuellement attrayante (UI) avec une conception centrée sur les utilisateurs et leur expérience globale (UX). Cela nécessite une compréhension profonde des besoins des utilisateurs, une expertise en design visuel et une attention aux détails pour créer des interfaces conviviales et engageantes.

L'ergonomie :

L'ergonomie dans le web, également appelée "ergonomie de l'interaction", est l'étude et la pratique de la conception d'interfaces numériques, telles que les sites web et les applications en ligne, afin de les rendre conviviales, intuitives et efficaces pour les utilisateurs.

L'objectif principal de l'ergonomie web est d'optimiser l'expérience utilisateur en facilitant la navigation, en minimisant les obstacles à l'interaction et en maximisant l'utilisabilité des produits numériques. Cela implique la prise en compte des besoins, des capacités et des attentes des utilisateurs tout au long du processus de conception, en mettant l'accent sur la clarté, la cohérence et la facilité d'utilisation des interfaces.

Table of Contents

  • UI (User Interface) Design :
  • UX (User Experience) Design :
  • L'ergonomie :