Smartphone taugliches Webdesign

( HTML, PHP, Javascript & Co ... )
AranankA
Beiträge: 1558
Registriert: 11.09.2006, 10:12

Beitrag von AranankA »

Wenn ich das LHF auf meinem Galaxy SII mit Android 2.3.6 aufrufe, dann sieht das so aus:
Bild

Man muss sich das nun etwa in der Größe einer normalen Visitenkarte (50 x 85 mm)vorstellen, was dann so aussieht:
Bild

Nun kann man das Ganze ja vergrößern, wenn auch nur bis zu einem gewissen Punkt. Da kommt dann das:
Bild

bzw. (bei maximaler Vergrößerung) das:
Bild

Auch nicht sehr gut les- bzw. benutzbar.

Frage: Viele Webseiten schalten bei Anwahl mit einem Smartphone auf einen angepassten und gut lesbaren Modus um. Bilder werden angepasst, Schriftarten geändert und vergrößert, Animationen gesperrt, Button anders angeordnet und antippbar gemacht... ...etc. pp.
Wie muss man die Webseite modifizieren, damit das klappt?
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hallo AranankA !

... da ich kein Smartphone nutze - mir zudem also auch eine Testumgebung fehlt, habe ich mich damit bisher noch nicht beschäftigt !
Werde aber mal sehen ob ich dazu etwas finde ! ;)
LG, Lighty
AranankA
Beiträge: 1558
Registriert: 11.09.2006, 10:12

Beitrag von AranankA »

Ich danke dir!
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hallo AranankA !

Ich habe das jetzt mit einigen Handys testen lassen - ganz so schlimm wird das aber gar nicht angezeigt !?
( Bsp. Samsung Galaxy S | Samsumg-Browser / Opera-Browser )

Nichtsdestotrotz kann man das natürlich noch ein wenig optimieren und dabei kannst du mir dann ggf. helfen !?

Was ist wichtig !?
Portal ? ( ja / nein )
Index ? ( was ist wichtig ? )

Da der Platz auf einem Smartphone ja begrenzt ist - sollten da wirklich nur die wichtigsten Informationen angezeigt werden !
LG, Lighty
Ardy
Beiträge: 11
Registriert: 10.08.2012, 12:53

Beitrag von Ardy »

Definitiv sind Seiten für die Darstellung auf Smartphones zu optimieren, da einfach der Platz nicht ausreicht und oft sehen die Webseiten komplett anders aus als ihre "großen" Äquivalente. Allerdings habe ich selbst auch nur wenig Ahnung von den genauen technischen Aspekten, habe die Darstellung auf Smartphones bisher nur bei Freunden gesehen. Ich baue gerade meine eigene Homepage, was echt leicht von der Hand geht; mehr Hilfestellung ist kaum möglich. In dem Zuge werde ich mir auch mehr über die Optimierung für tragbare Geräte aneignen müssen.
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Klar sind Seiten für Kleingeräte zu optimieren - stellt sich aber nicht so ganz einfach dar ! ;)
( zumindest wenn man das mit einem Forum machen möchte )

... vllt. kann ich aber Heute Abend mal einen Test online stellen !? ;)

Hompagebaukästen sind natürlich praktisch, beschränken einen aber auch in einigen Bereichen,
weswegen ich daher meine Webseiten lieber selber schreibe ! :)
LG, Lighty
trulla-la
Beiträge: 42
Registriert: 28.01.2012, 07:17

Beitrag von trulla-la »

Hallo AranankA
Hallo Lighty

Lese ja immer mal still mit. Nun könnte ich vllt. auch was beisteuern.

In nem Katzenforum lief mir der Begriff Tapatalk über den Weg.
Dort gibt es natürlich auch User mit Smartphones die ihr Forum gerne unterwegs lesen wollen.

Ob das dein Prob löst AranankA?

Hier mal ein Link zur Chip.de
http://www.chip.de/downloads/Tapatalk-F ... 27417.html

Ist zwar nicht kostenfrei, doch wenns hilft.
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hallo trulla-la !

Tapa-Talk habe ich auch schon gehört/gelesen !
Kann man ggf. sogar als Javascript einbinden !
Nachteil: ... man macht sich damit von einem anderen Server abhängig !
( und ich weiß auch nicht, ob/welche Daten da mit geschnitten werden !? ;)

Ich habe aber Heute mal ein wenig gebastelt und eine mobile-Version online gestellt ! ;)
Sicherlich noch nicht das gelbe von Ei, aber ich denke das ist ausbaufähig !?
Link: http://m.lightys-pchilfe-forum.info

Kritik, Vorschläge dazu sind "unbedingt" erwünscht ! ;)
LG, Lighty
trulla-la
Beiträge: 42
Registriert: 28.01.2012, 07:17

Beitrag von trulla-la »

Lighty hat geschrieben:Originalbeitrag lesen

Hallo trulla-la !

Tapa-Talk habe ich auch schon gehört/gelesen !
Kann man ggf. sogar als Javascript einbinden !
Nachteil: ... man macht sich damit von einem anderen Server abhängig !
( und ich weiß auch nicht, ob/welche Daten da mit geschnitten werden !? ;)
Mmmh, dat wees ich och nich.
Aber der große Onkel kann ja befragt werden. *fg*
Allerdings gibt er zur Frage "ob Daten mitgeschnitten werden" bisher keine Antwort. :???:

Hab mal was zum genauer belesen.
http://www.androidpit.de/de/android/tes ... Smartphone


Und hier mal noch´n Artikel aus Netzwelt.de http://www.netzwelt.de/apps/592-tapatalk-forum-app.html

Ansonsten bin ich ja ein No Mobile User :wink:


Was meinst du denn mit
macht sich damit von einem anderen Server abhängig
Das ist doch ne App für´s Mobile. Nix was du im Forum einbauen mußt.
Oder hab ich was miss(t)verstanden?


Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Die App kenne ich nicht - bin ja auch eher no-mobile-user ! ;)
Ich dachte dabei also an das Javascript, dass dann im Forum integriert wird !

... ich hoffe aber, dass ich eine gute mobile-Version vom LHF hinbekomme !? ;)
LG, Lighty
AranankA
Beiträge: 1558
Registriert: 11.09.2006, 10:12

Beitrag von AranankA »

Es lag nicht in meiner Absicht, dass nun das komplette Forum auf Mobil umgerüstet wird. Die Frage war einfach: Wie macht man das im Allgemeinen?

Aber da es nun mal dazu gekommen ist, danke ich schon mal für die Bemühungen!

Fundsache: Mobile Version Ihrer Webseite - Regeln

und
Smartphonesimulator

P.S.: Bin momentan etwas eng in der Zeit besetzt und deshalb seltenen hier: Schulanfangsfeier am SA muss vorbereitet werden...
Aber ich folge dem Beitrag interessiert von meinem Smartphone aus. LOL
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hallo AranankA !

Ich denke, den Gedanken hatten schon viele - du hast es dann nur "ausgesprochen" ! ;)
Von daher denke ich mal, das es somit auch wohl erforderlich ist !?

Gelesen habe ich dazu schon einiges - deine Links waren glaube ich auch schon dabei !

Problem ist, zu wissen was benötigt wird und was man vernachlässigen kann !
Aktuell ist der Index noch auf zwei Spalten aufgeteilt, denke aber das es zwecks Übersicht wohl doch auf eine Spalte umgerüstet werden müsste !?

Also, am Besten fleißig testen und mir mitteilen was ok und was nicht ok ist ! ;)
Da das ein eigenständiges Template ist, sollte da "eigentlich" alles möglich sein, ohne das Standard-Forum zu beeinflussen !?
LG, Lighty
xadax
Beiträge: 272
Registriert: 25.04.2012, 14:19

Beitrag von xadax »

Lighty hat geschrieben:Hallo trulla-la !

Tapa-Talk habe ich auch schon gehört/gelesen !
Kann man ggf. sogar als Javascript einbinden !
Nachteil: ... man macht sich damit von einem anderen Server abhängig !
( und ich weiß auch nicht, ob/welche Daten da mit geschnitten werden !? ;)

Ich habe aber Heute mal ein wenig gebastelt und eine mobile-Version online gestellt ! ;)
Sicherlich noch nicht das gelbe von Ei, aber ich denke das ist ausbaufähig !?
Link: http://m.lightys-pchilfe-forum.info

Kritik, Vorschläge dazu sind "unbedingt" erwünscht ! ;)
hallo lighty der beitrag ist zwar schon etwas älter,aber meine meinung dazu ist folgende:
tapatalk nimmt ziemlich stark einzug in die computerwelt,also ich würde es mal versuchen zu integrieren.
du schreibst dann bist du serverabhängig.
bist du das jetzt nicht auch?
serverabhängigkeit in sachen "tapatalk" wäre folgende:
Soweit ich es verstehe stellt Tapatalk das Forum lediglich in einer anderen Oberfläche dar. Fällt hier der Server aus, ist das Forum auch nicht mehr über Tapatalk zu erreichen.

in sachen mitschneiden von daten usw...
würde ich sagen,nichts.
aber eine 100%ige garantie kann ich dir nicht geben.
nur wenn zweifel bestehen,dann dürfte man auch nicht mehr ins inet gehen;-))
Benutzeravatar
Lighty
Beiträge: 8394
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

xadax hat geschrieben:tapatalk nimmt ziemlich stark einzug in die computerwelt,also ich würde es mal versuchen zu integrieren.
... wird nicht unterstützt !
du schreibst dann bist du serverabhängig.
bist du das jetzt nicht auch?
... bin ich, aber nur von einem Server !
Wenn ich andere einbinden würde, wäre ich auch von denen/mehreren Servern abhängig !
aber eine 100%ige garantie kann ich dir nicht geben.
nur wenn zweifel bestehen,dann dürfte man auch nicht mehr ins inet gehen;-))
... kann man schon, solange man wenigstens ansatzweise noch die Kontrolle über die eigenen Daten hat !
Ist schwer, ich weiß, aber wer sich bei FB und Co rumtreibt legt da wahrscheinlich eh keinen Wert drauf
- oder hat noch immer nicht begriffen was in deren AGB steht !? ;)
LG, Lighty
xadax
Beiträge: 272
Registriert: 25.04.2012, 14:19

Beitrag von xadax »

tja das könnte man jetzt bis zum "sankt nimmerleinstag" fortsetzen,aber.....................................
keine lust dafür,denn am 21-sten geht die welt sowieso unter:-)
Antworten

Zurück zu „Webdesign“