SP T2020 > Haupt-Menue-Top-Quer > Optimierungsansätze
SP T2020 > Navigation > linker Frame wird aufgelöst > Offene Fehlfunktion zur Lösung
Offener (Bedienungs-Fehler): "Es gibt keine aufgeklappte Gesamtübersicht aller Menuepunkte"
Die Navigation aus dem linken Frame wird komplett aufgelöst
- Hauptmenue = wird in die Quernavigation verlegt
- Folge-Erkenntnis in der Arbeitspraxis: Das hat sich zu einem massiven Problem entwickelt, weil es jetzt kein "zur Gänze ausgeklapptes, übersichtliches Menue zur Navigation gibt. Wenn man eine bestimmte Seite sucht, die z. B. in der 4. Menuetiefe liegt, und man sucht nur nach der Seitenbezeichnung (spricht man hat keinen direkten Link auf die Seite), dann ist die Seite in der normalen Quernavigation kaum zu finden.
- Als Zwischenlösung für das Problem wurde, gleich nach dem Menuepunkt "Home" der Menuepunkt "Alle Inhalte" angelegt (= lautete im Amicas Serviceportaltemplate 2017 noch "Hauptmenue"). Wenn man diesem Punkt anklickt, dann öffnen sich alle Menuepunkte unterhalb von "Alle Inhalte" in einer Indexübersicht. Praxisbeispiel: www.vorsorgeplan.at/alle-inhalte
- Folge-Erkenntnis in der Arbeitspraxis: Das hat sich zu einem massiven Problem entwickelt, weil es jetzt kein "zur Gänze ausgeklapptes, übersichtliches Menue zur Navigation gibt. Wenn man eine bestimmte Seite sucht, die z. B. in der 4. Menuetiefe liegt, und man sucht nur nach der Seitenbezeichnung (spricht man hat keinen direkten Link auf die Seite), dann ist die Seite in der normalen Quernavigation kaum zu finden.
- Service = wird in die Quernavigation verlegt
- Community = wird in die Quernavigation verlegt
- Infoboxen = werden in die rechte Seitenspalte verlegt
SP T2020 > Navigation allgemein > Ziel: Ein komplett aufgeklappter Index vom Hauptmenue (= Alle-Inhalte) Offene Problemstellung > zu hohe Ladezeiten wegen "Doppelmenue" in der Quernavigation
Aktuelle Umsetzung
- Die ursprünglichen 3 Menueframes im Mittelteil verschmelzen zu einem Frame (= Hauptbildschirm)
- Praxisdemo: www.amicas.at/admin-musterportal-2020
- Das aktuelle Hauptmenue = die Textnavigation (aus dem linken Menueframe vom SP T 2017) wird ein Menue zum Aufklappen bis auf maximal 7 Ebenen tief und in den Kopfframe - Quernavigation verlegt.
- Praxisdemo: www.amicas.at/admin-musterportal-2020
- Navigationspfadangabe (Breadcrumbs) - "Sie befinden sich hier:" Pfadangabe ist verlinkt. Es genügt auch, wenn die Pfadangabe startet mit "Portalname / Home / ... / ... / usw.
- Die Pfadangabe kommt jetzt 2 mal,
- 1 x im Seitenkopf = direkt über Mittelframe,
- 1 x im Seitenfuss, direkt unter Mittelframe. (Fehlt noch immer mit Stand 2022-10-05)
Die aktuellle Menuenavigation im Detail anhand vom SP "Lebensschule" - www.lebensschule.at
A) Alle Inhalte - www.lebensschule.at/alle-inhalte
Hier öffnet ein Index der sämtliche Menupunkte, angelegt unterhalb von "Alle Inhalte" = Ex Menuepunkt "Hauptmenue" im SP T 2017 öffnet, und damit eine Gesamtübersicht "auf einen Blick" bietet. Dies hat den Vorteil, dass hier schnell eine bestimmte Seite nach dem Titel gefunden werden kann, die sonst sehr aufwendig im Quermenue gesucht werden muss, wo es keine Gesamtübersicht gibt. Bei Abfrage am PC-Bildschirm.
B) Menuepunkte der Quernavigation - www.lebensschule.at
Diese werden individuell über die "Themen-Pids" im Template manuell eingefügt. Dies sind hervorgehobene Menuepunkte der 2. Ebene, unter "Alle-Inhalte" + Menuepunkte auf der selben Ebene wie "Alle-Inhalte" wie z. B. "Service" + Untermenuuepunkte und "Community" + Untermenuepunkte.
C) Menuepunkt der Fussleiste - "Siteplan" - http://www.lebensschule.at/fussleiste/siteplan
Listet als Index sämtliche Menuepunkte vom betreffenden Serviceportal aus.
Offene Problemstellung > zu hohe Ladezeiten wegen "Doppelmenue" in der Quernavigation
Laut Pit führt die Tatsache, dass es in der Quernavigation zu einer "Verdoppelung" des vom Browser zu ladenden Menues kommt, (weil unter "Alle-Inhalte" das komplette Menue nochmals ausgelesen wird) zu doppelt hohen Ladenzeiten.
Würde man dieses "Pid" = "Alle-Inhalte" aus dem Template = dem Quermenue löschen, würde dies die Ladezeiten um 50 % verkürzen.
Folgeproblem: Wenn wir das jedoch machen, dann gibt es keine "übersichtliche Gesamtübersicht" des Menues und wir haben wieder das oben beschriebene Problem der "Schnellen Findung einer bestimmten Seite".
Stand: 2022-11-30
SP T2020 > Hauptnavigation > Externe Vorlagen und Optimierungsideen
Lösungsansatz - Idee Nr. 1 - Vorlage: www.wasserburg.de
Lösungsansatz 1:
https://www.wasserburg.de
Technische Umsetzung:
- Man sieht am Start in der Quernavigation nur die Hauptmenuepunkte der 1. Ebene
- Wenn man mit der Mouse drüber fährt, dann sieht man die 2. und 3. Ebene komplett dargestellt.
- Sobald man einen Menuepunkt aus der Quernavigation anklickt, wandert das Menue wieder in den linken Frame und die Website hat 2 Spalten. Eine für die Navigation, eine für den Inhalt.
- Problemstellung dabei: Die Menues dürfen in der Quernavigation können nur 3 Ebenen tief sein.
Technische Adaptierung auf die Menuenavigation vom SP T2020, mit der Lösung, dass
- auch Menuetiefen bis zur 7. Ebene (14. Ebene?) möglich sind, z. B. im Serviceportal www.vorsorgeplan.at
- man im linken Frame die komplette Menueebene = "Alle-Inhalte" optional auch zur Auswahl hat.
Ausgangslage - aktuelle Praxis in der Template-Konfiguration der Serviceportale:
- Die Infoboxen im rechten Frame kommen nur mehr auf der Startseite. In der Praxis werden sie in der weiteren Navigation ausgeblendet. Praxisbeispiel: www.lebensschule.at - Zumindest auf einem PC/Laptop/Tablet könnte der linke Menueframe mit der Hauptnavigation wieder eingeblendet werden.
- Wenn der User aus der Quernavigation einen Sub-Menuepunkt ausgewählt hat, dann "wandert = öffnet" das Menue im linken Frame. Der rechte Frame mit den Infoboxen ist weg.
- Design nach Muster: https://www.wasserburg.de/fahrrad = Dies entspricht der Menueführung entwickelt für das SP T2017 - ist noch im SP "Admin-Musterportal-2017" - www.amicas.at/admin-musterportal-2017 und auch im SP "Admin-Kopiervorlagen" - vorhanden auf: www.amicas.at/admin-kopiervorlagen
- Zur Gänze geöffnet erscheint im linken Frame nur das gesamte Menue der 2. Ebene - Hier - Siehe: https://www.wasserburg.de/fahrrad
- Wichtig: Über dem geöffneten Menue befindet sich eine "Geschlossene Menuebox" nur mit einer Aufschrift "Alle Inhalte (anzeigen)". Wenn der User hier drauf klickt, dann öffnet sich, so wie früher beim SP T2017 das gesamte Hauptmenue, aktuell noch unter z. B. www.lebensschule.at/alle-inhalte - und weitere, unterhalb angesiedelte Sub-Menueboxen verschwinden wieder, weil ohnehin das gesamte Hauptmenue aufgeklappt ist.
- Das Menue bleibt präsent, der Content kommt im Mittelframe, die rechts Spalte ist deaktiviert.
- Unter dem Hauptmenue kommen optional die "Menueboxen-Links".
SP T2020 > Navigation > Seitenkopf quer > Funktionsbeschreibung
Modell 1: Navigation auf 3 Ebenen
In der Quernavigation (Seitenkopf) wird jeweils die gesamte 1. Ebene angezeigt. Kann über mehrere Zeilen gehen, ist auch aktuell so umgesetzt.
Welche Menuepunkte tatsächlich angesteuert werden, kann im Template über die Angabe von "Menue-Themen-Pids" gesteuert werden.
Wenn man mit der Mouse über einen Punkt der 1. Ebene drüber fährt, dann sieht man in einer Gesamtübersicht die 2. und 3. Ebene der Navigation.
Dieses Fenster hat dann einen weißen Hintergrund mit Schwarzer Schrift.
Wenn man den Punkt der 1. Ebene anklickt, dann bekommt er einen Rahmen in der Portal-Grundfarbe.
Modell 1+: Navigation in die 4. + 5. Ebene
Wenn es eine 4. oder 5. Menueebene gibt, dann gibt es ab der 3. Ebene + 4. Ebene Pfeile = >, die das weiterführende Menue ankündigen.
Wenn man dann mit der Mouse über einen Punkt der 3. Ebene mit weiterführendem Menue zur 4. / 5. Ebene fährt, dann klappt ein Fenster auf, das in einer Gesamtübersicht alle weiterführenden Menuepunkte der 4. + 5. Ebene zeigt.
Icons für die Navigation:
Hier sollte der "Zentrale Icon-Katalog" für die Amicas Serviceportale verwendet werden, der im Rahmen des Template-Designs noch anzulegen ist.
Praxisbeispiele - extern:
www.bankaustria.at
www.sbausparkasse.at
www.hypovbg.at
https://www.weko.com/serviceinformation
Praxisbeispiele - GTN-Solutions:
www.bruckneruni.at
www.proges.at
Statische Entwicklung - Demo:
http://fw.amicas.at/typo3/template/2020/navigation_seitenkopf_quer.htm
SP T2020 > Navigation > Hauptmenue > Inhalte = "Alle Inhalte anzeigen" = der "Inhalt" aufgeklappt in einer Übersicht > Optimierungsansatz
Suche nach einer Lösung für nachfolgende Problemstellung
Es hat sich in der Navigation der verfügbaren Menuepunkte in der Praxis folgendes rausgestellt:
Problemstellung:
Bei Serviceportalen mit einer Menuetiefe von 4 bis 7 Ebenen tief, was bei 80 % der Serviceportale auch der Fall ist, siehe Praxisbeispiele wie
...stellt sich oft die Frage: "Ja, wo ist denn nur der Menuepunkt XY drin?"
Rein in der Quernavigation ist das Finden dieses Menuepunkts "XY" sehr schwierig und zeitaufwendig, auch sehr unübersichtlich.
Lösungsansatz: (der leider nicht optimal ist, weil er zu doppelten Ladezeiten für das Quermenue führt)
Eine Gesamtübersicht aller verfügbaren und "anklickbaren" Menuepunkte, zumindest im Redaktionellen Teil = das "Sidemenue" = Alle Menuepunkte aktuell unter "Alle-Inhalte",
"Service" + "Community" kann nur in der Quernavigation bleiben.
Von der Funktion her vergleichbar mit dem Typo3 Backend, wo bei Anklicken eines Serviceportals der Menuebaum komplett aufklappt.
Das Entspricht technisch teilweise dem "Siteplan" der im Frontend funktioniert, doch für User schwer zu finden ist und optisch nicht übersichtlich ist.
Wenn man z. B. im Backend den Menuepunkt "Inhalte" anklickt, dann öffnet sich der komplette Menuebaum. Das ist ideal, um eine bestimmte Seite zu finden oder anzuklicken. So sollte das auch im Frontend sein.
Lösungsansatz A:
Nach der Vorlage der Backend-Navigation könnte es in der FE-Quernavigation, gleich nach der Home einen Menuepunkt geben wie "Alle Inhalte anzeigen" (mit Pfeil nach unten zum Öffnen und Schließen).
Pfadanzeige: Serviceportalname / Home / Alle Inhalte anzeigen / ....
Dann öffnet sich im Hauptframe der komplette Menuebaum der "Anklickbaren Inhalte" im Mittelframe. Wenn man dann einen Punkt anklickt, dann bleibt das Menue und der angeklickte Menuepunkt öffnet seinen Inhalt, rechts vom Menue.
Praxisbeispiel für Lösungsansatz:
https://www.bmeia.gv.at/europa-aussenpolitik/voelkerrecht/staatsvertraege/oesterreich-als-depositaer/
Lösungsansatz B:
Es gibt eine Möglichkeit, das Template so zu wählen, dass es einen linken Menueframe gibt und rechts davon der Inhalt kommt.
Praxisbeispiel für Lösungsansatz:
https://www.bmeia.gv.at/europa-aussenpolitik/voelkerrecht/staatsvertraege/oesterreich-als-depositaer/
Lösungsansatz C:
Es gibt zumindest im Fusszeilenbereich unterhalb der Navigationsleiste (Breadcrumb) unten, einen Bereich wo man den Gesamten Menuebaum komplett aufgeklappt sehen kann.
Das könnte so aussehen, dass die 1. und 2. Ebene der Navigation bereits "dauergeöffnet" ist und über dem Menue ein Wahlbutton von "Meneauswahl komplett öffnen" + "Meneuauswahl komplett schließen" gibt.
Praxisbeispiel für Lösungsansatz C:
https://www.laborstrauss.com/
Lösungsansatz D:
Es gibt einen "dauerpräsenten" Button auf der linken Bildschirmseite "Meneauswahl komplett öffnen" + "Meneuauswahl komplett schließen"
Wenn man den anklickt, dann öffnet in einem Popup-Fenster ein komplett aufgeklapptes Menue vom Inhalt = entspricht allen Menuepunkten, so wie im Backend unter "Inhalte" geöffnet erscheint.
Begriffsbestimmungen mit Inhaltsangabe und Praxisbeispiel extern
1) Sidemenue oder Sidemap (wird aktuell im Mittelframe der Amicas Serviceportale als "Sidemenu" angezeigt, jedoch ohne Funktionen)
Inhalt / Funktion: Zur Gänze aufklapp- und schließbares Menue von "Inhalte", aktuell noch ohne "Service" und "Community"
Praxisbeispiel intern: http://www.sterbe-vorsorge.at/alle-inhalte - technisch noch nicht umgesetzt (Stand: 2021-08-17)
Praxisbeispiel extern: https://www.bmeia.gv.at/sitemap/
2) Siteplan (Wird aktuell nur in der Fußzeile aller Amicas Online Serviceportale angezeigt)
Inhalt / Funktion: Zeigt wohl sämtliche Menuepunkte vom Template
Praxisbeispiel intern: http://www.beraterverbund.at/fussleiste/siteplan
