Smartphone taugliches Webdesign

original Thema anzeigen

 
26.08.12, 11:59:39

AranankA

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


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


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


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


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?
26.08.12, 22:37:55

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 ! ;)
27.08.12, 11:49:03

AranankA

Ich danke dir!
28.08.12, 21:59:40

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 !
29.08.12, 14:08:02

Ardy

Beitrag geändert von: Ardy - 29.08.12, 14:08:33

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.
29.08.12, 14:27:58

Lighty

Beitrag geändert von: Lighty - 29.08.12, 14:28:21

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 ! :)
29.08.12, 20:01:47

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-Forum-App-Android-App_51027417.html

Ist zwar nicht kostenfrei, doch wenns hilft.
29.08.12, 20:37:27

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 ! ;)
29.08.12, 21:19:29

trulla-la

Zitat von Lighty:
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/tests/test/392221/Tapatalk-Forum-App-Uebersichtlichere-Diskussionen-auf-dem-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
Zitat:
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?


29.08.12, 22:37:28

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 !? ;)
30.08.12, 10:33:56

AranankA

Beitrag geändert von: AranankA - 30.08.12, 10:37:36

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
30.08.12, 10:44:34

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 !?