Die Anzahl der Personen, die Webseiten von einem mobilen Endgerät aufrufen steigt rapide und wird in den kommenden Jahren sicher weiter rasant zunehmen. Bei vielen Webseiten ist die Darstellung auf dem mobilen Endgerät nicht besonders benutzerfreundlich, da man die Seite hin- und herziehen muss, um den ganzen Text lesen zu können.
Moderne Webdesigns werden so konzipiert, dass die Seite unterschiedlich aufgebaut wird, je nachdem wieviel Platz auf dem Bildschirm zur Verfügung steht. Auf einem iPhone ist das oft nur eine Spalte, auf einem iPad passen schon zwei oder drei und für Computer-Bildschirme sind es dann vier oder mehr Spalten.
Die Anpassung der Web-Seite an dem zur Verfügung stehenden Platz nennt sich Responsive Design und ist Thema des heutigen Webmaster Friday.
Was ist Responsive Design?
Wie in der Einleitung angedeutet geht es darum, dass sich die Webseite an die Bildschirmgröße anpasst und je nach Platz unterschiedlich aufgebaut wird. Klar wird es, wenn man sich die Beispiele auf mediaqueri.es anschaut.
Wie sieht Ihre Homepage auf einem iPhone aus?
Wer wissen will wie die eigene Homepage auf einem Smartphone oder Tablet PC aussieht und (noch) kein eigenes besitzt, der kann das auf die schnelle mal testen indem das Browserfenster klein gezogen wird. Besser ist es allerdings, dies an einem entsprechenden Gerät zu testen, um auch zu spüren, wie man die Seite verschieben muss und wie leicht/schwer das klicken fällt.
Anzeige
it4kmu hat Responsive Design…
Das Einstiegsbild oben ist ein Beispiel für ein schmal gezogenes Browserfenster. Es ist ein Screenshot von diesem Blog und lässt sich super lesen. Kein Wunder, denn dieser Blog verwendet ein Responsive Desing, konkret das Theme Yoko (welches ich etwas an meine Bedürfnisse angepasst habe).
… meine Firmenhomepage aber noch nicht
Als ich den Blog vor etwa zwei Monaten gestartet habe, war mir der Trend zu mobilen Endgeräten bereits bekannt und für die Wahl des Themes entscheidend. Anders war das vor rund achtzehn Monaten, als ich mit meiner Firmenhomepage online ging. Die ist in einem schmalen Fenster nicht optimal dargestellt.
Besteht akuter Handlungsbedarf?
Webdesigner mögen das anders sehen, aber meines Erachtens besteht kein dringlicher Handlungsbedarf. Es ist sicher richtig, dass immer mehr Leute via Smartphone und Tablet PC auf Webseiten zugreifen und ich bin überzeugt, dass es immer mehr werden. Meines Erachtens reicht es in den meisten Fällen trotzdem aus, die Sache mit dem nächsten Re-Design anzugehen, der sowieso von Zeit zu Zeit gemacht wird. Allerdings sollte man dann wirklich darauf achten, dass sich das neue Homepage Design an die verschiedenen Bildschirmgrößen anpasst.
Dank an Elmastudio
Für dieses Theme in it4kmu habe ich keinen Pfennig bezahlen müssen. Daher verweise ich gerne auf Elmastudio, die sich gerade im Bereich Responsive Design verdient machen und hierzu Tipps und Tools für Webdesigner in ihrem Blog zur Verfügung stellen.
21. Oktober 2011 um 00:48 Uhr
Hi Gerald,
der ping ist leider nicht angekommen. ich habe Deinen Beitrag daher per Hand freigeschaltet. Bitte wundere Dich nicht, dass Dein Kommentar verschwunden ist. ich nehmen immer den Kommentar und wandelt ihn in einen ping um, den ich dann manuell in der Datenbank als pingback ausweise. Sonst wäre es noch aufwändiger.
Danke fürs Mitmachen und viel Erfolg.
24. Oktober 2011 um 12:38 Uhr
Ich stimme dir zu. Ich glaube auch nicht, dass es bereits ein Muss ist die Seite auf mobile Geräte zu optimieren. Gerade für Tablets über 10zoll und damit dem IPad braucht man imho so oder so keine spezielle Optimierung (kleine Links und Schrift sind ein Problem, ja, aber das ist auch am Bildschirm suboptimal). Generell sehe ich (noch) keinen akuten Handlungsbedarf.