Programmoberfläche (GUI) und Bedienhinweise

Die Programmoberfläche (GUI = Graphical User Interface) passt sich automatisch (sog. Responsive Design) der verfügbaren Displaybreite an.
Es wird dabei zwischen 3 Modi unterschieden:

  1. Mobile-Modus (bis 576px)
  2. Tablet-Modus (ab 577px – 1199px)
  3. Desktop-Modus (ab 1200px)

Je nach optischer Auflösungsfähigkeit des Displays (Hoch- wie auch im Querformat) kann Ihnen z.B. auch auf dem Smartphone der Tablet- oder gar der Desktop-Modus angezeigt werden.

Hinweis

notice

Smartphone-Ansicht/Mobile-Modus

Bei der Vielzahl an Herstellern und Displaygrößen ist nicht gewährleistet, dass die HTML-Hilfe automatisch die richtige Ansicht wählt. Es kommt vor, dass das Menü links eingeblendet und der eigentliche Inhalt nur sehr schmal dargestellt wird. Dieses Verhalten tritt vor allem auf, wenn das Smartphone/Tablet hochkant gehalten wird und die Pixelauflösung knapp über den o.g. Grenzwerten liegt. Wir empfehlen, in dem Fall das Menü bei den drei Strichen oben links einzuklappen oder besser, das Gerät quer zu halten.

Ansicht im Mobile-Modus:

Ansicht im Smartphone- bzw. Mobile-Modus
Abb.: Ansicht im Smartphone- bzw. Mobile-Modus

Die Ansicht ist die Minimalste und wird nur für kurzes Nachschlagen empfohlen. Insbesondere Tabellen lassen sich nur bis zu einem gewissen Grad verkleinern, da diese häufig eine fixe Breite haben. Folge ist, dass Tabellen im Mobile-Modus oft abgeschnitten sind und gescrollt werden muss.

Ansicht im Tablet-Modus:

Ansicht der HTML5-Oberfläche im Tablet-Modus
Abb.: Ansicht der HTML5-Oberfläche im Tablet-Modus

Ansicht im Desktop-Modus:

Ansicht der HTML5-Oberfläche im Desktop-Modus
Abb.: Ansicht der HTML5-Oberfläche im Desktop-Modus

Allgemeine Bedienhinweise

Unabhängig der Ansicht folgend ein paar Tipps für Geräte ohne Touchscreen bzw. allgemeine Browser-Navigationshinweise: