Netzwerk
Wireless Lan
Fachartikel
Wireless Lan Zubehör
Notebook Wireless Lan
Wireless Lan Technik
Wireless Lan System
Wireless Lan Netzwerk
Wireless Lan Management
Verzeichnis
Impressum - Datenschutz
Wireless Lan Blog
Infos zum WLan-USB-S...
Tipps zu WDS und Rep...
Frequenzen bei WLan
Infos zum WLan-USB-S...
Sendeleistung von WL...

Anzeige

Wichtige Aspekte bei mobilen Webseiten

Wichtige Aspekte bei mobilen Webseiten 

Es ist noch gar nicht so lange her, als Webdesigner sowohl die technische als auch die optische Größe ihrer Internetseiten stets im Blick behalten mussten. Viele Server arbeiteten mit der Bildschirmauflösung 800 x 600. Dadurch war die Seitenbreite letztlich vorgegeben, denn andernfalls wurde die Seite nicht richtig angezeigt.

 

 

Außerdem durften nicht zu viele oder zu große Bilder eingebettet werden und auch die eine oder andere Technologie musste außen vor bleiben. Bei den damaligen Übertragungsgeschwindigkeiten wäre die Ladezeit der Seite sonst ins Grenzenlose ausgeufert. Doch die Internetzugänge wurden immer schneller, die Bildschirme ein ganzes Stück breiter und bestimmte Technologien etablierten sich als Standards.

Für Webdesigner brach damit eine Zeit an, in der sie ihrer Kreativität freien Lauf lassen und sich in Sachen technische Spielereien austoben konnten. Aber jetzt geht es wieder zurück in die andere Richtung. Denn immer mehr Internetnutzer gehen mit Smartphones und anderen mobilen Endgeräten ins Internet. Folglich werden Webseiten zunehmend häufig mit solchen Geräten betrachtet.

Allerdings sind mobile Endgeräte nicht so leistungsfähig wie gängige Desktop-Computer und Laptops mitsamt den dazugehörigen Bildschirmen. Designer von Webseiten müssen also überlegen, ob alle Besucher ihre Seiten richtig und gut lesbar aufrufen können. Doch was heißt das für die Praxis? Wir haben wichtige Aspekte bei mobilen Webseiten zusammengestellt. 

 

Womit surft der Nutzer im Internet?

Ruft ein Nutzer die Webseite auf, sollte sie feststellen, ob er einen PC oder ein mobiles Endgerät verwendet. Ist es ein mobiles Endgerät, sollte der Nutzer auf die Version der Internetseite weitergeleitet werden, die für die mobile Nutzung optimiert ist.

Auf diese Weise wird verhindert, dass der Nutzer auf bestimmte Informationen möglicherweise nicht oder nicht richtig zugreifen kann. Andersherum profitiert der Nutzer eines PCs von einer Internetseite, die die heutigen technischen Möglichkeiten in Verbindung mit einem modernen Computer und einem Festnetzzugang ausschöpft. 

 

Wie sieht es mit den Ladezeiten aus?

Telekommunikationsanbieter werben zwar gerne mit schnellen Übertragungsraten. Doch die Realität sieht oft anders aus. Denn entweder gelten die Topgeschwindigkeiten nur für ein gewisses Datenvolumen, das aber mitunter recht schnell aufgebraucht ist. Oder die Spitzenwerte werden de facto erst gar nicht erreicht. So oder so sollten Webdesigner also im Hinterkopf behalten, dass die Übertragungsgeschwindigkeiten beim mobilen Surfen tendenziell etwas langsamer sind. Im Umkehrschluss heißt das, dass die Ladezeiten möglichst kurz gehalten werden sollten.

Wie schwergewichtig eine Webseite ist, hängt sehr von der Anzahl und der Größe der vorhandenen Bilder ab. Hier ist also ein Ansatzpunkt für die Optimierung einer mobilen Webseite gegeben. Da mobile Endgeräte ohnehin deutlich kleinere Bildschirme haben als Computer, müssen auch die Bilder zwangsläufig kleiner sein. Das kleinere Format wiederum sorgt automatisch dafür, dass die Dateien kleiner werden und kürzer laden. Ein positiver Nebeneffekt ist, dass bei einem kleineren Bild eine schlechtere Bildqualität weit weniger auffällt. 

 

Wie steht es um die Länge der Texte?

Damit eine Webseite angezeigt werden kann, müssen ihre Daten übertragen werden. Texte gehören zwar ebenfalls zu der Datenmenge, die eine Übertragung erfordert. Aber sie wirken sich nicht übermäßig auf die Ladezeit aus. Trotzdem spielt die Länge der Texte eine Rolle, wenn die Webseite für die Nutzung mit mobilen Endgeräten optimiert werden soll. Viele Internetnutzer lesen generell nicht allzu gerne lange Texte. Für den kleinen Bildschirm von einem Smartphone gilt das umso mehr. Wichtig ist deshalb, die Größe der Schrift lesefreundlich zu wählen.

Und ratsam ist, die Texte zumindest bei der mobilen Version der Webseite eher kurz zu halten. Soundeffekte und Hintergrundmusik sollten bei mobilen Webseiten nicht eingesetzt werden. Denn zum einen lenken sie ab und werden oft als nervig empfunden. Zum anderen sind Audiodateien vergleichsweise groß. Das verlängert dann wieder die Ladezeit. 

 

Sind die Bedien-Funktionen sinnvoll?

Viele Technologien, die auf Webseiten gängige Standards sind, funktionieren auf mobilen Endgeräten nicht. Ein Beispiel dafür ist Flash, eine beliebte Technologie bei der Anzeige von Videos. Wird Flash auf der mobilen Version der Webseite eingesetzt, können sich Nutzer bestimmter Endgeräte die Videos erst gar nicht anschauen.  

Daneben sollten Webdesigner im Hinterkopf behalten, dass mobile Endgeräte in aller Regel über den Touchscreen bedient werden. Daher machen beispielsweise Hover-Effekte, bei denen sich ein Link optisch verändert, wenn die Maus darauf zeigt, bei mobilen Webseiten keinen Sinn. Auch die sehr beliebten Drop-Down-Menüs sind für Nutzer von mobilen Endgeräten eher ungeschickt. Besser sind simple Linklisten. 

 

Ist das Layout an mobile Endgeräte angepasst?

Bei handelsüblichen Computerbildschirmen ist die Breite größer als die Höhe. Sie kommen somit im Querformat daher. Im Unterschied dazu haben Smartphones und viele andere mobile Endgeräte ein Display im Hochformat. Das für Webseiten gängige Layout mit drei Spalten ist für die mobile Version deshalb nicht geeignet.  

 

Fazit

Um Webseiten für die Nutzung mit mobilen Endgeräten zu optimieren, müssen sich Webdesigner in vielerlei Hinsicht einschränken und mit technischen Spielereien zurückhalten. Aber letztlich führt kein Weg daran vorbei, Internetseiten auf ihre mobile Nutzbarkeit hin zu überprüfen. Denn mobile Endgeräte und die mobile Internetnutzung haben sich längst etabliert. Folglich sind mobile Webseiten kein Trend, der bald wieder vorbei sein wird.

Wird eine Internetseite gestaltet, die sowohl auf einem Computer oder Laptop als auch auf einem Smartphone oder Tablet richtig und vollständig angezeigt wird, wird es sich immer um eine abgespeckte Variante handeln. Doch das kann nicht die Idee und das Ziel von moderner Internettechnik sein. Die deutlich bessere Lösung ist deshalb, zwei Versionen der Webseite zu erstellen: eine für die Nutzung mit stationären Geräten und eine für die mobile Nutzung.

Mehr Ratgeber, Tipps und Anleitungen:

  • 6 Tipps für ein augenfreundliches Arbeiten am Bildschirm
  • Was bringen Hirntraining-Apps wirklich?
  • Internet und Fernsehen: Das ist neu in 2018
  • Was sind Social Bots?
  • Die neuen Regelungen zur Störerhaftung
  • Die größten Meilensteine in der Geschichte der Browser
  • Digitale Spracherkennung - was Nutzer bedenken sollten
  • Thema:Wichtige Aspekte bei mobilen Webseiten

     
    < Prev   Next >

    Anzeige

    PDF-Download

    PDF Anleitungen

    IT & Internet

    6 Tipps für eine umweltfreundliche Webseite
    6 Tipps für eine umweltfreundliche Webseite Flugreisen, Autofahrten, Billigkleidung, Einwegverpackungen: An vielen Stellen werden M...
    Online-Shopping - die Bezahlmöglichkeiten
    Online-Shopping - die Bezahlmöglichkeiten in der Übersicht Das Internet wird immer mehr zum bevorzugten Einkaufszentrum. Nirgendwo...
    Infos und Tipps zum Domainhandel
    Infos und Tipps zum Domainhandel Das Internet ist aus dem Alltag kaum noch wegzudenken. Und neben Unternehmen, anderen Gewerbetreibenden...
    Cybermobbing - Infos und Schutzmaßnahmen
    Cybermobbing - Infos und Schutzmaßnahmen Von dem Phänomen Cybermobbing sind immer mehr Menschen betroffen. Dieser Beitrag erkl&au...
    Frequenzen bei WLan
    Übersicht zu Frequenzen bei WLan Bei WLans handelt es sich grundsätzlich um Funknetzlösungen, die es ermöglichen, elektr...

    mehr Artikel

    9 aktuelle Fragen zu Chatbots, 1. Teil 9 Fragen zu Chatbots, 1. Teil   Sobald von Robotern, digitalisierten Abläufen und Künstlicher Intelligenz die Rede ist, dauert es oft nicht sehr lange, bis auch der Begriff Chatbot fällt.  Ganzen Artikel...

    5 Tipps, um Kinder beim Einstieg ins Internet zu unterstützen 5 Tipps, um Kinder beim Einstieg ins Internet zu unterstützen Im heutigen Zeitalter sind moderne Medien wie das Internet längst zu alltäglichen Selbstverständlichkeiten geworden. Die Kinder werden mit dem Computer groß und wer auf dem Schulhof ohne Handy dasteht, wird schnell zum Außenseiter. Doch die virtuellen Welten haben auch ihre Tücken.    Ganzen Artikel...

    Die größten Meilensteine in der Geschichte der Browser Die größten Meilensteine in der Geschichte der Browser Das Internet wäre ohne die Browser unvorstellbar. Hier sind die wichtigsten Meilensteine in der Browser-Geschichte! Das World Wide Web, kurz WWW, ist ein elementarer Bestandteil des Internets, wie wir es heute kennen und nutzen. Zu den wichtigsten Werkzeugen dieses WWW wiederum gehört der Browser. Der Browser ist die Software, mit der wir Internetseiten öffnen und mit der wir von einer Webseite zur nächsten surfen.    Ganzen Artikel...

    Was ist eigentlich ein Webserver? 1. Teil Was ist eigentlich ein Webserver? 1. Teil   Damit moderne Kommunikation und der Austausch von Informationen funktionieren, spielt der Webserver in der Informatikwelt eine zentrale Rolle. Und im Zusammenhang mit dem Internet dürfte jeder den Begriff schon einmal gehört haben. Doch was ist eigentlich ein Webserver? Wofür wird er benötigt? Wie funktioniert er? Und wie wird ein Webserver erstellt und eingerichtet? Diese und weitere Fragen beantworten wir in einem zweiteiligen Beitrag!    Ganzen Artikel...



    Warum es sinnvoll ist, eine 404-Fehlerseite einzurichten Warum es sinnvoll ist, eine 404-Fehlerseite einzurichten   “Not Found. The requested URL/name.htm was not found on this server.” Diese Zeile hat vermutlich jeder Nutzer schon gesehen. Denn sie erscheint als Standard, wenn der Internetnutzer eine Seite aufrufen will, die es inzwischen jedenfalls unter dieser Adresse nicht mehr gibt. Doch statt den Nutzer mit der Fehlermeldung alleine zu lassen, sollte der Betreiber der Webseite dem Nutzer besser eine Hilfestellung anbieten. Und das hat mehrere Gründe. Wir erklären, warum es sinnvoll ist, eine 404-Fehlerseite einzurichten.  Ganzen Artikel...