Gerät mit einer Anzeigeeinrichtung und Verfahren zur Realisierung einer graphischen BenutzeroberflächeDevice with a display device and method for realizing a graphical user interface
Obwohl graphische Benutzeroberflächen inzwischen nicht mehr nur im Bereich von Computern und anderen Geräten mit vergleichsweise großen Anzeigeeinrichtungen (Displays) sondern mehr und mehr auch zur Ausstattung von Geräten mit kleineren Displays, wie z.B. von Mobiltelefonen,. Organizern und Personal Digital Assistants gehören, können sie ihre eigentlichen Vorzüge bisher nur mit ausreichend großen Displays entfalten.Although graphic user interfaces are no longer only used in the area of computers and other devices with comparatively large display devices (displays), but more and more also for equipping devices with smaller displays, e.g. of mobile phones ,. Organizers and personal digital assistants belong, so far they can only develop their real advantages with sufficiently large displays.
Ein wesentlicher Nachteil bei der Benutzung von Geräten mit kleineren Displays und graphischen Benutzeroberflächen wird von vielen Benutzern darin gesehen, dass mit kleineren Displays stets nur eine Menüebene angezeigt werden kann, wogegen auf größeren Displays mehrere Menüebenen gleichzeitig angezeigt werden können, was die Navigation durch komplexe Menüs bei Geräten mit kleineren Displays umständlich macht und eine recht große Gedächtnisleistung seitens des Benutzers erfordert.A major disadvantage of using devices with smaller displays and graphical user interfaces is seen by many users in the fact that with smaller displays only one menu level can always be shown, whereas on larger displays several menu levels can be displayed at the same time, which means navigation through complex menus makes devices with smaller displays cumbersome and requires quite a lot of memory on the part of the user.
Die Erfindung macht sich zur Aufgabe, diese Situation zu verbessern. Diese Aufgabe wird durch ein Gerät bzw. ein Verfahren nach einem der Patentansprüche gelöst.The object of the invention is to improve this situation. This object is achieved by a device or a method according to one of the claims.
Die Erfindung beruht dabei auf dem Grundgedanken, hierarchisch gegliederte Listen, Menüs oder andere Objekte einer graphischen Benutzeroberfläche, die mit Hilfe von Symbolen dargestellt werden, auf Oberflächenelementen eines in die E- bene der Anzeigeeinrichtung projizierten dreidimensionalen Polyeders - z.B. eines Würfels (Cub) - derart anzuordnen, dass Symbole, die Objekte verschiedener hierarchischer Ebenen des hierarchischen Menüs repräsentieren, auf verschiedenenThe invention is based on the basic idea of hierarchically structured lists, menus or other objects of a graphical user interface, which are represented with the aid of symbols, on surface elements of a three-dimensional polyhedron projected into the plane of the display device - e.g. a cube - to be arranged in such a way that symbols representing objects of different hierarchical levels of the hierarchical menu are on different
Oberflächenelementen des jeweils dargestellten Polyeders angeordnet sind.
Durch diese Maßnahme der vorliegenden Erfindung werden unterschiedliche Ebenen einer hierarchisch strukturierten Benutzeroberfläche gleichzeitig und in intuitiv verständlicher Weise auf einem zweidimensionalen Display dargestellt.Surface elements of the polyhedron shown are arranged. This measure of the present invention shows different levels of a hierarchically structured user interface simultaneously and in an intuitively understandable manner on a two-dimensional display.
Besonders vorteilhaft gerät diese Art der Darstellung, wenn das Gerät mit einer Eingabeeinrichtung ausgerüstet ist, mit deren Hilfe ein Benutzer des Gerätes die Drehlage oder die Raumorientierung des Polyeders beeinflussen kann. Dann hat dieser Benutzer nämlich die Möglichkeit - durch geeignete Drehung oder Änderung der Raumorientierung des Polyeders — nacheinander unterschiedliche Oberflächenelemente des Polyeders und somit die auf diesen Oberflächenelementen darge- stellten Menüebenen oder Objekte gleichsam in den Vordergrund zu holen und hierdurch einer Bearbeitung durch den Benutzer zugänglich zu machen.This type of display is particularly advantageous if the device is equipped with an input device, with the aid of which a user of the device can influence the rotational position or the spatial orientation of the polyhedron. Then this user has the possibility - by suitable rotation or change of the spatial orientation of the polyhedron - to bring different surface elements of the polyhedron in succession and thus to the foreground, as it were, the menu levels or objects represented on these surface elements and thereby make them accessible for processing by the user do.
Im folgenden wird die Erfindung anhand bevorzugter Ausfüh- rungsbeispiele und mit Hilfe von Figuren näher erläutert.The invention is explained in more detail below on the basis of preferred exemplary embodiments and with the aid of figures.
Dabei zeigtIt shows
Fig 1 in schematischer Weise ein erfindungsgemäßes Gerät ge- maß einem bevorzugten Ausführungsbeispiel der Erfindung;1 schematically shows an inventive device according to a preferred embodiment of the invention;
Fig 2 in schematischer Weise die Auswirkung einer erfindungsgemäßen Drehung eines Polyeders um eine vertikale Achse;2 schematically shows the effect of a rotation of a polyhedron according to the invention about a vertical axis;
Fig 3 in schematischer Weise die Auswirkung einer erfindungsgemäßen Drehung eines Polyeders um eine horizontale Achse.3 shows schematically the effect of a rotation of a polyhedron according to the invention about a horizontal axis.
Ein einfaches und vielleicht besonders intuitiv verständliches Beispiel für ein Polyeder im Sinne der Erfindung ist ein Würfel oder ein Quader. Diese speziellen Polyeder haben insgesamt sechs Oberflächenelemente, von denen bei einer Projektion in die Ebene des Displays - bei gegenseitiger Verdeckung
- je nach gewählter Raumorientierung und Perspektive - maximal drei Oberflächenelemente gleichzeitig sichtbar dargestellt werden können. In diesem Beispiel sind also drei Ebenen der Hierarchie gleichzeitig auf dem Display darstellbar.A simple and perhaps particularly intuitive example of a polyhedron in the sense of the invention is a cube or a cuboid. These special polyhedra have a total of six surface elements, one of which is when projected into the plane of the display - with mutual concealment - depending on the chosen spatial orientation and perspective - a maximum of three surface elements can be displayed at the same time. In this example, three levels of the hierarchy can be shown on the display at the same time.
Diese Situation ist in den Figuren 1, 2 und 3 schematisch dargestellt. In Figur 1 sind einige Objekte (MMl, MM2 und MM3) einer ersten Menüebene, z.B. der Hauptebene, auf einem zur Ebene der Anzeigeeinrichtung (Disp) des Gerätes (Dev) pa- rallel ausgerichteten Oberflächenelement des Würfels (Cub) so angeordnet, dass diese Objekte gleichsam im Vordergrund der Darstellung und dem Benutzer zur Bearbeitung zugänglich sind.This situation is shown schematically in Figures 1, 2 and 3. In Figure 1 some objects (MM1, MM2 and MM3) of a first menu level, e.g. the main level, arranged on a surface element of the cube (Cub) which is aligned parallel to the level of the display device (Disp) of the device (Dev) such that these objects are, as it were, in the foreground of the display and accessible to the user for editing.
Wie in Figur 1 dargestellt, ist in diesem Beispiel die Dar- Stellung des Objekts MM2 graphisch hervorgehoben. In derAs shown in FIG. 1, the representation of the object MM2 is graphically highlighted in this example. In the
Sprache der Benuteroberflächenentwickler würde man sagen: MM2 hat den "Fokus". Mit Hilfe einer Eingabeeinrichtung, die z.B. neben weiteren Elementen wie Wähltasten oder speziellen Funktionstasten auch die in Figur 1 ebenfalls dargestellte Navi- gationstaste (NavKey) umfassen kann, hat der Benutzer dieThe language of the user interface developer would be said: MM2 has the "focus". With the help of an input device, e.g. In addition to other elements such as dialing keys or special function keys, the navigation key (NavKey) also shown in FIG. 1 can include the user
Möglichkeit, einer Steuereinrichtung des Gerätes, die heute üblicherweise durch einen Prozessor und eine darauf ablaufende Software realisiert wird, Befehle zu geben, die diese Steuereinrichtung in unterschiedlicher Weise, je nach Kon- text, interpretieren kann.Possibility to give commands to a control device of the device, which is usually implemented today by a processor and software running thereon, which this control device can interpret in different ways, depending on the context.
Mit Hilfe einer solchen Eingabeeinrichtung kann der Benutzer folglich z.B. den Fokus auf ein anderes Objekt der gleichen hierarchischen Ebene verschieben. Er kann aber auch den Wür- fei - wie in Figur 2 oder 3 gezeigt - um eine vertikale oder horizontale Achse drehen. Nach einer geeigneten Drehung um die vertikale Achse kann so z.B. dasjenige Oberflächenelement parallel zur Ebene des Displays ausgerichtet werden, auf dem die Objekte SM21 und SM22 der Untermenüebene dargestellt sind, die dem Objekt MM2 der Hauptmenüebene entsprechen.
Dazu ist eine Eingabeelement wie die in Figur 1 dargestellte Navigationstaste (NavKey) besonders vorteilhaft, weil sie eine Steuerung in z.B. vier Richtungen - angedeutet durch z.B. Pfeile auf der Navigationstaste - in besonders intuitiver Weise unterstützt.With the aid of such an input device, the user can consequently, for example, shift the focus to another object of the same hierarchical level. However, he can also turn the throwing egg - as shown in Figure 2 or 3 - about a vertical or horizontal axis. After a suitable rotation around the vertical axis, for example, that surface element can be aligned parallel to the level of the display on which the objects SM21 and SM22 of the submenu level are shown, which correspond to the object MM2 of the main menu level. For this purpose, an input element such as the navigation key (NavKey) shown in FIG. 1 is particularly advantageous because it supports control in, for example, four directions - indicated by, for example, arrows on the navigation key - in a particularly intuitive manner.
Bei einer weit verbreiteten Anwendung von Organizern und Mobiltelefonen könnte das Objekt MM2 des Hauptmenüs z.B. ein Menüpunkt mit der Bezeichnung "Nachrichten" sein, bei dessen Auswahl (Fokus) auf demjenigen Oberflächenelement, auf dem die nachfolgende Menüebene, also der Inhalt des Menüpunkts "Nachrichten", dargestellt ist, eine Reihe von Objekten (SM21, SM22) dargestellt würde, von denen jedes einzelne z.B. eine eingegangene oder abgesandte Nachricht, oder eine Appli- kation, z.B. einen SMS-Editor, symbolisieren könnte. DiesesWith a widespread use of organizers and mobile phones, the object MM2 of the main menu could e.g. be a menu item with the designation "messages", when selected (focus) on the user interface element on which the subsequent menu level, ie the content of the menu item "messages", is displayed, a series of objects (SM21, SM22) would be displayed, each of which, for example a received or sent message, or an application, e.g. an SMS editor. This
Untermenü, auf der rechts sichtbaren Seitenfläche des Würfels dargestellt, befände sich so gleichsam in einer Voransicht, wogegen das Hauptmenü in dieser Lage des Würfels im Vordergrund wäre.The submenu, shown on the right side of the cube, is as it were in a preview, whereas the main menu in this position of the cube would be in the foreground.
Auf der Deckfläche des Würfels könnten in diesem Fall das Eingabefenster der Applikation "SMS-Editor" bereits geöffnet sein. Soll ein Text eingegeben werden, würde der Benutzer den Würfel um die horizontale Achse drehen, so dass das Eingabe- fenster des SMS-Editors in den Vordergrund käme und zur Bearbeitung, d.h. in diesem Fall z.B. zur Texteingabe, zur Verfügung stünde. Andere Menüstrukturen, gängige und neuartige, kann der Fachmann sich leicht ausdenken und die Erfindung an solche Menüstrukturen anpassen.In this case, the input window of the "SMS editor" application could already be open on the top surface of the cube. If a text were to be entered, the user would rotate the cube around the horizontal axis, so that the input window of the SMS editor would come to the foreground and be processed, i.e. in this case e.g. for text input, would be available. Those skilled in the art can easily think up other menu structures, common and novel, and adapt the invention to such menu structures.
Für viele Anwendungen wird eine Ausführungsform der Erfindung vorteilhaft sein, bei der das Gerät in einer ersten Betriebsart arbeiten kann, in der Inhalte einzelner Objekte oder einzelner Einträge einer Menüebene - wie z.B. ein einzelnes Do- kument oder Teile davon - auf einem Oberflächenelement des Polyeders dargestellt wird. In dieser Betriebsart ist vorzugsweise auf jeder Seite des Würfels genau ein Eintrag der
aktuellen Menüebene als Ganzes visualisiert . Um dessen unter- einträge zu sehen, müsste der Benutzer den gewünschten Eintrag auswählen.For many applications, an embodiment of the invention will be advantageous in which the device can operate in a first operating mode in which the contents of individual objects or individual entries of a menu level - such as, for example, a single document or parts thereof - are displayed on a surface element of the polyhedron becomes. In this operating mode, there is preferably one entry on each side of the cube current menu level visualized as a whole. To see its subentries, the user would have to select the desired entry.
Bei anderen Anwendung kann es aber andererseits Vorteile bringen, wenn das Gerät auch in einer zweiten Betriebsart arbeiten kann, in der auf Oberflächenelementen des Polyeders Untereinträge einer Menüebene dargestellt werden, die diesem Oberflächenelement zugeordnet ist. Hier sind auf jeder Seite des Würfels vorzugsweise die Untereinträge des der jeweiligen Würfelseite zugeordneten Hauptmenüeintrages visualisiert.In other applications, on the other hand, it can be advantageous if the device can also work in a second operating mode, in which sub-entries of a menu level that are assigned to this surface element are displayed on surface elements of the polyhedron. Here, the subentries of the main menu entry assigned to the respective cube side are preferably visualized on each side of the cube.
Oft werden beide Betriebsarten auch gleichzeitig oder nacheinander kombinierbar sein.Often, both operating modes can also be combined simultaneously or in succession.
Besonders vorteilhaft ist eine Ausführungsform der Erfindung, bei der das erfindungsgemäße Gerät mit Mitteln zur Be irkung einer vergrößerten Darstellung (sogenannter "Zoom") ausgestattet ist und in einer dritten Betriebsart arbeiten kann, in der ein Benutzer durch Auswahl einer vergrößerten Darstellung zwischen der ersten und.-der zweiten Betriebsart umschalten kann. Dann hat der Benutzer die Möglichkeit, durch "optische Annäherung" an oder durch Entfernen vom Würfel, zwischen den beiden oben beschriebenen Betriebsmodi zu wechseln. Eine op- tisch eindrucksvolle Ausführung könnte ein vor der jeweiligen Würfelseite schwebender Schriftzug zur Bezeichnung des Haupteintrages sein, durch den hindurch man sich soweit an den Würfel annähert, bis die Details (also z.B. die Untereinträge) sichtbar werden.An embodiment of the invention is particularly advantageous in which the device according to the invention is equipped with means for effecting an enlarged view (so-called “zoom”) and can work in a third operating mode in which a user can select an enlarged view between the first and .-can switch the second operating mode. Then the user has the option of "optically approaching" or removing the cube to switch between the two operating modes described above. An optically impressive design could be a lettering in front of the respective cube side to indicate the main entry, through which one approaches the cube until the details (e.g. the subentries) become visible.
Bei der Darstellung unterschiedlicher Ebenen einer hierarchischen Struktur können für jede Ebene eigene Darstellungsweisen zum Einsatz kommen. So wird ein SMS-Editor im allgemeinen anders dargestellt werden, als eine Liste von Nachrichten o- der von Unterverzeichnissen. Der dreidimensionale Eindruck des projizierten Polyeders kann durch eine perspektivische Darstellung auf monochromen oder farbigen Displays oder auch
nur durch unterschiedliche Färbungen einzelner Oberflächenelemente oder geeignete Farbverläufe innerhalb solcher Oberflächenelemente unterstützt werden.When displaying different levels of a hierarchical structure, different display modes can be used for each level. An SMS editor will generally be displayed differently than a list of messages or subdirectories. The three-dimensional impression of the projected polyhedron can be shown in perspective on monochrome or colored displays or can only be supported by different colors of individual surface elements or suitable color gradients within such surface elements.
Zur datentechnischen Realisierung der Erfindung ist eine Verwendung von Gittermodellen vorteilhaft. Die Gittermodelle, die im Speicher des Gerätes in Form von Symbolen vorliegen, erhalten bei der Auswahl eine vergrößerte Darstellung auf der Benutzeroberfläche. Hierdurch wird eine Navigation in dem an- gezeigten dreidimensionalen Modell möglich und der Benutzer des Gerätes erhält Zugriff auf die verschiedenen Funktionen einer ausgewählten Applikation.The use of grid models is advantageous for implementing the invention in terms of data technology. The grid models, which are available in the device's memory in the form of symbols, are shown enlarged on the user interface when selected. This enables navigation in the three-dimensional model shown and the user of the device has access to the various functions of a selected application.
Durch die Möglichkeit, das Modell richtungsabhängig auf der Benutzeroberfläche drehen zu können, wird dem Benutzer ein direkter Zugriff auf alle weiteren Funktionen dieser Applikation gegeben. Eine weitere Ausführungsform der Erfindung sieht vor, dem Benutzer bei Auswahl eines Gittermodells ein Listenmenü mit allen zur Verfügung stehenden Funktionen zu zeigen.
The ability to turn the model on the user interface depending on the direction gives the user direct access to all other functions of this application. Another embodiment of the invention provides for the user to be shown a list menu with all available functions when selecting a grid model.
BezugszeichenlisteLIST OF REFERENCE NUMBERS
Zur Darstellung der Erfindung in den Figuren wurden folgende Bezugszeichen verwendet:The following reference numerals were used to illustrate the invention in the figures:
Abc Texteintrag in einem DokumentABC text entry in a document
Curs Schreibmarke, Eingabemarke, CursorCurs cursor, input cursor, cursor
TL TexteingabezeileTL text input line
MM1, ..., MM3 Einträge oder Objekte eines HauptmenüsMM1, ..., MM3 Entries or objects of a main menu
SM21, SM22 Einträge eines UntermenüsSM21, SM22 Entries in a submenu
Disp Anzeigeeinrichtung, DisplayDisp display device, display
Dev Gerät, DeviceDev device, device
Cub Würfel, PolyederCub cubes, polyhedra
NavKey Element einer Eingabeeinrichtung
NavKey element of an input device