21/09/2008 Alphaslider 1

21/09/2008 Alphaslider 2
21/09/2008 Alphaslider 3
 L’homme mis au point plusieurs interfaces
à l’aide des éléments d’interaction .
parmi ces éléments: la barre de défilement
qui permet de visualiser des informations
énormes dans une fenêtre .
mais avec l’apparaission des nouvelles
technologies de poche , il sera difficile de
mettre en œuvre une barre de défilement
dans un espace réduit pour le défilement
des menus et des listes.

21/09/2008 Alphaslider 4
 pour cela , les chercheurs proposent l’Alphaslider .

C’est quoi l’Alphaslider ?

1/ Définition:
L’Alphaslider est un widget qui permet aux
utilisateurs de sélectionner 1 item dans une liste
triée par ordre alphabétique dans les interfaces
d’espace réduit .
il s’appuie sur RSVP comme une méthode de
balayage rapide des listes et des textes dans les
interfaces graphique.

21/09/2008 Alphaslider 5
 Il est caractérisé par une petite taille
7Cmx2.5Cm.

2/ Historique:
L’Alphaslider a été proposé pour la première
fois en 1994 sur la base de différents
prototypes et les études des utilisateurs.
3/ Ses Composants:
Un index
Une diapositive
Un texte de sortie
Un curseur de pouce

21/09/2008 Alphaslider 6
 Alphaslider slider

21/09/2008 Alphaslider 7
4/ Ses Utilisation:
Grace à sa petite taille on peut le trouver :

Sur le panneau de contrôle d’un

magnétoscope .
Intégrer sur les cartes crédits .
servir une liste de musique sur 1 lecteur
MP3 .
Sur 1 répertoire de contact d’un
Smartphone .
Un widget dans une BDD sur une
interface de manipulation .
21/09/2008 Alphaslider 8
5/ Mode de fonction:

Pour accéder à n’importe qu’elle élément d’une

liste donnée par Alphaslider , il fallait juste glisser
le curseur vers la lettre de l’index qui correspond à
la lettre de cette élément .
Le résultat de sélection c’est 1 seul élément sur
une seul ligne mise à jour par l’utilisateur .

21/09/2008 Alphaslider 9
 Parmi les contraintes principales pour la conception
de L’Alphaslider on trouve:

chaque mouvement de
La petite taille puisque curseur correspond à
un grand nombre de
point.

L’Alphaslider mis en œuvre avec jusqu'à 320

entrées Tel que pour chaque point un pixel.

21/09/2008 Alphaslider 10
 lorsque le nombre de point
Mais Le problème plus grand que le nombre
de pixel dans plusieurs
Technologie.

Donc comment peut-on contrôler le

curseur ?

21/09/2008 Alphaslider 11
 On doit présenter quatre modèles différents de
l’Alphaslider .
Leur apparence et le sentiment étaient similaires
à plusieurs égards :
 Le texte a été sortie d’une ligne RSVP
 Un index fourni des indices sur la répartition des
éléments par ordre alphabétique
 Deux boutons pour la synchronisation

21/09/2008 Alphaslider 12
 1. Position de l'interface

Position de l'interface.

21/09/2008 Alphaslider 13
Ses caractéristiques

Permet à sélectionner une des trois régions

du pouce pour définir la granularité

Grâce à cette interface, on peut déterminer

exactement de quelle vitesse on va aller .

21/09/2008 Alphaslider 14
 2. Scrollbar interface

Scroll bar interface.

21/09/2008 Alphaslider 15
Ses caractéristiques

Facile de faire un réglage (fin de la barre de

défilement interface) .
 Juste cliquer sur le bouton flèche .

Difficile à déplacer la souris entre les points

d'extrémité de la zone de diapositive pour
changer la direction .

21/09/2008 Alphaslider 16
 3. Accélération interface

Accélération interface.

21/09/2008 Alphaslider 17
Ses caractéristiques

Changement de granularité peut être fait sans

lâcher le bouton de la souris :
 Déplacer seulement la souris horizontalement pour
définir la valeur
Les utilisateurs dépassent l’objectif par erreur ,
et déclenchent a cause de l’accélération
Des réaction ont été fournir dans le curseur de
pouce mais l’utilisateur concentre sur la sortie sans
regarder l’Alphaslider lui-même .
21/09/2008 Alphaslider 18
 4. Micromètre interface

Micromètre interface.

21/09/2008 Alphaslider 19
Ces caractéristiques

Le changement de granularité se fait par le

déplacement de la souris verticalement sans
lâcher le bouton de la souris .
Un utilisateur exprimanté le fonctionnement
Alphaslider peut se concentrer sur la sortie sans
regarder l’Alphaslider lui-même .

Quand relâchant le bouton de la souris l’Alphaslider

regagné le centre de granularité .

21/09/2008 Alphaslider 20
 Comparaisons des quatre modèles

Après les testes avec plusieurs testeurs les

chercheurs ont obtenu les résultats suivants :

21/09/2008 Alphaslider 21
 Le temps de changement de granularité c.-à-d.
 le temps de bouger la souris verticalement
(Micromètre) devrait inférieur au temps de
relâcher le bouton de la souris , trouver une
nouvelle cible et maintener enfoncé le bouton
de la souris a nouveau (Position & Scroll bar) .

Position et scroll bar interface ont été jugés

beaucoup plus rapide que les interfaces
d’accélération et micromètre .

21/09/2008 Alphaslider 22
 Pour accélération interface : le problème de mégarde
mécanisme de déclanchement de l’accélération
Les utilisateurs dépassent leurs objectifs

Pour micromètre interface la fonctionnalité de

déplacer la souris verticalement perturbe les
utilisateurs

21/09/2008 Alphaslider 23
 Film Finder
21/09/2008 Alphaslider 24
21/09/2008 Alphaslider 25
21/09/2008 Alphaslider 26
 L’Alphaslider est un widget qui permet de
sélectionner rapidement des éléments de longues
listes sans l'aide d'un clavier dans un écran
minimale d'espace

Scroll bar interface est le modèle préféré en raison

de sa ressemblance avec un grand nombre de
barre de défilement dans le commerce

21/09/2008 Alphaslider 27
Poursuite de recherche:

L'utilisation de la Alphaslider avec d'autres

périphériques de saisie, tels que les écrans tactiles,
des stylos, manettes de jeux .
L'utilisation de deux ou plusieurs lignes de texte de
sortie
Fournir de la rétroaction est important :
Sound pourrait indiquer la granularité
affichage de la zone de texte dans des couleurs
différentes
une barre de vitesse affichées juste en
dessous de la zone de texte
21/09/2008 Alphaslider 28
 MERCI POUR
VOTRE
ATTENTION

21/09/2008 Alphaslider 29