Skip to content
Learni
View all tutorials
Productivité

Comment utiliser la Matrice Eisenhower en 2026

12 minBEGINNER
ProductivitéGestion du temps

Introduction

La Matrice Eisenhower est un outil de gestion du temps qui classe les tâches selon leur urgence et leur importance. Elle permet d'identifier les actions prioritaires et d'éviter la procrastination. En 2026, l'intégrer dans un outil numérique simple améliore considérablement la productivité. Ce tutoriel vous guide pas à pas pour comprendre et implémenter cette matrice.

Prérequis

  • Connaissances de base en JavaScript
  • Node.js installé
  • Éditeur de code (VS Code recommandé)

Définir les types de tâches

types.ts
export type Task = {
  id: number;
  title: string;
  urgent: boolean;
  important: boolean;
};

export type Quadrant = 'do' | 'schedule' | 'delegate' | 'eliminate';

Ces types TypeScript définissent la structure d'une tâche et les quatre quadrants de la matrice pour un typage strict.

Fonction de catégorisation

categorize.ts
import { Task, Quadrant } from './types';

export function categorizeTask(task: Task): Quadrant {
  if (task.urgent && task.important) return 'do';
  if (!task.urgent && task.important) return 'schedule';
  if (task.urgent && !task.important) return 'delegate';
  return 'eliminate';
}

Cette fonction pure attribue chaque tâche à son quadrant selon les critères d'urgence et d'importance.

Interface HTML simple

index.html
<!DOCTYPE html>
<html>
<head><title>Matrice Eisenhower</title></head>
<body>
<div id="matrix"></div>
<script src="app.js"></script>
</body>
</html>

Structure HTML minimale pour afficher la matrice et charger le script JavaScript.

Logique JavaScript complète

app.js
const tasks = [];
function addTask(title, urgent, important) {
  tasks.push({ id: Date.now(), title, urgent, important });
  renderMatrix();
}
function renderMatrix() {
  console.log('Tâches classées:', tasks.map(t => ({...t, quadrant: categorizeTask(t)})));
}
function categorizeTask(task) {
  if (task.urgent && task.important) return 'do';
  if (!task.urgent && task.important) return 'schedule';
  if (task.urgent && !task.important) return 'delegate';
  return 'eliminate';
}
addTask('Répondre aux emails', true, false);

Ce script complet gère l'ajout et l'affichage des tâches classées. Exécutez-le dans un navigateur pour tester.

Persistance avec localStorage

storage.js
function saveTasks(tasks) {
  localStorage.setItem('eisenhowerTasks', JSON.stringify(tasks));
}
function loadTasks() {
  const saved = localStorage.getItem('eisenhowerTasks');
  return saved ? JSON.parse(saved) : [];
}

Ces fonctions permettent de sauvegarder et recharger les tâches entre les sessions navigateur.

Bonnes pratiques

  • Revoir la matrice chaque matin
  • Limiter à 8 tâches par quadrant
  • Utiliser des verbes d'action dans les titres
  • Automatiser les tâches déléguées quand possible

Erreurs courantes à éviter

  • Confondre urgence et importance
  • Ne pas mettre à jour la matrice régulièrement
  • Ajouter trop de tâches sans priorisation
  • Ignorer le quadrant 'éliminer'

Pour aller plus loin

Découvrez nos formations Learni sur la productivité et la gestion de projet.

Comment utiliser la Matrice Eisenhower en 2026 | Learni