Greetings, Guest
Wednesday, 30 Oct 2024
1
On 9 Jun 2015 at 20:38:43 CEST
-
Responsive Yahhhh... guter Ansatz. Nicht als nörgeln auffassen ich Berichte mal nur was mit komisch aufgefallen ist. Nimm das Los jedes Informatikers, denn was gut ist und funktioniert wird nie gelobt, da es Standard ist.
Nevigationsmenü
Nett gemacht und erinnert mich an das InGame-nav. Ich finde es aber komisch, dass es endlos nach untern weitergeht ohne weiteren Content. Lieber irgendwie abschließen lassen.
Wenn man die Seite betritt ist das Navi standardmäßig ausgeklappt und da es den Content-Bereich überdeckt sieht dieser einfach Falsch aus. Elemente sollten sich eher Verschieben als überlappen. Alternativ wäre abdunkelnd es Contentbereiches anwendbar finde ich aber ziemlichen murks an dieser Stelle.
Zwei wichtige Dinge sehe ich als Problematisch:
1. Leider hält es sich nicht an den Quasi Standard, dass das Menü oben ist. Dieses verhalten hat sich bei mobilen Ansichten durchgesetzt und sollte aus Gründen der Benutzbarkeit auch eingehalten werden. Nichts ist schlimmer als wenn die Interaktios-Erwartung des Users nicht mit der Realität übereinstimmt.
2. Das Menü ist nicht immer erreichbar. Wenn man bedenkt, dass bei Mobile Seiten (Besonders der News-Seite) sehr weit hinunter gescrollt wird. Ist der User gezwungen erst komplett nach oben zu gehen um an die Navigation heran zu kommen. Übliche Lösung ist das Menü oben an zu pinnen, so dass man schnell heran kommt.
Ein gutes Beispiel, was mir gerade einfällt, ist Focus. http://m.focus.de
Im Zusammenhang mit dem Menü einklappen Button wäre das dann quasi das Wünschenswerteste.
Forum
Das Scaled sich an gut in die ScreenSize rein. Nur beim initialen aufrufen passiert das nicht.
Icons
Auf meinen Devices kommen die Social Comunity Icon alle irgendwie unscharf (Navigationsmenü) oder pixelig (News) vor.
Devices
HTC Wildfire S
OnePlus
Nexus7
Sieht bei allen Devices gleich aus *ThumbUp*
Musste das hier fix schreiben, notfalls nachfragen bei Unverständnis. Natürlich der Tatsache nicht des Vorschlages :-P.
Nevigationsmenü
Nett gemacht und erinnert mich an das InGame-nav. Ich finde es aber komisch, dass es endlos nach untern weitergeht ohne weiteren Content. Lieber irgendwie abschließen lassen.
Wenn man die Seite betritt ist das Navi standardmäßig ausgeklappt und da es den Content-Bereich überdeckt sieht dieser einfach Falsch aus. Elemente sollten sich eher Verschieben als überlappen. Alternativ wäre abdunkelnd es Contentbereiches anwendbar finde ich aber ziemlichen murks an dieser Stelle.
Zwei wichtige Dinge sehe ich als Problematisch:
1. Leider hält es sich nicht an den Quasi Standard, dass das Menü oben ist. Dieses verhalten hat sich bei mobilen Ansichten durchgesetzt und sollte aus Gründen der Benutzbarkeit auch eingehalten werden. Nichts ist schlimmer als wenn die Interaktios-Erwartung des Users nicht mit der Realität übereinstimmt.
2. Das Menü ist nicht immer erreichbar. Wenn man bedenkt, dass bei Mobile Seiten (Besonders der News-Seite) sehr weit hinunter gescrollt wird. Ist der User gezwungen erst komplett nach oben zu gehen um an die Navigation heran zu kommen. Übliche Lösung ist das Menü oben an zu pinnen, so dass man schnell heran kommt.
Ein gutes Beispiel, was mir gerade einfällt, ist Focus. http://m.focus.de
Im Zusammenhang mit dem Menü einklappen Button wäre das dann quasi das Wünschenswerteste.
Forum
Das Scaled sich an gut in die ScreenSize rein. Nur beim initialen aufrufen passiert das nicht.
Icons
Auf meinen Devices kommen die Social Comunity Icon alle irgendwie unscharf (Navigationsmenü) oder pixelig (News) vor.
Devices
HTC Wildfire S
OnePlus
Nexus7
Sieht bei allen Devices gleich aus *ThumbUp*
Musste das hier fix schreiben, notfalls nachfragen bei Unverständnis. Natürlich der Tatsache nicht des Vorschlages :-P.
Gaming it's not only fun ... it's passion !
2
On 18 Jun 2015 at 13:14:49 CEST
-
Standards gibt es nicht.. Ich denke, da sind wir uns einig: Es gibt nur Best Practices... ;-)
Nevigationsmenü
Zuerst: Das ist nicht nur ein Navigationsmenü, es ist eine ganze Menüleiste. Denn es enthält auch das Login-Menü und kann ggf. noch weiter wachsen. Werbung und Shop hab ich wegen der Bandbreite rausgenommen.
Darum ist das Verhalten auch nicht wirklich mit einem Navmenü zu vergleichen.
Habe nun folgendes drin:
Beim Herunterscrollen erscheint ein fix positionierter Button, über den wie in der oberen Leiste das seitliche Menü auf/zugeklappt werden kann (Schließen kann man übrigens auch über Click auf den überdeckten Hintergrund).
Beim Aufklappen über diesen Button wird automatisch nach oben gescrollt, um die Navigationslinks direkt verwenden zu können.
Ich hätte das gerne anders gemacht, doch stoße ich an Probleme bei der Auflösung: Bei kleinen Displays kann es sein, dass die Navigationsleiste höher ist, als die Display-Höhe. Man muss zum Navigieren daher ggf. scrollen.
Würde ich die Leiste ebenfalls fix am oberen Rand positionieren, könnte man sie nicht mehr mit der gesamten Seite scrollen. Man bräuchte dann einen scrollbaren Container innerhalb der Seite - und das ist immer der totale Bedienungsalptraum...
Außerdem ist es Absicht, dass beim ersten Betreten der Seite die Navigation ausgeklappt ist: Man will sich ja erstmal orientieren oder gar direkt einloggen.
Auch das Überdecken ist Absicht, zum Verschieben ist kein Platz - darum geht es ja überhaupt. Über Abdunkeln des Hintergrunds könnte man nachdenken. Nur würde das auf Tablets wiederum seltsam aussehen...
Forum:
Betrifft alle Seiten, die zu breit sind, um ins Fenster zu passen. Das geht nicht anders.
Alle SGR-Seiten teilen durch einen Meta-Tag dem Browser, die Seiten initial auf 100% zu zoomen. Und genau das macht der Browser - auch beim Forum. Und das ist auch korrekt:
Da das Forum und zB. die Highscores zu breit sind, passen sie ggf. nicht ins Display und man muss seitlich scrollen. Man kann natürlich auch herauszoomen, doch dann entspricht die Zoomstufe nicht der der voll responsiven Seiten.
An dieser Stelle stoßen die Offgame-Seiten einfach an die Grenzen der Mobiliät. Man kann nicht alle Inhalt responsiv aufbereiten, ohne alles komplett neu zu machen...
Icons:
Kann sein, da die Icons auf PC ausgelegt sind und vermutliche geringe DPI haben. Will die sowieso irgendwann man alle vereinheitlichen, bis dahin muss das so genügen.
Addendum (19 Jun 2015, 23:27:41 CEST):
Und jetzt erscheint der fix positionierte Button auch im Firefox *hust*
Nevigationsmenü
Zuerst: Das ist nicht nur ein Navigationsmenü, es ist eine ganze Menüleiste. Denn es enthält auch das Login-Menü und kann ggf. noch weiter wachsen. Werbung und Shop hab ich wegen der Bandbreite rausgenommen.
Darum ist das Verhalten auch nicht wirklich mit einem Navmenü zu vergleichen.
Habe nun folgendes drin:
Beim Herunterscrollen erscheint ein fix positionierter Button, über den wie in der oberen Leiste das seitliche Menü auf/zugeklappt werden kann (Schließen kann man übrigens auch über Click auf den überdeckten Hintergrund).
Beim Aufklappen über diesen Button wird automatisch nach oben gescrollt, um die Navigationslinks direkt verwenden zu können.
Ich hätte das gerne anders gemacht, doch stoße ich an Probleme bei der Auflösung: Bei kleinen Displays kann es sein, dass die Navigationsleiste höher ist, als die Display-Höhe. Man muss zum Navigieren daher ggf. scrollen.
Würde ich die Leiste ebenfalls fix am oberen Rand positionieren, könnte man sie nicht mehr mit der gesamten Seite scrollen. Man bräuchte dann einen scrollbaren Container innerhalb der Seite - und das ist immer der totale Bedienungsalptraum...
Außerdem ist es Absicht, dass beim ersten Betreten der Seite die Navigation ausgeklappt ist: Man will sich ja erstmal orientieren oder gar direkt einloggen.
Auch das Überdecken ist Absicht, zum Verschieben ist kein Platz - darum geht es ja überhaupt. Über Abdunkeln des Hintergrunds könnte man nachdenken. Nur würde das auf Tablets wiederum seltsam aussehen...
Forum:
Betrifft alle Seiten, die zu breit sind, um ins Fenster zu passen. Das geht nicht anders.
Alle SGR-Seiten teilen durch einen Meta-Tag dem Browser, die Seiten initial auf 100% zu zoomen. Und genau das macht der Browser - auch beim Forum. Und das ist auch korrekt:
Da das Forum und zB. die Highscores zu breit sind, passen sie ggf. nicht ins Display und man muss seitlich scrollen. Man kann natürlich auch herauszoomen, doch dann entspricht die Zoomstufe nicht der der voll responsiven Seiten.
An dieser Stelle stoßen die Offgame-Seiten einfach an die Grenzen der Mobiliät. Man kann nicht alle Inhalt responsiv aufbereiten, ohne alles komplett neu zu machen...
Icons:
Kann sein, da die Icons auf PC ausgelegt sind und vermutliche geringe DPI haben. Will die sowieso irgendwann man alle vereinheitlichen, bis dahin muss das so genügen.
Addendum (19 Jun 2015, 23:27:41 CEST):
Und jetzt erscheint der fix positionierte Button auch im Firefox *hust*
Was nicht passt, wird passend gemacht,
Wo ein Bug ist, werden Fallen aufgestellt,
Und was nicht geht, bekommt Beine...
Wo ein Bug ist, werden Fallen aufgestellt,
Und was nicht geht, bekommt Beine...