Du bist hier: Seitenreport Forum Web-Entwicklung / Programmierung / Design Webdesign Webdesign für mobiles Internet
Webdesign für mobiles Internet
| Verfasst am: 27. 03. 2010 [07:01] | |||
| Beitrag hilfreich? | | ||
neitzelsecuweb   Dabei seit: 06.11.2009 Beiträge: 303 | der_booker schrieb: Ich bin der Meinung, dass man gerade für Handys und Netbooks optimieren sollte, weil diese immer mehr kommen werden. Der normale Stand-PC wird am Arbeitsplatz mit Sicherheit bleiben, doch wie viele User nutzen die mobile Freiheit. Im heutigen Zeitalten von Flatrates mit Sicherheit über 70% und die sollte man nicht verärgern. Eine Optimierung für Safari (IPhone) sollte auf jeden Fall drin sein. Da gebe ich Dir absolut recht! - Eine Sache die ich völlig aus dem Blickfeld verloren hatte.... Das ist auf jeden Fall eine Aufgabe der ich mich als nächstes Wiedmen werde! Viele Grüße, Gabriel Gabriel Neitzel Webdesign, SEO & Site-Security | ||
| Verfasst am: 27. 03. 2010 [08:42] | |||
| Beitrag hilfreich? | | ||
der_booker  Dabei seit: 11.06.2009 Beiträge: 2855 | Hallo Gabriel, da brauchst Du nicht so viel zu tun. Ich war gerade mit einem IPhone auf Deiner Seite und sie wird sehr gut dargestellt. Die max. Breite wird durch den #wrapper angezeigt und mit unter 1000px bist Du immer auf der sicheren Seite. Die Bilder sind klein und werden auch sehr schnell geladen. Nur die zentrierten Elemente im Informationsbereich sahen etwas ungewollt aus. Das ist aber Geschmackssache. Wie gesagt, sieht sonst schon SUPER aus. Morgen gehe ichmal mit einem HTC und dem IE drüber, mal schaun, was da für Ergebnisse rauskommen. Soeben entstand die Idee einen Mobile-Check zu machen. Nicht jeder verfügt über alle Mobilen Geräte, wenn wir uns ALLE zusammentun, kommt dabei bestimmt eine Vielzahl von mobilen Geräten zusammen. Wir können eine Checkliste entwerfen (z.B. Größe, Darstellung, Ladezeit etc.) und die gemeldeten Seiten zentral mit den Ergebnissen zusammentragen. Besteht bei Euch Interesse an solch einem Projekt? | ||
| Verfasst am: 27. 03. 2010 [08:53] | |||
| Beitrag hilfreich? | | ||
neitzelsecuweb Dabei seit: 06.11.2009 Beiträge: 303 | der_booker schrieb: Hallo Gabriel, da brauchst Du nicht so viel zu tun. Ich war gerade mit einem IPhone auf Deiner Seite und sie wird sehr gut dargestellt. Die max. Breite wird durch den #wrapper angezeigt und mit unter 1000px bist Du immer auf der sicheren Seite. Die Bilder sind klein und werden auch sehr schnell geladen. Nur die zentrierten Elemente im Informationsbereich sahen etwas ungewollt aus. Das ist aber Geschmackssache. Wie gesagt, sieht sonst schon SUPER aus. Morgen gehe ichmal mit einem HTC und dem IE drüber, mal schaun, was da für Ergebnisse rauskommen. Soeben entstand die Idee einen Mobile-Check zu machen. Nicht jeder verfügt über alle Mobilen Geräte, wenn wir uns ALLE zusammentun, kommt dabei bestimmt eine Vielzahl von mobilen Geräten zusammen. Wir können eine Checkliste entwerfen (z.B. Größe, Darstellung, Ladezeit etc.) und die gemeldeten Seiten zentral mit den Ergebnissen zusammentragen. Besteht bei Euch Interesse an solch einem Projekt? Hallo Heiko, vielen Dank für Deine Beurteilung und Deine Mühe. - Die zentrierten Elemente sind z.T. auch ungewollt und werden geändert...  Freut mich dass die Seite mobil gut rüberkommt. Ein Mobil-Check wäre super und ich würde das Projekt unterstützen! Aber außer einem Laptop, bei dem die Festplatte gerade den Geist aufgegeben hat habe ich gerade kein mobiles Endgerät. - Mein Handy ist "Oldschool" nur zum telefonieren... Viele Grüße, Gabriel Gabriel Neitzel Webdesign, SEO & Site-Security | ||
| Verfasst am: 27. 03. 2010 [15:33] | |||
| Beitrag hilfreich? | | ||
gerard  Dabei seit: 12.05.2009 Beiträge: 1276 | extremeforce schrieb: Freut mich dass die Seite mobil gut rüber kommt. Der W3C mobileOK Checker ist nicht so sehr zufrieden: http://validator.w3.org/mobile/check?task=201003271424521366&docAddr=http%3A%2F%2Fwww.extremeforce.de%2F Gérard | ||
| Verfasst am: 27. 03. 2010 [16:04] | |||
| Beitrag hilfreich? | | ||
neitzelsecuweb Dabei seit: 06.11.2009 Beiträge: 303 | gerard schrieb: extremeforce schrieb: Der W3C mobileOK Checker ist nicht so sehr zufrieden: http://validator.w3.org/mobile/check?task=201003271424521366&docAddr=http%3A%2F%2Fwww.extremeforce.de%2F Ich hab's mir gerade angeschaut! - Ich hab' zwar 0% aber mir scheint das trotzdem nicht soooo schlimm und absolut machbar! Gabriel Gabriel Neitzel Webdesign, SEO & Site-Security | ||
| Verfasst am: 27. 03. 2010 [16:11] | |||
| Beitrag hilfreich? | | ||
MatthiasHuehr Themenersteller  Dabei seit: 30.11.2009 Beiträge: 730 | Ich habe wenigsten 59% bei diesem Test, aber ein paar Dinge kann ich nicht nachvollziehen. Ich habe meine Seite mit einer schlechten Funkverbindung getestet 268 Kbs und damit war ich zufrieden ... bemängelt werden bei diesen Tests die Seitengrößen. Kann ich aber nicht nachvollziehen, denn nach der Logik wären Hompages opimal, welche kleinee Seiten (ohne Bilder) haben, welche man nur durch ständiges Weiterklicken zur nächsten Seite besuchen kann. Also nix was man für Suchmaschinen contentmäßig optimieren könnte. Also eher eine Sache mit zwei Extremen. @Hansen: mein Netbook hat mehr Power als mein Notebook, so pauschal kann man die Teile nicht als schwachbrüstig bezeichen. Zudem passen die in fast jede Handtasche, fürs Mobilsein unterwegs also optimaler als Handys. | ||
| Verfasst am: 27. 03. 2010 [17:24] | |||
| Beitrag hilfreich? | | ||
gerard Dabei seit: 12.05.2009 Beiträge: 1276 | lwulfe schrieb: @Gerard: du hast geschrieben "die Hauptsache, sie funktionieren da überhaupt - und das ist relativ einfach lösbar". Was kann verhindern, dass eine Seite gar nicht funktioniert? Seiten, die Javascript oder Flash für die Navigation erfordern und keine Ersatzlösung anbieten, werden mit den meisten - insbesondere den etwas älteren - Handys nicht funktionieren und beim Benutzer Frust erzeugen. Ähnliches gilt auch für Seiten, die keine logische Struktur haben und nur durch eine mehr oder weniger geschickte Anordnung von DIVs in einem normalen Browser überhaupt benutzbar aussehen. Wenn small screen rendering erforderlich wird, weil das Handy (noch) nicht mehr kann, ist eine solche Seite meist völlig unbrauchbar. Es gibt ein paar einfache Regeln, wie eine ?Mobile?-geeignete Seite aussehen sollte. Es sind nur Regeln ? meist geht aber auch alles gut, wenn sie nicht beachtet werden: 1. Die Seite mit allem drum und dran möglichst klein halten. Große Seiten erfordern möglicherweise hohe Kosten und lange Wartezeiten. Zum Beispiel dauert in vielen Mobilfunknetzen 100KB Download ca. 1 Minute. Man sollte sich also auf die Informationen beschränken, die wichtig sind. Bilder sollten auf eine vernünftige Größe verkleinern werden. Bilder, die nicht unerlässlich sind, sollten entfernt werden. Es sollte separate CSS-Stile für den Handheld-Bildschirm geben, so dass nur die relevanten CSS-Stile heruntergeladen werden (sollte bei neueren Browsern inzwischen funktionieren). Merke: Kleine Seiten machen Nutzer glücklich, weil sie weniger Zeit und Geld kosten. 2. Die Seite sollte gegen XHTML Basic 1.1 validieren Mobile Browser sind hinsichtlich Struktur und Inhalte einer Seite empfindlicher als Desktop-Browser. Elemente oder Strukturen, die in der XHTML Basic 1.1-Spezifikation sind erlaubt sind, können sich als problematisch erweisen. Normalerweise sollen Mobile-Browser (wie andere auch) unbekannte Elemente ignorieren, trotzdem Darstellungsfehler nicht immer ausgeschlossen. Ein valides Dokument vermeidet solche Probleme. 3. Die Größe des XHTML-Dokuments sollte nicht größer als 10 Kilobyte sein Die 10Kb Grenze soll sicher stellen, dass die Seite auch auf Geräten mit kleinem Display und geringem Speicher noch brauchbar. 4. Es sollten möglichst wenige externen Ressourcen eingebettet sein Je mehr Ressourcen desto länger ist die Ladezeit. 5. Es sollte kein Scripting verwendet werden. Grundsätzlich ist die Verwendung von Scripting zwar möglich, man sollte aber darauf verzichten, da viele mobile Geräte es nicht oder nur eingeschränkt unterstützen. Die Seite sollte in jedem Fall benutzbar sein, auch wenn Scripting nicht aktiviert ist. 6. Die Zeichencodierung verlinkter Ressource sollte - wie auch beim eigentlichen XHTML-Dokument in utf-8 erfolgen. Ein Mix unterschiedlicher Codierungen kann zu Problemen führen. 7. Das Dokument sollte als "application/xhtml+xml" ausgeliefert werden Der empfohlen Medien-Typ für die Zustellung von XHTML ist application/xhtml+xml (die in einigen Browsern für den normalen PC zwar Schwierigkeiten macht ? Stichwort IE -, nicht aber bei den Handys). Gérard | ||
| Verfasst am: 27. 03. 2010 [17:31] | |||
| Beitrag hilfreich? | | ||
gerard Dabei seit: 12.05.2009 Beiträge: 1276 | MatthiasHuehr schrieb: Ich habe meine Seite mit einer schlechten Funkverbindung getestet 268 Kbs und damit war ich zufrieden ... bemängelt werden bei diesen Tests die Seitengrößen. Bei http://floern.com/tools/trafficscanner hast du an dieser Stelle auch ein rotes Minus-Zeichen. MatthiasHuehr schrieb: Kann ich aber nicht nachvollziehen, denn nach der Logik wären Hompages opimal, welche kleine Seiten (ohne Bilder) haben ... So ist es ... siehe auch die Hinweise in meinem Text. Gérard | ||
| Verfasst am: 27. 03. 2010 [18:45] | |||
| Beitrag hilfreich? | | ||
hansen Dabei seit: 18.05.2009 Beiträge: 1312 | Hallo Gérard, hast Du Erfahrungswerte, was bei W3C mobileOK Checker gute Werte sind? hansen | ||
| Verfasst am: 27. 03. 2010 [18:56] | |||
| Beitrag hilfreich? | | ||
der_booker Dabei seit: 11.06.2009 Beiträge: 2855 | Hallo Hanna, ich habe 76% und wenn ich die MAP noch wegnehmen würde, dann komme ich auf 93%. Allerdings möchte ich nicht darauf verzichten. Ich denke, dass man die 100% ohne Probleme erreichen kann, wenn man darauf optimiert. | ||
Premium-Mitglied
Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.
Werde in Echtzeit über neue Foren-Beiträge informiert:
12 Mitglieder Mitglieder waren innerhalb der letzten 15 Minuten (278 heute gesamt) online:
athens24, beniafe, Ch1cK3n, dorsch, kermit767, MatthiasHuehr, michael-forum@crazycuts.de, stephen_hawkings, vitogenovese, voshage, winelady
Administratoren und Moderatoren:
seitenreport
Seitenreport hat 16336 registrierte Mitglieder, 2862 Themen und 27998 Beiträge.
Seitenreport hat einen Mitgliederzuwachs von durchschnittlich 24 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 3 neue Themen und 17 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.
Lade...
Lade...
HIER WERBEN - ANZEIGEN
Neueste Foren-Beiträge
 | Mikroformate und Dublin Core Suchmaschinenoptimierung / SEO / OnPage Optimierung | Heute [18:29] mschi |
| Muss man Datenschutz bei AddThis und/oder Seitzeichen beachten? Social Media & SMO / Sonstige | Heute [13:15] hansen |
| Spaghetti-Code Internes / Seitenreport / Analyse-Ergebnisse | Heute [12:28] Ultima |
| "Das sagen die Seitenreport Nutzer" für Wordpress Web-Entwicklung / Programmierung / Design / Wordpress | Heute [10:54] anickel |
| PR Update Februar 2012 Suchmaschinenoptimierung / SEO / Google | Heute [10:24] einfach-schoene-ferien |
Aktuelle Artikel:
Zielgruppenanalyse: Welchen E-Mail-Client verwendet der Kunde?
Das Wissen darüber, welchen E-Mail-Client ein Kunde verwendet, kann schon beim ersten Kontakt eine wichtige Zusatzinformation sein, die helfen kann, den Kunden besser einzuschätzen. Dieser Artikel zeigt, wie sich diese Information aus nahezu jeder E-Mail herausfiltern lässt.
HowTo: SSL Zertifikat Bestellung bei Hetzner
Ein SSL Zertifikat ist bei Hetzner nicht nur schnell bestellt, sondern auch vergleichsweise günstig. Dieser Artikel zeigt Schritt für Schritt, was zu tun ist, um ein gültiges SSL Zertifikat zu erhalten.
550 GB Festplattenspeicher freimachen unter Plesk
Wenn der Festplattenspeicher auf einem Plesk-Rootserver zur Neige geht, können je nach Server bis zu mehreren 100 GB zurückgewonnen werden. Dieser Artikel erklärt, wie das geht.
Zielgruppenanalyse: Welchen E-Mail-Client verwendet der Kunde?
Das Wissen darüber, welchen E-Mail-Client ein Kunde verwendet, kann schon beim ersten Kontakt eine wichtige Zusatzinformation sein, die helfen kann, den Kunden besser einzuschätzen. Dieser Artikel zeigt, wie sich diese Information aus nahezu jeder E-Mail herausfiltern lässt.
Di, 24.01.2012
HowTo: SSL Zertifikat Bestellung bei Hetzner
Ein SSL Zertifikat ist bei Hetzner nicht nur schnell bestellt, sondern auch vergleichsweise günstig. Dieser Artikel zeigt Schritt für Schritt, was zu tun ist, um ein gültiges SSL Zertifikat zu erhalten.
So, 22.01.2012
550 GB Festplattenspeicher freimachen unter Plesk
Wenn der Festplattenspeicher auf einem Plesk-Rootserver zur Neige geht, können je nach Server bis zu mehreren 100 GB zurückgewonnen werden. Dieser Artikel erklärt, wie das geht.
So, 08.01.2012
Lade...