Mobile Website
Eine mobile Website ist eine Website, die speziell für die Nutzung auf mobilen Endgeräten wie z. B. Smartphones, Tablets und Handheld-Konsolen optimiert wurde. Dazu gehört vor allem die Anpassung auf die geringere Bildschirmgröße im Vergleich zu den meisten stationären Endgeräten. Mobile Websites werden wie eine gewöhnliche Website über einen Webbrowser aufgerufen. Seltener ist auch eine eigens für die Website mit dem Internet verbundene Mobile App verfügbar, die üblicherweise über einen App Store heruntergeladen werden kann.
Geschichte
Bereits seit die ersten Handys in den 1990er Jahren internetfähig wurden, gab es vereinzelte Websites, die für die Nutzung auf mobilen Geräten ausgelegt waren. Diese waren allerdings noch sehr einfach gehalten, da die Displays der damaligen Handys ohnehin noch keine besonders aufwendigen Seiten darstellen konnten. Durch die fortschreitende Entwicklung und damit verbundene steigende Popularität der Smartphones und Tablet-Computer wurde es möglich, auch aufwendigere Websites für diese Geräte zu erstellen.
Mobile Websites
Mobile Websites dienen der Publikation von Inhalten auf mobilen Endgeräten und sind für gewöhnlich eine Ergänzung zur „normalen“ Desktop-Website. Am häufigsten dienen sie derzeit zur Wiedergabe von informativen Texten und redaktionellen Inhalten; außerdem stellen sie Kontakt- und Hintergrundinformationen zur Verfügung. Aufgrund der wachsenden Verbreitung mobiler Endgeräte befinden sich Ansätze zur Implementierung weiterer Funktionen, wie zum Beispiel mobiler Online-Shops unter aktiver Entwicklung.
Mobile Websites werden mithilfe derselben standardisierten Technologien entwickelt, die auch auf anderen Plattformen zum Einsatz kommen. Diese sind in erster Linie HTML, CSS und JavaScript. Diese Praxis erlaubt Browsern aller mobilen Geräte den Aufruf der Website.
Teilweise machen mobile Websites auch Gebrauch von besonderen Funktionen wie Neigungssensor, lokalem Speicher oder Kamera des Endgerätes, um der User Experience einer nativen Applikation so nah wie möglich zu kommen.
Anforderung, Aufbau und Eigenschaften
Das Erscheinungsbild eines mobilen Webauftrittes stellt nach traditioneller Auffassung eine reduzierte Version der „eigentlichen“ Website dar.
Durch die im Vergleich zum Desktop-PC schwächere Hardware und das geringere übertragbare Datenvolumen von mobilen Endgeräten gewinnen Anforderungen wie kurze Ladezeiten, barrierefreie Benutzeroberfläche und einfache Navigation noch größere Bedeutung.
Durch entsprechende Programmierung passen sich mobile Websites in der Größe und Breite dem jeweiligen Monitor des Gerätes an, auf dem die Seite angezeigt wird. HTML5 führt neue Schnittstellen ein, die es dem Programmierer erlauben, mithilfe von JavaScript auf Hardware-Funktionen des Endgerätes zuzugreifen. Beispiele hierfür sind die Kamera oder der GPS-Sensor des Gerätes.
Der Einsatz von proprietären Technologien wie Flash kann aufgrund der ungleichmäßigen Unterstützung zu Kompatibilitätsproblemen führen.
Native App
Eine native App dagegen ist eine speziell für ein mobiles Betriebssystem entwickelte Anwendung, die vor der Verwendung auf dem Gerät installiert werden muss. Ihr Erscheinungsbild ist in der Regel der Benutzeroberfläche des jeweiligen Mobilgerätes angepasst. Sie funktioniert nur auf der Plattform, für die sie programmiert wurde.
Weblinks
- Mobile Site vs. Full Site. Jakob Nielsen’s Alertbox (englisch) abgerufen am 3. Juli 2012
- <templatestyles src="Webarchiv/styles.css" />{{#if:20120706033617
| {{#ifeq: 20120706033617 | *
| {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }} (Archivversionen)
| {{#iferror: {{#time: j. F Y|20120706033617}}
| {{#if: || }}Der Wert des Parameters {{#if: wayback | wayback | Datum }} muss ein gültiger Zeitstempel der Form YYYYMMDDHHMMSS sein!
| {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer }} vom {{#time: j. F Y|20120706033617}} im Internet Archive{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
}}
| {{#if:
| {{#iferror: {{#time: j. F Y|{{{webciteID}}}}}
| {{#switch: {{#invoke:Str|len|{{{webciteID}}}}}
| 16= {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer }} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{{webciteID}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| 9 = {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }} {{#ifeq: | [] | [ | ( }}{{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer}} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{#invoke:Expr|base62|{{{webciteID}}}}}|1|10}}/86400}} }} days}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
| #default= Der Wert des Parameters {{#if: webciteID | webciteID | ID }} muss entweder ein Zeitstempel der Form YYYYMMDDHHMMSS oder ein Schüsselwert mit 9 Zeichen oder eine 16-stellige Zahl sein!{{#if: || }}
}}
| c|{{{webciteID}}}}} {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }} ({{#if: {{#if: | {{{archiv-bot}}} | }} | des Vorlage:Referrer}} vom {{#time: j. F Y|{{{webciteID}}}}} auf WebCite{{#if: | ; }}{{#ifeq: | [] | ] | ) }}
}}
| {{#if:
| Vorlage:Webarchiv/Today
| {{#if:
| Vorlage:Webarchiv/Generisch
| {{#if: Mobile Webseiten, Apps und Web-Apps | {{#invoke:WLink|getEscapedTitle|Mobile Webseiten, Apps und Web-Apps}} | {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}} }}
}}}}}}}}{{#if:
| Vorlage:Webarchiv/archiv-bot
}}{{#invoke:TemplatePar|check
|all = url=
|opt = text= wayback= webciteID= archive-is= archive-today= archiv-url= archiv-datum= ()= archiv-bot= format= original=
|cat = Wikipedia:Vorlagenfehler/Vorlage:Webarchiv
|errNS = 0
|template = Vorlage:Webarchiv
|format = *
|preview = 1
}}{{#ifexpr: {{#if:20120706033617|1|0}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}} <> 1
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Genau einer der Parameter 'wayback', 'webciteID', 'archive-today', 'archive-is' oder 'archiv-url' muss angegeben werden.|1}}
}}{{#if:
| {{#switch: {{#invoke:Webarchiv|getdomain|{{{archiv-url}}}}}
| web.archive.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von Internet Archive erkannt, bitte Parameter 'wayback' benutzen.|1}}
| webcitation.org =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von WebCite erkannt, bitte Parameter 'webciteID' benutzen.|1}}
| archive.today |archive.is |archive.ph |archive.fo |archive.li |archive.md |archive.vn =
{{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von archive.today erkannt, bitte Parameter 'archive-today' benutzen.|1}}
}}{{#if:
| {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Wert des Parameter 'archiv-datum' ist ungültig oder hat ein ungültiges Format.|1}}
| }}
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Pflichtparameter 'archiv-datum' wurde nicht angegeben.|1}}
}}
| {{#if:
| {{#if: || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Parameter 'archiv-datum' ist nur in Verbindung mit 'archiv-url' angebbar.|1}}
}}
}}{{#if:{{#invoke:URLutil|isHostPathResource|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php}}
|| {{#if: || }}
}}{{#if: Mobile Webseiten, Apps und Web-Apps
| {{#if: {{#invoke:WLink|isBracketedLink|Mobile Webseiten, Apps und Web-Apps}}
| {{#if: || }}
}}
| {{#if: || }}
}}{{#switch:
|addlarchives|addlpages= {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: enWP-Wert im Parameter 'format'.|1}}
}}{{#ifeq: {{#invoke:Str|find|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php%7Carchiv}} |-1
|| {{#ifeq: {{#invoke:Str|find|{{#invoke:Str|cropleft|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php%7C4}}%7Chttp}} |-1
|| {{#switch: {{#invoke:Webarchiv|getdomain|http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php }}
| abendblatt.de | daserste.ndr.de | inarchive.com | webcitation.org =
| #default = {{#if: || }}{{#if: 1 |}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Archiv-URL im Parameter 'url' anstatt URL der Originalquelle. Entferne den vor der Original-URL stehenden Mementobestandteil und setze den Archivierungszeitstempel in den Parameter 'wayback', 'webciteID', 'archive.today' oder 'archive-is' ein, sofern nicht bereits befüllt.|1}}
}}
}}
}}
- Mobile applications: native v Web apps. (englisch) abgerufen am 3. Juli 2012