Immer mehr Smartphone-Besucher
Posted: Mon Nov 04, 2019 11:14 pm
Die Welt ist mobil und so steigt die Zahl der Blog-Besucher mit Smartphones an und die PC/Laptop/Tablet-Besucher werden weniger. Das heisst konkret, dass ich mich verstärkt um die Besucher mit kleinen Auflösungen/Displays kümmern möchte.
Ein wichtiges Kriterium für Smartphone-User ist ein einfach zu erreichendes Menü. Soweit ich das überblicken kann, bietet nur das Bootstrap 4 Theme eine Menüleiste, die oben kleben bleibt (sticky-top), bei allen anderen verschwindet die Menüleiste sobald man etwas nach unten scrollt.
Ein grundsätzliches Serendipity-Problem ist zudem, dass man (als Normaluser) keine Untermenüs erstellen kann. Das wäre z.B. für die Darstellung von Kategorien doch sehr interessant.
Navigationselemente in der Seitenleiste (z.B. Kategorien, Stichworte/Tags, usw.) sind für durchschnittliche Smartphone-Besucher ausserhalb des Blickfelds. In der Mobile-Ansicht werden Seitenleisten-Plugins unter dem letzten Seiten-Blogeintrag dargestellt. Bei 10 Beiträgen pro Seite muss jemand dann schon recht lange nach unten scrollen, bis er diese Plugins zu sehen bekommt. Das machen nur die Wenigsten.
Wie auch immer.
Mir gefällt das Grundgerüst des Next-Theme und auch das Menü funktioniert in etwa so, wie man sich das am Smartphone gewohnt ist. Um immer einfach nach oben (zur Menüleiste) zu gelangen, baute ich mit der Hilfe von yellowled einen ständig sichtbaren «scroll-to-top»-Button ein. Somit ist das Menü immer nur einen Fingertipp entfernt.
Durch try-and-error habe ich herausgefunden, dass ich zwischen 7 und 9 Menüpunkte in das Next-Theme aufnehmen kann, damit noch alle richtig dargestellt werden, bevor die Ansicht zum Mobile-Menü umschaltet (die genaue Anzahl ist von der Textlänge der Menüpunkte abhängig). Nun überlegte ich, wie ich die Ergebnisse der zwei Seitenleisten-Plugins Kategorien (categories) und Tags (freetag) in die Menüzeile kriege.
Die Kategorien liessen sich recht einfach auf einer statischen Seite abbilden, die ich über den Menüpunkt «Kategorien» aufrufe. Das finde ich soweit o.k. Ich verwalte <10 Kategorien und die wechseln auch nicht oft. Die kann ich gut auf einer statischen Seite verlinken (und bei Änderungen anpassen). Ein Vorteil der statischen Seite ist zudem, dass ich den jeweiligen Kategorien sehr einfach noch kurze Erklärungstexte beigeben kann.
Ganz anders sieht es bei den Tags aus. Derzeit gibt es in meinem Blog etwa 150 Tags und mit jedem neuen Beitrag wechselt die Anzahl der vergebenen Tags und die Wahrscheinlichkeit ist auch gross, dass neue Tags hinzukommen. Am liebsten hätte ich hier eine Tag-Wolke auf einer statischen Seite (oder es könnte auch ein normaler Blogbeitrag sein) die sich genauso automatisch aktualisiert, wie es das Seitenleisten-Plugin macht. Mangels technischer Fähigkeiten kriege ich das aber nicht hin.
Meine Notlösung führt wieder über eine statische Seite, die ich vom Menü her aufrufe. Da zeige ich eine klickbare Tag-Liste, die ich mir zuvor mit dem Seitenleisten-Plugin generiert habe (den entsprechenden html-Code kopierte ich in den Quelltext der statischen Seite). Funktioniert, ist aber eben statisch und morgen schon veraltet. Bis ich eine bessere Lösung gefunden habe, werde ich diese Seite halt monatlich aktualisieren.
Phua… liest noch irgendwer?
Nun komme ich zum eigentlichen Punkt.
Meiner Meinung nach verlieren Seitenleisten-Plugins wegen Smartphone-Benutzern rapide an Attraktivität und man sollte sich überlegen, wie man die teils sehr tollen Funktionen anderweitig anzeigen kann.
Mein Laienansatz ist: Sobald ich ein Plugin in einen Artikel/Beitrag integrieren kann, habe ich viel mehr Möglichkeiten. Z.B. als dauerhafter Eintrag oder auch, dass ich den Code in eine statische Seite übernehmen kann.
Dieser Forumsbeitrag soll zur Diskussion über responsibles Blog-Design und Mobile-Tauglichkeit anregen. Was macht ihr für Eure Smartphone-Besucher? Was habt ihr für Ideen in diesem Bereich?
Vielen Dank, wenn ihr bis hierhin durchgehalten habt!
Über einen regen Gedankenaustausch würde ich mich freuen.
Ein wichtiges Kriterium für Smartphone-User ist ein einfach zu erreichendes Menü. Soweit ich das überblicken kann, bietet nur das Bootstrap 4 Theme eine Menüleiste, die oben kleben bleibt (sticky-top), bei allen anderen verschwindet die Menüleiste sobald man etwas nach unten scrollt.
Ein grundsätzliches Serendipity-Problem ist zudem, dass man (als Normaluser) keine Untermenüs erstellen kann. Das wäre z.B. für die Darstellung von Kategorien doch sehr interessant.
Navigationselemente in der Seitenleiste (z.B. Kategorien, Stichworte/Tags, usw.) sind für durchschnittliche Smartphone-Besucher ausserhalb des Blickfelds. In der Mobile-Ansicht werden Seitenleisten-Plugins unter dem letzten Seiten-Blogeintrag dargestellt. Bei 10 Beiträgen pro Seite muss jemand dann schon recht lange nach unten scrollen, bis er diese Plugins zu sehen bekommt. Das machen nur die Wenigsten.
Wie auch immer.
Mir gefällt das Grundgerüst des Next-Theme und auch das Menü funktioniert in etwa so, wie man sich das am Smartphone gewohnt ist. Um immer einfach nach oben (zur Menüleiste) zu gelangen, baute ich mit der Hilfe von yellowled einen ständig sichtbaren «scroll-to-top»-Button ein. Somit ist das Menü immer nur einen Fingertipp entfernt.
Durch try-and-error habe ich herausgefunden, dass ich zwischen 7 und 9 Menüpunkte in das Next-Theme aufnehmen kann, damit noch alle richtig dargestellt werden, bevor die Ansicht zum Mobile-Menü umschaltet (die genaue Anzahl ist von der Textlänge der Menüpunkte abhängig). Nun überlegte ich, wie ich die Ergebnisse der zwei Seitenleisten-Plugins Kategorien (categories) und Tags (freetag) in die Menüzeile kriege.
Die Kategorien liessen sich recht einfach auf einer statischen Seite abbilden, die ich über den Menüpunkt «Kategorien» aufrufe. Das finde ich soweit o.k. Ich verwalte <10 Kategorien und die wechseln auch nicht oft. Die kann ich gut auf einer statischen Seite verlinken (und bei Änderungen anpassen). Ein Vorteil der statischen Seite ist zudem, dass ich den jeweiligen Kategorien sehr einfach noch kurze Erklärungstexte beigeben kann.
Ganz anders sieht es bei den Tags aus. Derzeit gibt es in meinem Blog etwa 150 Tags und mit jedem neuen Beitrag wechselt die Anzahl der vergebenen Tags und die Wahrscheinlichkeit ist auch gross, dass neue Tags hinzukommen. Am liebsten hätte ich hier eine Tag-Wolke auf einer statischen Seite (oder es könnte auch ein normaler Blogbeitrag sein) die sich genauso automatisch aktualisiert, wie es das Seitenleisten-Plugin macht. Mangels technischer Fähigkeiten kriege ich das aber nicht hin.
Meine Notlösung führt wieder über eine statische Seite, die ich vom Menü her aufrufe. Da zeige ich eine klickbare Tag-Liste, die ich mir zuvor mit dem Seitenleisten-Plugin generiert habe (den entsprechenden html-Code kopierte ich in den Quelltext der statischen Seite). Funktioniert, ist aber eben statisch und morgen schon veraltet. Bis ich eine bessere Lösung gefunden habe, werde ich diese Seite halt monatlich aktualisieren.
Phua… liest noch irgendwer?
Nun komme ich zum eigentlichen Punkt.
Meiner Meinung nach verlieren Seitenleisten-Plugins wegen Smartphone-Benutzern rapide an Attraktivität und man sollte sich überlegen, wie man die teils sehr tollen Funktionen anderweitig anzeigen kann.
Mein Laienansatz ist: Sobald ich ein Plugin in einen Artikel/Beitrag integrieren kann, habe ich viel mehr Möglichkeiten. Z.B. als dauerhafter Eintrag oder auch, dass ich den Code in eine statische Seite übernehmen kann.
Dieser Forumsbeitrag soll zur Diskussion über responsibles Blog-Design und Mobile-Tauglichkeit anregen. Was macht ihr für Eure Smartphone-Besucher? Was habt ihr für Ideen in diesem Bereich?
Vielen Dank, wenn ihr bis hierhin durchgehalten habt!
Über einen regen Gedankenaustausch würde ich mich freuen.