MaMo 10.02.2014, 01:16
Betreff: Design für mobile Nutzung

Hallo zusammen,

seit heute könnt ihr nun auch von unterwegs eurem schönen Hobby fröhnen! Das Forum hat nun ein (hoffentlich) voll funktionsfähiges Design für mobile Endgeräte. Ihr könnt mit Tablet, Smartphone usw. auf eine dafür optimierte Version zugreifen. Das Forum sollte automatisch erkennen, ob es sich um ein mobiles Gerät oder einen normalen Computer handelt und sofort die passende Version anbieten. Ihr könnt manuell über die Links "Ansicht für mobile Geräte" (unter dem Forum) oder "Ansicht für Computer" (im Menü) in den jeweiligen Designs zwischen den Ansichten wechseln. Es gibt nun außerdem die neue URL http://m.indiana-jones-forum.de die euch direkt zur passenden mobilen Version der Seite bringt. Es bietet sich an, auf dem Handy/Tablet die Favoriten entsprechend auf http://m.indiana-jones-forum.de umzustellen.

Fehler, Verbesserungsvorschläge o.ä. bitte hier melden!

Viel Spaß mit dem Forum also auch vom Sofa aus oder aus dem Bus... Zwinkernder Smiley

Grüße
Matthias

Kalmanitas 10.02.2014, 01:59
Betreff: Re: Design für mobile Nutzung

Vielen Dank Matthias!
Aber sag mal, ist das normal, dass ich youtube Videos, die embedded in dem post erscheinen, mobil nicht sehen kann? War gerade mobil im Film Musik Thread und kann dort die ganzen geposteten Musikvideos nicht sehen. Kann man das irgendwie so einstellen, dass die auch mobil sichtbar sind? Vielen Dank im voraus!

MaMo 10.02.2014, 03:39
Betreff: Re: Design für mobile Nutzung

Hi,

also ich kann sie mobil sehen. Der Code wird auch ausgeliefert und mehr kann ich da, glaube ich, nicht tun. Kann es sein, dass dein Handy das vllt. blockt/entfernt?

Grüße
Matthias

Edit: Memo an mich: Die m.indiana-jones-forum.de Weiterleitung ist auf der nächsten Seite wieder im Standard-Design, wenn man den Computer nutzt.

5IC 10.02.2014, 08:14
Betreff: Re: Design für mobile Nutzung

Super, bei mir geht alles. Nur drei Sachen die mir aufgefallen sind:

Ich würde Bilder global auf max-width: 100%; height: auto; setzen, damit zu große Bilder den Rahmen nicht sprengen.

Ich würde die Schriftgröße des Forentitels etwas kleiner machen, damit er nicht umbricht.

Ich würde eventuell das jQuery Script "fitvids" einsetzen, damit youtoube videos mit der Breite des Forums mit skalieren.

Ansonsten alles gut bei mir!

Aldridge 10.02.2014, 08:29
Betreff: Re: Design für mobile Nutzung

Bei allem lobenswerten Engagement... Ich bin kein Freund mobiler Seiten. Finde es nun eher nervig, erst auf die mobile Seite geleitet zu werden und dann umstellen zu müssen. Mobil ist der Infogehalt der Seiten halt immer beschnitten.

Aber ich werd's überleben. Zwinkernder Smiley

5IC 10.02.2014, 08:44
Betreff: Re: Design für mobile Nutzung

Zitat von Aldridge:
Bei allem lobenswerten Engagement... Ich bin kein Freund mobiler Seiten. Finde es nun eher nervig, erst auf die mobile Seite geleitet zu werden und dann umstellen zu müssen. Mobil ist der Infogehalt der Seiten halt immer beschnitten.

Aber ich werd's überleben. Zwinkernder Smiley

Wenn man den mobilen Chrome Browser benutzt kann man meines Wissens nach, wenn man das Forum offen hat, im Kontextmenü "Desktop-Version" anhaken. Dann merkt sich der Browser den Zustand bis man den Chache leert.

Aldridge 10.02.2014, 09:24
Betreff: Re: Design für mobile Nutzung

Funktioniert.

Merci!

Und per Blackberry komme ich erstaunlicherweise direkt auf die Desktop-Version...

Jens 10.02.2014, 13:12
Betreff: Re: Design für mobile Nutzung

Super, MaMo - das ging ja fix. Vielen Dank für die Optimierung. Funktioniert wirklich tadellos.

Off-Topic:
Aldridge - BackBerry? Und ich dachte schon, ich wäre der letzte Dinosaurier, der BB noch die Treue hält. Zwinkernder Smiley

Aldridge 10.02.2014, 15:04
Betreff: Re: Design für mobile Nutzung

Off-Topic:
Tja, manche Leute sind eben immer noch vom Apple-Markenimage geblendet. Zwinkernder Smiley

MaMo 10.02.2014, 16:04
Betreff: Re: Design für mobile Nutzung

Hi,

danke für die Rückmeldungen.

Zitat von 5IC:
Ich würde Bilder global auf max-width: 100%; height: auto; setzen, damit zu große Bilder den Rahmen nicht sprengen.
Danke für den Hinweis. Werde das prüfen...

Zitat von 5IC:
Ich würde die Schriftgröße des Forentitels etwas kleiner machen, damit er nicht umbricht.
Forenspezifische Anpassungen folgen, sobald das Design final ist.

Zitat von 5IC:
Ich würde eventuell das jQuery Script "fitvids" einsetzen, damit youtoube videos mit der Breite des Forums mit skalieren.
Gibts da eine Alternative ohne jQuery?
Edit: Jo, habe FluidVids gefunden. Werde auch das mal prüfen.

Zitat von Aldridge:
Ich bin kein Freund mobiler Seiten. Finde es nun eher nervig, erst auf die mobile Seite geleitet zu werden und dann umstellen zu müssen.
Man kann es nie allen Recht machen, das liegt in der Natur von Änderungen. Zwinkernder Smiley

Zitat von Aldridge:
Mobil ist der Infogehalt der Seiten halt immer beschnitten.
Im Vergleich zu anderen mobilen Versionen finde ich diese noch recht vollständig. Fehlt dir irgendwas wichtiges?

Zitat von Aldridge:
Und per Blackberry komme ich erstaunlicherweise direkt auf die Desktop-Version...
Die Erkennung stammt nicht von mir. Das müsste man mal an Mobile Detect melden.

Vielleicht werde ich die Erkennung wieder deaktivieren oder abwandeln. Die scheint etwas buggy zu sein und mit m.indiana-jones-forum.de und indiana-jones-forum.de haben wir ja auch zwei ordentliche Unterscheidungen. Abwarten...

Grüße
Matthias

Jens 10.02.2014, 16:18
Betreff: Re: Design für mobile Nutzung

Zitat von MaMo:
Zitat von Aldridge:
Und per Blackberry komme ich erstaunlicherweise direkt auf die Desktop-Version...
Die Erkennung stammt nicht von mir. Das müsste man mal an Mobile Detect melden.

Vielleicht werde ich die Erkennung wieder deaktivieren oder abwandeln. Die scheint etwas buggy zu sein und mit m.indiana-jones-forum.de und indiana-jones-forum.de haben wir ja auch zwei ordentliche Unterscheidungen. Abwarten...

Mein BB zeigt die mobile Version an, aber es gibt auch hier die Option zwischen mobiler und Desktopfassung zu wechseln (wenigsten im BB-OS10-Browser).

Aldridge 10.02.2014, 16:22
Betreff: Re: Design für mobile Nutzung

Zitat von MaMo:
Man kann es nie allen Recht machen, das liegt in der Natur von Änderungen. Zwinkernder Smiley

Das stimmt, und nun bin ich mal einer dieser "grumpy old men". Zwinkernder Smiley In kann´s ja nachvollziehen - da macht man sich Mühe, und dann meckert doch wieder einer...

Zitat von MaMo:
Im Vergleich zu anderen mobilen Versionen finde ich diese noch recht vollständig. Fehlt dir irgendwas wichtiges?

Zum Beispiel, dass die zuletzt bestückten Threads in den jeweiligen Unterforen nicht zu sehen sind. Braucht man auch nicht unbedingt, aber ist wohl eine psychologische Sache. Mich nervt das immer unheimlich, wenn ich weiß, dass ich nicht alles sehe so wie sonst. Ansonsten werden unten die neuesten Beiträge angezeigt, das ist zugegeben mehr als bei anderen mobilen Seiten.

Aber ich habe halt gerne das große Ganze. Nie kapiert, was der Vorteil von mobilen Seiten ist...

Zitat von MaMo:
Die Erkennung stammt nicht von mir. Das müsste man mal an Mobile Detect melden.


Inzwischen hatte ich es auch auf dem Blackberry (übrigens ein Z 10, betriebstechnisch also die Mischung aus Blackberry und Android). Man hat da ja eine Speicherfunktion für die am häufigsten besuchten Seiten. Vermutlich war ich heute Morgen darüber direkt auf die Desktop-Version gesprungen.

MaMo 10.02.2014, 16:49
Betreff: Re: Design für mobile Nutzung

Zitat von Aldridge:
Zum Beispiel, dass die zuletzt bestückten Threads in den jeweiligen Unterforen nicht zu sehen sind.
Ich kann dir nicht ganz folgen. In den Foren siehst du anhand des orangen Sterns auf der rechten Seite was neu ist und was nicht (grau). Ebenso in den Themen etc.

Zitat von Aldridge:
Aber ich habe halt gerne das große Ganze. Nie kapiert, was der Vorteil von mobilen Seiten ist...
Sie ist halt (meiner Meinung nach) auf dem Handy deutlich einfacher zu bedienen. Das hatte ich erst auch nicht gedacht, aber nachdem ich das entwickelt habe und mal ein wenig damit rumgesurft bin war es doch deutlich angenehmer so. Vorher passten die Schriftgrößen nie und man musste unendlich zoomen und so...

Pascal 10.02.2014, 16:55
Betreff: Re: Design für mobile Nutzung

Zitat von MaMo:
Vielleicht werde ich die Erkennung wieder deaktivieren oder abwandeln. Die scheint etwas buggy zu sein und mit m.indiana-jones-forum.de und indiana-jones-forum.de haben wir ja auch zwei ordentliche Unterscheidungen.

Ich bin dafuer! Thumbs up Ich kann mir beim besten Willen nicht vorstellen, dass diese automatische Erkennung wirklich alle Geraete richtig einordnet.

Zitat von Aldridge:
Nie kapiert, was der Vorteil von mobilen Seiten ist...

ist doch gut, wenn Du sowas nicht brauchst. Aber mit manchen kleinen Geraeten (z.B. auf meinem Kindle) belegt alleine der Avatar ueber 75% des Bildschirms. Texte kann man da nurnoch muehsam lesen.

Leusel 10.02.2014, 17:09
Betreff: Re: Design für mobile Nutzung

Ich war heute Morgen auch kurz drin. Gefällt mir schon ganz gut, nur kann ich, wenn ich z. B.ins Off-Topic-Forum gehe, die Seiten nicht wechseln. Ist das gewollt, oder ein Fehler des Forums bzw. Handys?

MaMo 10.02.2014, 17:44
Betreff: Re: Design für mobile Nutzung

Zitat von Serano:
nur kann ich, wenn ich z. B.ins Off-Topic-Forum gehe, die Seiten nicht wechseln. Ist das gewollt, oder ein Fehler des Forums bzw. Handys?
Oh, wie habe ich das denn geschafft? Klarer zu behebender Logikfehler, so sieht es umgangssprachlich im Code aus:
Wenn nur eine Seite vorhanden: Seitenzahlen einblenden
Wenn mehrere Seiten vorhanden: Seitenzahlen ausblenden
Lachender Smiley
Danke für den Hinweis. Thumbs up

MaMo 10.02.2014, 20:16
Betreff: Re: Design für mobile Nutzung

Hallo zusammen,

folgende Änderungen wurden im letzten Update eingeführt:
  • Bilder werden passend verkleinert (Danke 5IC)
  • Videos werden in der Breite angepasst (Danke 5IC)
  • Automatische Erkennung und Weiterleitung wurde deaktiviert, bis eine bessere Lösung zur Verfügung steht. Es bietet sich an die Favoriten auf Handy/Tablet auf http://m.indiana-jones-forum.de umzustellen.
  • Seitenzahlen sind nun in den Foren vorhanden (Danke Serano)
  • Aktualisierung der Module (Ausblendung von Quick Reply, Geburtstage, Heute online, Legenden und Verbesserungen in der generellen Ansicht)

Grüße
Matthias

5IC 10.02.2014, 20:35
Betreff: Re: Design für mobile Nutzung

Das mit den Bildern klappt. Das mit den Videos leider noch nicht. Zumindest bei mir.

MaMo 10.02.2014, 21:14
Betreff: Re: Design für mobile Nutzung

Klappt es denn dort? http://toddmotto.com/labs/fluidvids/
Das ist das verwendete Script... welche Gerätschaft nutzt du?

5IC 10.02.2014, 21:22
Betreff: Re: Design für mobile Nutzung

Ja da gehts. Benutze ein Nexus 5 mit dem neusten Android.