Brevet FR2752314A1 — publié le 19980213

Procédé de navigation dans une interface utilisateur graphique et dispositif de mise en oeuvre L'invention concerne un procédé de navigation dans une interface utilisateur graphique, notamment dans le cadre d'un dispositif de réception ou de visualisation de télévision numérique. L'invention concerne également un dispositif de mise en oeuvre de ce procédé. Au fur et à mesure de l'évolution des fonctions d'appareils audiovisuels et des services proposés par ce biais, le développement d'interfaces efficaces entre ces appareils et les utilisateurs devient un problème crucial. Ce type d'interface, destiné à des produits essentiellement grand public, se doit d'être simple tout en donnant accès aux fonctions et services disponibles de manière rapide et intuitive. De plus, les contraintes liées aux dispositifs de commande doivent être prises en compte. Si dans le passé, les télécommandes ont eu une tendance à devenir de plus en plus complexes en multipliant les boutons, la complexité est reportée vers l'interface utilisateur, graphique ou non, commandé à l'aide d'une télécommande en elle-même assez simple. Par voie de conséquence, les principes de navigation dans les menus et à travers l'arborescence de ces menus doit permettre la mise en oeuvre de télécommandes relativement simples, ce qui peut être un frein à la flexibilité de l'interface utilisateur. L'invention a pour objet un procédé de navigation dans une interface utilisateur graphique caractérisé en ce qu'il comprend les étapes: d'affichage d'éléments graphiques sélectionnables à l'aide d'un curseur, de connexion d'au moins deux desdits éléments graphiques à l'aide de tronçons linéaires, - de déplacement du curseur d'un premier élément vers un second élément, lesdits premier et second éléments étant connectés par un ou plusieurs tronçons, lorsque la touche de direction d'un clavier de commande correspondant à l'orientation du tronçon au départ du premier élément est pressée. Selon un mode de réalisation particulier, plus de deux tronçons reliés bout à bout relient deux éléments, formant une ligne brisée. 2 2752314 Selon un mode de réalisation particulier, I'interface utilisateur comporte une liste d'éléments formant un ensemble ayant des caractéristiques fonctionnelles communes, le déplacement du curseur à l'intérieur dudit ensemble étant effectué à l'aide de deux touches de directions opposées, le troisième élément étant rattaché audit ensemble par au moins un tronçon linéaire dont l'orientation au départ dudit ensemble est telle qu'il permet le déplacement du curseur dudit ensemble vers ledit troisième élément à l'aide d'une des deux touches de direction utilisées pour la navigation à l'intérieur de l'ensemble lorsque ledit élément possède les mêmes caractéristiques fonctionnelles que les éléments de l'ensemble et qu'il permet le déplacement du curseur dudit ensemble vers ledit troisième élément à l'aide d'une touche de direction autre que les deux touches déjà utilisées lorsque ce n'est pas le cas. Selon un mode de réalisation particulier, un groupe d'éléments graphiques reliés par des tronçons linéaires forme une chaîne, ledit groupe comportant des éléments utilisés dans plusieurs écrans de ladite interface, ledit groupe étant placé à un endroit identique dans chacun desdits écrans. Selon un mode de réalisation particulier, le tronçon linéaire au départ d'un quatrième élément d'un desdits écrans vers ledit groupe d'éléments a une orientation qui change d'écran en écran en fonction des caractéristiques fonctionnelles dudit quatrième élément. Selon un mode de réalisation particulier, lorsqu'un élément est relié à une liste d'éléments, il est relié le cas échéant à l'élément sélectionné de cette liste. Selon un mode de réalisation particulier ledit troncon linéaire est un tronçon de ligne. L'invention a aussi pour objet un dispositif de réception de télévision numérique comportant une interface utilisateur graphique et comprenant des moyens de commande de ladite interface, lesdits moyens de commande comportant des moyens d'indication d'une direction, caractérisé en ce que ladite interface comporte: - un curseur, - des éléments graphiques sélectionnables à l'aide dudit curseur, au moins deux desdits éléments graphiques étant reliés à l'aide de tronçons linéaire, ledit curseur étant déplacé d'un premier élément vers un second élément, lesdits 3 2752314 premier et second éléments étant connectés par un ou plusieurs tronçons, lorsqu'une direction correspondant à l'orientation du tronçon au départ du premier élément est indiquée à l'aide desdits moyens de commande. D'autres avantages et caractéristiques de l'invention apparaîtront à travers la description d'un exemple de réalisation particulier non limitatif illustré par les figures, parmi lesquelles: - la figure 1 est un diagramme bloc d'un récepteur de télévision numérique mettant en oeuvre l'exemple de réalisation, - la figure 2 représente un premier écran d'une interface utilisateur du récepteur de télévision numérique de la figure 1, ledit écran comportant un guide de services, - la figure 3 représente un second écran de l'interface utilisateur, comportant des fonctions d'achat d'événements, - la figure 4 représente un troisième écran de l'interface utilisateur, destiné à la saisie d'un code confidentiel. On remarquera que pour de plus amples informations sur le format et le contenu des données de service, sections et tables MPEG et DVB, on se référera notamment aux trois documents suivants: (a) ETS 300 468 Specification for Service Information (SI) in Digital Video Broadcast (DVB) systems - January 23, 1996, (b) ISO/IEC 13818-1 (1994) Generic Coding of Moving Pictures and Associated Audio - Recommendation H.220, aussi appelé "MPEG II Systems", et (c) ETR 211 - Digital Broadcasting systems for television: Implementation guidelines for the use of MPEG-2 systems; Guidelines on implementation and usage of service information. La figure 1 est un diagramme bloc d'un décodeur-récepteur intégré de télévision digitale de type DVB (Digital Video Broadcasting en anglais). Il est bien évident que l'invention ne se limite pas à cet environnement physique, mais peut être facilement adaptée à un autre type de transmission de données de service, comme par exemple une transmission de type télétexte dans certaines lignes de l'intervalle de retour trame d'un signal de télévision analogique. Le décodeur de la figure 1 est relié à une antenne 1, elle même reliée à un tuner 2 du décodeur. Le signal fourni par le tuner est démodulé par un 4 2752314 démodulateur 3. Les données démodulées sont corrigées par un circuit correcteur 4 et transmises à un démultiplexeur 5. Le démultiplexeur 5 comporte un certain nombre de filtres programmés par un microprocesseur 23 en fonction des diverses applications supportées par le décodeur. Pour la clarté du schéma, seules les connexions les plus importantes du microprocesseur 23 sont illustrées. Les sections ou paquets audio ou vidéo filtrés par le démultiplexeur sont stockés dans des zones prédéfinies d'une mémoire tampon 6 à l'attention de ces applications. Si nécessaire, les informations sont tout d'abord décryptées par un circuit décrypteur 7 en fonction des droits de l'utilisateur, avant d'être stockées dans cette mémoire tampon 6. Selon le présent exemple, les applications sont au nombre de cinq: un décodeur audio 16, un décodeur vidéo 17, un décodeur Teletext 18, un ensemble de contrôle d'accès (comprenant le décrypteur 7, un microcontrôleur vérificateur 8 et une interface pour carte à microprocesseur 9 relié en mode de fonctionnement normal à une carte à microprocesseur 10), ainsi qu'un module de gestion des données de service 19. Le décodeur comporte également une interface infrarouge 24 d'une télécommande 1 1, ladite interface étant également reliée au microprocesseur 23. Ce dernier est connecté à une mémoire 12 comportant le système d'exploitation ainsi que les programmes résidents ou téléchargés de mise en oeuvre des applications. Un modem 13 relié au réseau téléphonique commuté 14 est également commandé par le microprocesseur. Un générateur de caractères 15 permet la génération de menus de commande ou de graphiques relatifs aux paramètres du décodeur ou à une application particulière. Le signal vidéo généré par ce générateur de caractères est multiplexé avec l'un des signaux vidéo en provenance du décodeur vidéo 17 ou du décodeur télétexte 18 vers une première prise Péritel (prise SCART en anglais) reliée à un téléviseur 22 ou une seconde prise Péritel reliée à un magnétoscope 21. Le circuit de multiplexage 20 est géré par le microprocesseur 23. Le module de gestion de données de service 19 gère les informations de service disponibles dans le flux de données numérique et maintient une base de données interne o figurent des informations importantes, renouvelables par mise à jour ou fréquemment utilisées. Ce module de gestion fait l'objet d'autres demandes de brevet au nom du présent demandeur. Bien que représenté de manière indépendante, ce module peut être un programme géré par le microprocesseur 23 et stocké dans la mémoire 12. 2752314 La télécommande 11 comporte notamment: - quatre touches de direction, une touche de validation, - un pavé numérique, - une touche "retour", deux touches "Programme +" et "Programme -", - deux touches "Volume +" et "Volume -", - une touche "Marche/arrêt", - une touche "Guide", - une touche "Retour", - et une touche "Info". Le microprocesseur 23 gère également une interface qui représente lI'interface entre l'utilisateur et les applications du décodeur. Cette interface donne notamment accès à un guide de programmes, des services payants et des menus de réglage et de programmation de certaines fonctions du décodeur. La figure 2 représente un écran du guide de programmes, cet écran particulier étant le "guide des services" permettant de faire défiler les programmes (appelés événements) pour chacune des chaînes (appelées services). Cet écran comporte une liste de huit services, placée à gauche de l'écran. Chaque service est identifié par un numéro de service et son nom. Des flèches haut et bas, placées respectivement au dessus et en dessous de la liste, indiquent les possibilités de défilement des services dans l'ordre de leurs numéros décroissants ou croissants. Ce défilement s'effectue en se plaçant sur le premier ou dernier service de la liste grâce aux touches de direction "haut" et "bas" et en continuant d'appuyer sur ces touches. L'écran comporte également sur environ les deux tiers droits une zone d'affichage d'informations relatives à des événements diffusés par le service activé de la liste des services. Cette partie de l'écran est également organisée de manière verticale et permet un défilement similaire à celui de la liste des services. Les possibilités de défilement sont indiquées grâce à une barre verticale accolée au côté droit de la zone d'affichage. La ou les flèches disparaissent si les limites de la liste des événements sont atteintes. Ceci est également vrai pour les flèches de la liste de services. 6 2752314 La zone d'affichage permet de présenter les informations relatives à quatre événements. Elle comporte également dans sa partie supérieure une ligne destinée à rappeler le titre de l'application en cours ("Guide TV" dans le présent cas) et une indication de la date et de l'heure, dans le but de donner à l'utilisateur un repère de navigation. Trois lignes en bas d'écran sont dévolues aux éventuels texte d'aide à l'utilisateur. Le déplacement dans l'ensemble de l'écran s'effectue essentiellement grâce aux touches de direction de la télécommande. On distinguera la notion de sélection, qui consiste à placer le curseur sur un élément, et la notion d'activation, qui consiste à effectuer une action sur cet élément. Par exemple, pour obtenir la liste des événements liés à un service particulier, I'utilisateur doit dans un premier temps sélectionner un service en plaçant le curseur sur ce service, puis actionner ce service en appuyant sur la touche de validation. Ce n'est qu'à ce moment que l'application met à jour la liste des événements. L'invention concerne plus particulièrement la liaison entre différents éléments. Les listes de services et d'événements sont organisés sous la forme de rectangles superposés, ce qui indique naturellement à l'utilisateur qu'il peut se déplacer dans chaque liste grâce aux flèches de direction "haut" et "bas". La navigation horizontale est mise en oeuvre grâce aux flèches "gauche" et "droite", ce qui est indiqué à l'aide du graphisme particulier associé à un élément sélectionné (changement de couleur et ou de luminance du rectangle sélectionné et association d'une flèche à ce rectangle). Or, il existe des éléments qui ne sont ni des services ou des événements, et qui ne peuvent pas à priori être mises au même niveau sous la forme d'une intégration pure et simple dans l'une des deux listes précitées. Dans le cadre de la figure 2, il s'agit des fonctions "retour" et "aide" qui permettent respectivement de remonter d'un niveau dans l'arborescence d'un menu et d'obtenir de l'aide concernant l'écran affiché. Le maximum de place à l'écran de la figure 2 étant alloué à l'information proprement dite, les fonctions "retour" et "aide" ne sont pas placée dans ce que l'on pourrait appeler une troisième zone de l'écran, et qui serait gouvernée par les mêmes principes de navigation (flèches horizontales pour un changement de zone et flèches verticales pour un déplacement dans chaque zone). En guise de troisième zone à organisation verticale, les fonctions "retour" et "aide" sont illustrées par des représentations graphiques (ici des "noeuds") placées en chaîne et reliées par des tronçons de ligne. La fonction "retour" est reliée à un des éléments de la liste des services par une ligne brisée. Cette ligne est 7 2752314 horizontale en partant de l'élément de la liste, continue par un coude puis un tronçon vertical pour rejoindre le rond représentant la fonction "retour", placé dans le coin supérieur gauche de l'écran. La légende "retour" est placée le long du tronçon vertical. Partant de cette fonction, un tronçon de ligne horizontal rejoint un s second rond placé à gauche du premier et portant la légende "aide". Les tronçons de ligne indiquent à l'utilisateur la façon de naviguer vers et à partir des fonctions (ou d'ailleurs d'éléments) reliées par ces tronçons, puisque dans le cadre du présent exemple, la navigation vers/de ces fonction déroge à la règle générale: Pour aller de la liste des services vers la fonction retour, la flèche "gauche" doit être utilisée. Pour retourner de la fonction retour vers la liste des services, c'est par contre la flèche "bas" qui doit être mise en oeuvre. L'utilisation de lignes brisées permet d'indiquer clairement à l'utilisateur comment la navigation doit se faire, tout en donnant une grande flexibilité au développeur d'interfaces graphiques quant à la disposition des éléments sur un écran. Pour aller de la fonction "retour" vers la fonction "aide", il faut utiliser la flèche "droite", et pour retourner de la fonction "aide" à la fonction "retour', la flèche gauche. Selon une variante de réalisation, le lien reliant une fonction à un élément d'une liste relie le cas échéant ladite fonction à l'élément sélectionné de cette liste. La figure 3 est l'écran "Achats" présenté à l'utilisateur pour la gestion des événements payants et de certains codes d'accès. La disposition de cet écran reprend les principes de celui de la figure 2, avec une zone d'affichage occupant environ les deux tiers droits de l'écran, et une liste placée dans le tiers droit. Cette liste est cette fois-ci une liste de fonctions, au même titre que la fonction retour. Dans ce cas, cette dernière est intégrée dans la liste des fonctions en modifiant le point de rattachement de la ligne qui la relie à cette liste. En l'occurrence, ce rattachement s'effectue par un tronçon de ligne vertical. Pour sélectionner une fonction dans la liste ou pour sélectionner la fonction retour, le principe de navigation est donc le même. On notera qu'avantageusement, les fonctions "retour" et "aide" sont toujours placées au même endroit de l'écran, pour ne pas désorienter l'utilisateur en présentant des fonctions identiques de facon différente d'écran en écran. C'est également pour cette raison que selon le présent exemple, la fonction "retour" et la fonction "aide" ne sont jamais intégrées dans une liste de fonctions exactement de la même facon que les autres éléments de cette liste. 8 2752314 La figure 4 représente l'écran présenté à l'utilisateur pour la saisie d'un code confidentiel, par exemple le code d'accès à un service particulier. Les fonctions "retour" et "aide" sont placées de manière identique aux écrans des figures 2 et 3. Les emplacements des chiffres du code confidentiel, sont placées au milieu de la partie d'écran qui dans les figures 2 et 3 contenait la zone d'affichage. Les chiffres déjà saisis sont affichés sous forme d'étoile, ceux qui le restent le sont sous forme de point d'interrogation. Le chiffre sélectionné par le curseur se distingue par sa luminance plus élevée. Un texte d'aide contextuelle est affiché en bas de l'écran, dans les trois lignes de la zone d'aide déjà décrite. Lorsque cet écran est affiché, le curseur est placé sur le premier des quatre chiffres, et est déplacé automatiquement vers le chiffre suivant à droite quand un chiffre est saisi. Lorsque le quatrième chiffre est saisi, le code est automatiquement validé et comparé au code enregistré dans la mémoire du décodeur ou de la carte à puce. L'utilisateur peut néanmoins choisir de retourner à un écran précédent ou de modifier un des trois premiers chiffres avant la saisie du quatrième, en se servant de la flèche de gauche de la télécommande. L'écran de la figure 4 est loin d'être aussi encombré que celui de la figure 2. La ligne de rattachement entre la fonction "retour" et la zone de saisie des chiffres du code permet néanmoins une utilisation de tout l'écran. Selon une variante de réalisation, la télécommande, ou un autre dispositif de commande pouvant être situé directement sur l'appareil, permet d'indiquer une direction notamment à l'aide d'une manette ou d'une bille. Il est bien évident que l'invention ne se limite pas à l'exemple particulier qui vient d'être décrit. Notamment d'autres éléments, fonctions et événement que retour' et 'aide' peuvent être mis en oeuvre. 9 2752314 REVENDICATIONS 1. Procédé de navigation dans une interface utilisateur graphique caractérisé en ce qu'il comprend les étapes: - d'affichage d'éléments graphiques sélectionnables à l'aide d'un curseur, - de connexion d'au moins deux desdits éléments graphiques à l'aide de tronçons linéaires, de déplacement du curseur d'un premier élément vers un second élément, lesdits premier et second éléments étant connectés par un ou plusieurs tronçons, lorsque la touche de direction d'un clavier de commande (1 1) correspondant à l'orientation du tronçon au départ du premier élément est pressée. 2. Procédé selon la revendication 1, caractérisé en ce que plus de deux tronçons reliés bout à bout relient deux éléments, formant une ligne brisée. 3. Procédé selon l'une des revendications précédentes, caractérisé en ce que l'interface utilisateur comporte une liste d'éléments formant un ensemble ayant des caractéristiques fonctionnelles communes, le déplacement du curseur à lI'intérieur dudit ensemble étant effectué à l'aide de deux touches de directions opposées, le troisième élément étant rattaché audit ensemble par au moins un tronçon linéaire dont l'orientation au départ dudit ensemble est telle qu'il permet le déplacement du curseur dudit ensemble vers ledit troisième élément à l'aide d'une des deux touches de direction utilisées pour la navigation à l'intérieur de l'ensemble lorsque ledit élément possède les mêmes caractéristiques fonctionnelles que les éléments de l'ensemble et qu'il permet le déplacement du curseur dudit ensemble vers ledit troisième élément à l'aide d'une touche de direction autre que les deux touches déjà utilisées lorsque ce n'est pas le cas. 4. Procédé selon l'une des revendications précédentes, caractérisé en ce qu'un groupe d'éléments graphiques reliés par des tronçons linéaires forme une chaîne, ledit groupe comportant des éléments utilisés dans plusieurs écrans de ladite interface, ledit groupe étant placé à un endroit identique dans chacun desdits écrans. 5. Procédé selon la revendication 4, caractérisé en ce que le tronçon linéaire au départ d'un quatrième élément d'un desdits écrans vers ledit groupe 2752314 d'éléments a une orientation qui change d'écran en écran en fonction des caractéristiques fonctionnelles dudit quatrième élément. 6. Procédé selon l'une des revendications précédentes, caractérisé en ce que lorsqu'un élément est relié à une liste d'éléments, il est relié le cas échéant à l'élément sélectionné de cette liste. 7. Procédé selon l'une des revendications précédentes, caractérisé en ce que ledit tronçon linéaire est un tronçon de ligne. 8. Dispositif de réception de télévision numérique comportant une interface utilisateur graphique et comprenant des moyens de commande (11) de ladite interface, lesdits moyens de commande comportant des moyens d'indication d'une direction, caractérisé en ce que ladite interface comporte - un curseur, - des éléments graphiques sélectionnables à l'aide dudit curseur, au moins deux desdits éléments graphiques étant reliés à l'aide de tronçons linéaire, ledit curseur étant déplacé d'un premier élément vers un second élément, lesdits premier et second éléments étant connectés par un ou plusieurs tronçons, lorsqu'une direction correspondant à l'orientation du tronçon au départ du premier élément est indiquée à l'aide desdits moyens de commande.