Mobile Endger\u00e4te sind heutzutage aus dem Alltag nicht mehr wegzudenken. Nahezu alle Altersgruppen nutzen das mobile Internet \u2013 von Kindesbeinen an bis hin zu den \u201eSilver Surfern\u201c. Mal eben unterwegs die E-Mails abrufen, einen Blogartikel einstellen, Social Media Posts erstellen: Mit dem mobilen Internet ist gew\u00e4hrleistet, dass man auch unterwegs ein offenes Zeitfenster effektiv nutzen kann.<\/p>\n
Das bedeutet vor allem f\u00fcr Webmaster Herausforderungen, die mit der Zeit gehen und Internetseiten an die ver\u00e4nderten Bed\u00fcrfnisse der User anpassen m\u00fcssen. Welche M\u00f6glichkeiten Webmastern zur Verf\u00fcgung stehen, um sich dieser Herausforderung zu stellen, dazu mehr im Folgenden.<\/p>\n
Das \u201cResponsive Webdesign\u201d (= Optimierung der Websites f\u00fcr mobile Endger\u00e4te) ist im Alltag angekommen und sollte sp\u00e4testens 2015 von allen als Norm angesehen werden. Das bedeutet konkret: Um eine positive User-Experience zu gew\u00e4hrleisten, sollte die Website f\u00fcr unterschiedliche Bildschirmformate und Ger\u00e4te optimiert sein. Heutzutage nimmt es kaum ein User noch in Kauf, umst\u00e4ndlich auf einer nicht-optimierten Seite zu zoomen und sich durch die verkleinerte Darstellung zu \u201ck\u00e4mpfen\u201d.<\/p>\n
H\u00e4ufig entwickeln Webmaster ihre Seite im \u201cgewohnten\u201d Format, das hei\u00dft, f\u00fcr die g\u00e4ngigen Bildschirmgr\u00f6\u00dfen von PCs und konzentrieren sich erst danach auf die Optimierung f\u00fcr mobile Endger\u00e4te. Im Trend liegt jedoch der Ansatz \u201cMobile First\u201d, bei dem die gewohnte Vorgehensweise umgedreht und zun\u00e4chst der Erstellung der Mobile-Version Beachtung geschenkt wird. Dabei arbeitet man sich quasi von der kleinsten Layout-Version zur gr\u00f6\u00dften vor.<\/p>\n
Luke Wroblewski, Autor des Buches \u201cMobile First\u201d, fasst das Vorgehen folgenderma\u00dfen zusammen: \u201cDesigning for mobile first forces you to embrace these contraints to develop an eleganz mobile-appropriate solution. But the benefits go well beyond mobile. Small screen sizes force you to prioritize what really matters to your customers and business.<\/em>\u201d (\u201cDas Entwerfen f\u00fcr mobile Endger\u00e4te zwingt Sie, diese Einschr\u00e4nkungen zu akzeptieren und eine elegante, mobil-geeignete L\u00f6sung zu entwickeln. Aber die Vorteile gehen weit \u00fcber eine mobile Version hinaus. Bei kleinen Bildschirmgr\u00f6\u00dfen m\u00fcssen Sie Priorit\u00e4ten setzen, was das Ausschlaggebende ist zwischen Ihren Kunden und Ihrem Gesch\u00e4ftsmodell.<\/em>\u201c)<\/p>\n Der Autor zeigt ganz klar, worin der Vorteil dieses Ansatzes liegt: Man ist als Webmaster von Anfang an auf die wesentlichen Elemente fokussiert und setzt sich aktiv mit der Vereinfachung einer Seite auseinander, um die bestm\u00f6gliche User-Experience zu bieten.<\/p>\n Websites, die f\u00fcr mobile Endger\u00e4te optimiert sind, \u00fcberzeugen durch ein \u00fcbersichtliches Design und eine klare Strukturierung. Die Bedienelemente, der Content und eventuell vorhandenes Bildmaterial m\u00fcssen dabei optimal an die Displaygr\u00f6\u00dfe angepasst sein. Dar\u00fcber hinaus gilt es, die Ladezeit der Seite so kurz wie m\u00f6glich zu gestalten \u2013 schlie\u00dflich hat man als User unterwegs nicht immer WLAN zur Verf\u00fcgung und m\u00f6chte trotzdem nicht lange warten, um an die gew\u00fcnschten Informationen zu gelangen. Als Webmaster gilt deshalb als Grundsatz: Die Reduzierung auf das Wesentliche.<\/p>\n Die Bandbreite an M\u00f6glichkeiten zur Gestaltung ist gro\u00df \u2013 so gibt es beispielsweise Bildergalerien, die sich per \u201eswipen\u201c (=\u201cFingerwischen\u201c) am Smartphone durchbl\u00e4ttern lassen oder die Verwendung von so genannten \u201eSelect Men\u00fcs\u201c, die auf mobilen Endger\u00e4ten auf einer neuen Ebene angezeigt werden. <\/p>\nGestaltung: Fokussierung auf das Wesentliche<\/h2>\n
Fazit<\/h2>\n