# révision

## Slides 1 : Introduction

La visualisation : se faire une pérception mentale "idée des données" ,Comprendre rapidement

Champs : InfoVis, SciVis, VAST

Scivis = données physique réels

VAST = gros quantité de donnée ( bstrait, qu'on trouve pas dans la nature) Finance, Statistique sportive)

InfoVis : tous le reste

Problème de la vi:
L’efficacité dépend du contexte et de la culture de l’utilisateur
Quelle est la part d’esthétique dans la visualitation ?

## Slides 2 : Représentations visuelles

l'information c'est donner du sens aux données, dépend du contexte.
<
shannon: probabilité d'apparition basse -> grande quantitée d'information

forme de donnée:

* Numérique (discrete, continue)
* Categorical data
* Nominal(color, sex, country)
* Ordinal(mois, jour,...)
* Dimension of the data (nombre d'attribut independant.)

type de données :

La representation visuelle permet d'augmenter la cognition
- réduit le temps de recherche
- Permet la détection de pattern

Buts de VI :
* Donner un aperçu des données à une audience
* Se donner un aperçu des données

## Slides 3 : Perception et cognition

## Slides 4 : Design de l'information et sémiologie graphique

couleur : créer des categories.

* Mesure
* Label
* Repr reality
* Decorer

Guidelines :
- Pas de couleur saturée
- Peu de couleur
- Background diff du foreground
- Faire attention au facteur culturel
- Ne pas se basé que sur les couleurs

Typo :
- Pas trop de font
- Faire gaffe à l'espace entre caractère et ligne. gray factor
- Bon contraste
- Mieux en sans serif pour ecran

préattentive
- Color
- Position spatial
- Mouvement

Gestalt

- Good figure : on remarque le toute plutot que les detailles
- Figure and ground : double sens
- Grouping :
- proximity
- similarity
- Closure
- Continuation

Data-ink : encre utilisé pour donnée / toute l'encre

Data Density : nombre de données / place prise

Lie factor : taille de l'effet sur le graphique / taille de l'effet dans les données

Guidelines

- Simplicity
- remove the useless
- use des pattern
- Symmetry
- Grouper les elements similaire
- Aligner
- Respecter une grille
- Simplifier les element essentiel

## Slides 6 : interaction
Pipeline :
- Raw data
- Dataset
- Visual form
- Views
- User

- update user's mental model

Mantra
* Overview first
* Zoom and filter
* then details-on-demand

Interactions categories by Stasko
* Select: mark something as interesting
* Explore: show me something else
* Reconfigure: show me a different arrangement
* Encode: show me a different representation
* Abstract / Elaborate : show me more or less detail
* Filter: show me something conditionally
* Connect: show me related items

Manipulation :
- Scrolling
- voir plus de données
- Overview + details
- zoomer / pan
- Focus and Context
- On a le contexte d'où on est
- Highlight

Transformation
- Data preprocessing
- Changer la visualisation des données

Intention de l'utilisateur
- Exploration pour modèle mental
- But précis
- Opportuniste (pas de but en particulier)
- Involontaire (trouver qqch d'autre)

Technique :
- Filtrer
- Trier
- Query

# Slides 7 GUI Design
Ben Shneiderman : A picture is worth a thousand words.
An interface is worth a thousand pictures

Direct manipulation schneiderman:

- Objet visible
- Action incremental et un feedback rapid
- Action reversible
- Remplacer les langages par des actions (un clic c'est mieux que taper des trucs)
- Si on tape il faut un correcteur

Trois phase de direct manipulation (cooper)

- free, l'ecran avant de faire qqch
- captive : ecran during action
- Termination Phase : ecran après de l'action

Utilisabilité : lien entre utilisateur et app

Nielsen (expert de l'utilisabilité de sites web): facile d'atteindre un objectif avec un outil
permet :
- L'apprentissage
- Efficacité
- La mémorisation
- De faire de erreur
- La satisfaction

Raymond(utilisabilité) : metrics
- Concision
- Expressif
- Facilité
- Transparent
- La decouvrance

# Slides 8 Navigation dans l'espace d'information

Navigation : determiner et maintenir une trajectoir pour arriver à destination

Orientation : choisir un but et comment l'atteindre. Ca inclu les aides technique à la navigation, la perception humain, les pensés et le comportement

cognition et comportement to find way to origin to destination

Comment pouvoir naviguer et s'orienter
1. Ou je suis
2. que puis je faire
3. Comment j y suis arrivé
4. ou je peux aller depuis ici

principe basics.

- Overview and detail
- Overview and detail by interaction
- by pan(deplacement du point de vue) and zoom
- Focus and context by distortion
- Helptext

## 9. application VI
- Architecture
- Medical
- VR
- GIS
- Education
- Process viz
- Network relation
- Infograpic

## Workshop

- UX pour utilisateur et pour business
- Ameliorer l'UI c'est rentable
- Faire de l'UX, C'est rencontrer les users
- Observer ce que font les utilisateurs et pas ce qu'lls pensent
- Aller sur le terrain pour comprendre le contexte
- En faire moins, c'est plus difficile, mais c'est souent mieux
- Ne pas oublier les performances
- Rendre un produit ou service accessible c'est le rendre meilleur pour tous