COURS WEB

DESIGN
ESCM B3
L’écran
L’écran est le principal média de l’interface homme-machine. Son

agencement influence de façon notable l’utilisabilité du logiciel. En effet,

la vision est le sens le plus développé chez l’être humain. Pour une

interface homme-machine, comme pour un site internet, où une grande

part du message est graphique, la façon de présenter les informations est

essentielle.
AGENCEMENT DE L’ÉCRAN

 Lorsque l’utilisateur découvre pour la première fois le logiciel, il explore l’écran

rapidement. Il adopte la stratégie en Z.
 Le regard part du coin supérieur gauche de l’image, parcourt systématiquement la
zone centrale et se termine dans le coin inférieur droit.
AGENCEMENT DE L’ÉCRAN

Par contre, lorsque l’utilisateur connaît l’image, il effectue une recherche sélective,
c’est-à-dire qu’il cherche une information qu’il pense être à une certaine place. Des
études ont montré qu’alors il n’explore pas l’ensemble de l’écran, mais qu’il adopte
une stratégie de fixation sélective sur les points qui lui semblent pertinents

Pour organiser l’écran, il convient non seulement de prendre en compte la visibilité

des différents composants, mais aussi leur accessibilité à l’aide de la souris. Par
exemple, un objet placé dans un coin est difficile à atteindre car le mouvement est
plus contraint que lorsqu’il est au centre de l’écran
AGENCEMENT DE L’ÉCRAN
AGENCEMENT DE L’ÉCRAN
Tracé régulateur
 Un positionnement cohérent des objets de l’interface contribue à l’homogénéité de
l’ensemble. Pour cela, on utilise un tracé régulateur

 Le tracé régulateur est un terme d’architecture désignant un schéma type dont le rôle est
de préciser le positionnement de divers éléments dans une surface. Appliqué à l’interface
homme-machine d’un logiciel, le tracé régulateur détermine l’agencement des fenêtres de
l’application

 Un tracé régulateur bien respecté permet d’harmoniser l’ensemble du logiciel.

L’utilisateur lit et mémorise les informations plus facilement car il sait où les trouver
AGENCEMENT DE L’ÉCRAN
Tracé régulateur d’un logiciel

AGENCEMENT DE L’ÉCRAN
Tracé régulateur d’un logiciel

AGENCEMENT DE L’ÉCRAN
Tracé régulateur d’un site web

AGENCEMENT DE L’ÉCRAN
Les zones de manipulation
 Les zones de manipulation sont des espaces de l’écran sujets à de nombreuses sélections à la
souris, par exemple une barre de menu ou palette d’outils.

 Les commandes importantes doivent apparaître en premier, dans le sens de la lecture, c’est-
à-dire en haut et à gauche. Ensuite, quand il utilise la barre de menu, l’espace central est plus
facile à atteindre car il est généralement situé dans la partie médiane de l’écran.
AGENCEMENT DE L’ÉCRAN
Les zones de manipulation
 Les zones de manipulation sont des espaces de l’écran sujets à de nombreuses
sélections à la souris, par exemple une barre de menu ou palette d’outils.
AGENCEMENT DE L’ÉCRAN
Les zones de manipulation
 Exemple PhotoShop 2022
AGENCEMENT DE L’ÉCRAN
Les zones de manipulation
Les couleurs
La couleur est un élément important de la signalétique de l’interface homme-
machine. Elle met en évidence l’état courant des objets affichés et permet de
regrouper des objets de même nature mais éloignés par leur position.
Perception de la couleur

La couleur est perçue par la rétine de l’œil. Deux types de photorécepteurs y

résident : les bâtonnets et les cônes. Les bâtonnets, situés en périphérie de la rétine,
sont sensibles aux formes, tandis que les cônes, placés au centre de la rétine (appelé
fovéa), permettent de percevoir les couleurs.
Les couleurs
Les cônes comportent trois types de pigments, sensibles au rouge, au vert ou au bleu.
Cependant, la proportion de pigments dans les cônes n’est pas homogène, elle dépend
de la position du cône. Les cônes du centre de la fovéa ne contiennent aucun pigment
bleu tandis que les pigments rouges et verts sont moins fréquents en périphérie
Les couleurs
 Il en découle deux règles concernant l’utilisation des couleurs.
 Un bleu périphérique améliore la vision centrale. ( Le bleu est généralement
recommandé pour les encadrements. )
 Il est préférable d’éviter le bleu saturé pour du texte ou des petits objets

Qu’est-ce que le tableur Excel ?

 Microsoft Excel est un logiciel tableur de la suite bureautique Microsoft Office,

développée et distribuée par l’éditeur Microsoft. La version la plus récente est
Excel 2022.

 Il est destiné à fonctionner sur les plates-formes Microsoft Windows ou Mac OS

X.
Qu’est-ce que le tableur Excel ?

 Le logiciel Excel intègre des fonctions :

 de calcul numérique (à l’aide de formules de calcul),

 de représentation graphique (utilisant des graphes),
 d’analyse de données (notamment de tableau croisé dynamique)
 et de programmation, laquelle utilise les macros écrites dans un langage (Visual Basic)
Excel, encore utilse aujourd’hui ?
Source de données multiples
Terminologie
 Classeur
Document produit par le tableur.
Il comporte plusieurs feuilles de calculs.

 Feuille de calcul
Tableau formé de lignes et de colonnes à l'intersection desquelles se trouvent les cellules.

 Cellule
Chaque cellule peut contenir une donnée
On la désigne par sa position dans le tableau (Colonne / Ligne)
Une cellule peut aussi recevoir un nom qui lui sera propre

 Architecture d’un fichier sous Excel

 Classeur
 Feuilles
 Cellules
Prise en main
Prise en main
Qu’est-ce-qu’une feuille Excel ?
Chaque fichier Excel correspond à un classeur, lequel contient des feuilles de calculs
organisées en onglets.
Qu’est-ce-qu’une feuille Excel ?
Chaque feuille correspond à un tableau de lignes et de colonnes pouvant contenir
des valeurs (numériques ou non) ainsi que des formules permettant les calculs.
“ Indiquez clairement la mission
à long terme de votre
entreprise.

Essayez d’employer des mots destinés à favoriser la réussite de votre entreprise,

mais soyez aussi concis que possible.
”
SELECTION D’ELEMENT
 Dossier :
3_selection et recherche d'element / Participation_elections_europeenes_par_region.xlsx
 Sélection de plusieurs colonnes, copie et coller sur une autre feuille
 Sélection simple
 Sélection par référence
 Recherche avancée : Ctrl + F
 Respecter la casse
 Totalité du contenu de la cellule ( tapez 11 comme élément de recherche)
 Rechercher tout ( Ex Loire)
 Rechercher par ligne et par colonne
 Recherche et remplacer
EXERCICE : SELECTION D’ELEMENT
 Dossier :
3_selection et recherche d'element /
Exercice_Participation_elections_europeenes_par_region.xlsx
FORMAT DE CELLULES
EXEMPLE : FORMAT DE CELLULES

 Dossier :
4_les_formats_de_cellules/ vote_election_europeene.xlsx
FORMAT DE CELLULES : FORMAT
PERSONNALISE
EXERCICE : FORMAT DE CELLULES

 Dossier :
4_les_formats_de_cellules/ exercice_vote_election_europeene.xlsx
LES CALCULES DANS EXCEL
 Il faut ajouter le symbole =
LES CALCULES DANS EXCEL
 Dossier :
5_premiers_calculs / Introductio_calcul_Excel.xlsx

 Exercice :
6_incrementation_calculs / Incrementation_cours_et_exercice.xlsx
LES FONCTIONS

 On manipule des valeurs d’entrées pour obtenir une valeur de sortie grâce à une
fonction
 Plus de 200 fonctions
 Commence toujours par le symbole =
 = NOM_FONCTION(Arg1; Arg2 ; …)
LES FONCTIONS
LES FONCTIONS

 7_Introduction aux fonctions / Cours et exercices fonctions.xlsx

PERSONNALISATION AFFICHAGE

 Document :
 8_personnalisation_affichage_Excel / Cours_personnalisation_Excel.xlsx
Plan financier

 Établissez un plan financier général qui définit votre modèle financier et une
estimation des prix.
 Ce plan doit inclure les chiffres des ventes et des bénéfices annuels sur les trois
prochaines années.
 Utilisez plusieurs diapositives pour traiter tous les aspects de ce point.
Risques et récompenses

 Énumérez les risques du projet proposé et la manière dont ils seront gérés.
 Faites une estimation des récompenses attendues, en particulier si vous recherchez
un financement.
Problèmes clés

 Court terme
 Identifiez les décisions et problèmes principaux nécessitant une résolution immédiate
ou à court terme.
 Indiquez les conséquences du report des décisions.
 Long terme
 Identifiez les problèmes nécessitant une résolution à long terme.
 Indiquez les conséquences du report des décisions.
 Si vous recherchez un financement, indiquez précisément les problèmes dont la
résolution exige des ressources financières.
Annexes

 Indiquez les références de ressources et documents supplémentaires