DE102004012893A1

DE102004012893A1 - Device having a display device and method for implementing a graphical user interface

Info

Publication number: DE102004012893A1
Application number: DE200410012893
Authority: DE
Inventors: Daniela Dürbeck; Cornelia Kozuschek; Falk Mletzko; Andreas Schygulla; Holger Steinbach; Andreas Völker
Original assignee: Siemens AG
Current assignee: Siemens AG
Priority date: 2004-03-16
Filing date: 2004-03-16
Publication date: 2005-10-06
Also published as: WO2005091122A2; WO2005091122A3

Abstract

Hierarchisch gegliederte Listen, Menüs oder andere Objekte einer graphischen Benutzeroberfläche werden mit Hilfe von Symbolen dargestellt, die auf Oberflächenelementen eines in die Ebene der Anzeigeeinrichtung projizierten dreidimensionalen Polyeders - z. B. eines Würfels (Cub) - derart angeordnet sind, dass Symbole, die Objekte verschiedener hierarchischer Ebenen des hierarchischen Menüs repräsentieren, auf verschiedenen Oberflächenelementen des jeweils dargestellten Polyeders angeordnet sind.Hierarchically structured lists, menus or other objects of a graphical user interface are represented by means of symbols which are displayed on surface elements of a projected into the plane of the display device three-dimensional polyhedron -. As a cube (Cub) - are arranged such that symbols representing objects of different hierarchical levels of the hierarchical menu, are arranged on different surface elements of each polyhedron shown.

Description

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.Even though graphical user interfaces no longer just in the field of computers and other devices comparatively large display devices (Displays) but more and more to equip equipment with smaller displays, such as of mobile phones, organizers and Personal Digital Assistants are part of can their real advantages so far only with sufficiently large Unfold 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.One major disadvantage when using devices with smaller displays and graphical user interfaces is seen by many users as having smaller displays always only one menu level can be displayed, whereas on larger displays several menu levels displayed simultaneously can be which makes the navigation through complex menus on devices with smaller displays cumbersome and a pretty big one memory performance required by 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 Invention sets itself the task to improve this situation. This task is done 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 Ebene 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 verschiedenen Oberflächenelementen des jeweils dargestellten Polyeders angeordnet sind.The The invention is based on the basic idea, hierarchically structured Lists, menus or other objects of a graphical user interface, using icons be displayed on surface elements a projected into the plane of the display device three-dimensional Polyhedra - e.g. a cube (Cub) - like that to arrange that symbols, the objects of different hierarchical Layers of the hierarchical menu represent, on different surface elements are arranged of the polyhedron shown in each case.

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.By This measure The present invention will be different levels of a hierarchically structured user interface simultaneously and in intuitive understandable Way shown 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 dargestellten Menüebenen oder Objekte gleichsam in den Vordergrund zu holen und hierdurch einer Bearbeitung durch den Benutzer zugänglich zu machen.Especially advantageous device this type of presentation when the device with an input device equipped is, with the help of a user of the device, the rotational position or the spatial orientation of the Polyeders can influence. Then this user has namely the Possibility - by suitable rotation or change the spatial orientation of the polyhedron - successively different interface elements of the polyhedron and thus those shown on these surface elements menu levels or to bring objects into the foreground and thereby to be made available to the user for editing.

Im folgenden wird die Erfindung anhand bevorzugter Ausführungsbeispiele und mit Hilfe von Figuren näher erläutert.in the The following is the invention with reference to preferred embodiments and with the help of figures closer explained.

Dabei zeigtthere shows

1 in schematischer Weise ein erfindungsgemäßes Gerät gemäß einem bevorzugten Ausführungsbeispiel der Erfindung; 1 schematically a device according to the invention according to a preferred embodiment of the invention;

2 in schematischer Weise die Auswirkung einer erfindungsgemäßen Drehung eines Polyeders um eine vertikale Achse; 2 schematically the effect of a rotation of a polyhedron according to the invention about a vertical axis;

3 in schematischer Weise die Auswirkung einer erfindungsgemäßen Drehung eines Polyeders um eine horizontale Achse. 3 in a schematic way, 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.One simple and perhaps especially intuitive example for a polyhedron according to the invention is a cube or a cuboid. This special Polyhedra has a total of six surface elements, of which at a projection in the plane of the display - with mutual concealment - depending on selected Spatial orientation and perspective - a maximum of three interface elements can be displayed simultaneously visible. In this example are So three levels of the hierarchy simultaneously displayed on the screen.

Diese Situation ist in den 1, 2 und 3 schematisch dargestellt. In 1 sind einige Objekte (MM1, MM2 und MM3) einer ersten Menüebene, z.B. der Hauptebene, auf einem zur Ebene der Anzeigeeinrichtung (Disp) des Gerätes (Dev) parallel 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 in the 1 . 2 and 3 shown schematically. In 1 some objects (MM1, MM2 and MM3) of a first menu level, eg the main level, are arranged on a surface element of the cube (Cub) aligned in parallel with the display device (Disp) of the device (Dev), so that these objects are in the foreground of the cube, as it were Presentation and the user are accessible for editing.

Wie in 1 dargestellt, ist in diesem Beispiel die Darstellung des Objekts MM2 graphisch hervorgehoben. In der 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 1 ebenfalls dargestellte Navigationstaste (NavKey) umfassen kann, hat der Benutzer die 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 Kontext, interpretieren kann.As in 1 In this example, the representation of the object MM2 is graphically highlighted. In the language of the user interface developers, one would say: MM2 has the "focus." With the help of an input device, the eg in addition to other elements such as keypad or special function keys also in 1 navigation key (NavKey) also shown, the user has the option of giving commands to a control device of the device, which is usually realized today by a processor and software running on it, in different ways, depending on the context, can interpret.

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ürfel – wie in 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.With the help of such an input device, the user can thus, for example, shift the focus to another object of the same hierarchical level. But he can also use the cube - as in 2 or 3 shown - turn around a vertical or horizontal axis. After a suitable rotation about the vertical axis, for example, that surface element can be aligned parallel to the plane of the display, on which the objects SM21 and SM22 of the sub-menu level are represented, which correspond to the object MM2 of the main menu level.

Dazu ist eine Eingabeelement wie die in 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.This is an input element like the in 1 shown navigation key (NavKey) particularly advantageous because it supports a 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 Applikation, z.B. einen SMS-Editor, symbolisieren könnte. Dieses 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.at a widespread use of organizers and mobile phones could the object MM2 of the main menu e.g. a menu item to be called "news" in whose Selection (focus) on the surface element on which the following Menu level, So the content of the menu item "Messages" is shown, a Series of objects (SM21, SM22) would be represented, each one of which e.g. an incoming or sent message, or an application, e.g. an SMS editor that could symbolize. This submenu, on the right visible side surface of the cube represented as it were in a preview, whereas the main menu in this Location of the cube in the foreground would be.

Auf der Deckfläche des Würfels könnte 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 Eingabefenster 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.On the top surface of the cube could In this case, the input window of the "SMS Editor" application must already be open. If a text is to be entered, the user would place the cube around the rotate horizontal axis, making the input window of the SMS editor came to the fore and for processing, i. in this case e.g. for text input, would be available. Other Menu structures, common and novel, the skilled person can easily come up with the invention to such menu structures to adjust.

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 Dokument 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 untereinträge zu sehen, müsste der Benutzer den gewünschten Eintrag auswählen.For many Applications becomes an embodiment be advantageous in the invention, in which the device in a first mode can work in the contents of individual objects or individual entries one Menu level - such as a single document or parts thereof - on a surface element of the Polyeders is presented. In this mode is preferred on each side of the cube exactly one entry of the current menu level is visualized as a whole. To its subentries to see would have to the user the desired Select 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.at on the other hand, it can, on the other hand, bring advantages if the device can also work in a second mode, in on surface elements of the polyhedron subentries one menu level are displayed, which is assigned to this surface element. Here are on each side of the cube preferably the subentries of the respective cube side associated main menu item visualized.

Oft werden beide Betriebsarten auch gleichzeitig oder nacheinander kombinierbar sein.Often both operating modes can also be combined simultaneously or one after the other be.

Besonders vorteilhaft ist eine Ausführungsform der Erfindung, bei der das erfindungsgemäße Gerät mit Mitteln zur Bewirkung 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 optisch 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.Especially an embodiment is advantageous the invention in which the device according to the invention with means for effecting an enlarged view (so-called "zoom") is equipped and can operate in a third mode in which a user by selecting an enlarged representation switch between the first and the second mode can. Then the user has the option through "optical Approach "or remove from the cube, to switch between the two operating modes described above. A visually impressive design could one in front of the respective cube side floating lettering to designate the main entry, through which you approach the cube as far as the details (ie 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 oder 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.at the representation of different levels of a hierarchical structure can for every level own representations are used. So will an SMS editor generally be presented differently than a list of messages or subdirectories. The three-dimensional impression of the projected Polyeders can by monochrome perspective view or colored displays or even only by different colors individual surface elements or suitable color gradients within such surface elements supports become.

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 angezeigten dreidimensionalen Modell möglich und der Benutzer des Gerätes erhält Zugriff auf die verschiedenen Funktionen einer ausgewählten Applikation.to data technology implementation of the invention is a use of lattice models advantageous. The grid models in the store of the device in Form of symbols are given in the selection of an enlarged representation on the user interface. This will cause navigation in the displayed three-dimensional Model possible and the user of the device receives 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.Due to the possibility of the model direction Depending on the user interface, the user is given direct access to all other functions of this application. A further embodiment of the invention provides for the user, when selecting a grid model, to display a list menu with all available functions.

Zur Darstellung der Erfindung in den Figuren wurden folgende Bezugszeichen verwendet:to Representation of the invention in the figures were the following reference numerals used:

AbcABC: Texteintrag in einem Dokumenttext entry in a document
CursCurs: Schreibmarke, Eingabemarke, CursorCursor, Input mark, cursor
TLTL: TexteingabezeileText input line
MM1, ..., MM3MM1, ..., MM3: Einträge oder Objekte eines HauptmenüsEntries or Objects of a main menu
SM21, SM22SM21, SM22: Einträge eines UntermenüsEntries of a submenus
DispDisp: Anzeigeeinrichtung, DisplayDisplay device, display
Devdev: Gerät, DeviceDevice, Device
CubCub: Würfel, PolyederCube, polyhedron
NavKeyNavkey: Element einer Eingabeeinrichtungelement an input device

Claims

Device having a display device and a graphical user interface, in which hierarchically structured lists, menus or other objects of the user interface are represented by means of symbols, characterized in that the symbols used to represent the hierarchical structures on surface elements of a projected into the plane of the display device three-dimensional polyhedron are arranged such that symbols that represent objects of different hierarchical levels of the hierarchical menu, are arranged on different surface elements of the polyhedron each represented.

Mobile telephone with features according to claim 1.

Organizer or Personal Digital Assistant with features according to claim 1.

device according to any one of the preceding claims, wherein the polyhedron is a cube or a cuboid.

device according to one of the preceding claims with an input device, with their help a user of the device the rotational position or the spatial orientation of the polyhedron.

device according to one of the preceding claims, with a first operating mode, in the contents of individual objects or individual entries of a menu level - e.g. a single document or parts thereof - on a surface element of the polyhedron is shown.

device according to one of the preceding claims, with a second mode of operation, in the on surface elements of the polyhedron subentries one menu level are displayed, which is assigned to this surface element.

device according to one of the preceding claims, with means for effecting an enlarged view and with a third mode in which a user selects an enlarged view switch between the first and the second mode can.

Method for implementing a graphical user interface of a equipment with a display device, in which hierarchically structured lists, menus or other UI objects with Help represented by symbols are characterized in that the symbols used to represent the hierarchical structures on surface elements a projected into the plane of the display device three-dimensional Polyeders are arranged such that symbols that are objects of different hierarchical levels of the hierarchical menu, on different UI elements be arranged of the polyhedron shown in each case.