„Mobile Website“ – Versionsunterschied

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
[gesichtete Version][gesichtete Version]
Inhalt gelöscht Inhalt hinzugefügt
→‎Weblinks: Werbung entfernt. Ursprünglicher Link passt nicht mehr
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
BKL Datenvolumen aufgelöst
 
(13 dazwischenliegende Versionen von 9 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Eine '''mobile Webseite''' ist eine [[Webseite]], die speziell für die Nutzung auf mobilen Endgeräten wie z. B. [[Smartphone]]s optimiert wurde. Dazu gehört vor allem die Anpassung auf die geringe Bildschirmgröße. Mobile Webseiten werden wie eine gewöhnliche Webseite über einen [[Webbrowser]] aufgerufen.
Eine '''mobile Website''' ist eine [[Website]], die speziell für die Nutzung auf mobilen [[Endgerät|Endgeräten]] wie z. B. [[Smartphone]]s, [[Tabletcomputer|Tablets]] und [[Handheld-Konsole|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 ==
== Geschichte ==
Bereits seit die ersten [[Handy]]s in den 1990er Jahren internetfähig wurden, gab es vereinzelte [[Webseite]]n, die für die Nutzung auf mobilen Geräten ausgelegt waren. Diese waren allerdings noch sehr einfach gehalten, da die [[Computermonitor|Displays]] der damaligen Handys ohnehin noch keine besonders aufwendigen Seiten darstellen konnten.
Bereits seit die ersten [[Handy]]s in den 1990er Jahren internetfähig wurden, gab es vereinzelte [[Website|Websites]], die für die Nutzung auf mobilen Geräten ausgelegt waren. Diese waren allerdings noch sehr einfach gehalten, da die [[Computermonitor|Displays]] der damaligen Handys ohnehin noch keine besonders aufwendigen Seiten darstellen konnten. Durch die fortschreitende Entwicklung und damit verbundene steigende Popularität der [[Smartphone]]s und [[Tablet-Computer]] wurde es möglich, auch aufwendigere Websites für diese Geräte zu erstellen.
Durch die fortschreitende Entwicklung und damit verbundene steigende Popularität der [[Smartphone]]s und [[Tablet-Computer]] wurde es möglich, auch aufwendigere Webseiten für diese Geräte zu erstellen.


== Mobile Webseiten ==
== Mobile Websites ==
Mobile Webseiten dienen der Publikation von Inhalten auf mobilen Endgeräten und sind für gewöhnlich eine Ergänzung zur „normalen“ Desktop-[[Webseite]]. 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-Shop#Onlineshop|Online-Shops]] unter aktiver Entwicklung.
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-Shop#Onlineshop|Online-Shops]] unter aktiver Entwicklung.


Mobile Webseiten werden mithilfe derselben standardisierten Technologien entwickelt, die auch auf anderen Plattformen zum Einsatz kommen. Diese sind in erster Linie [[Hypertext Markup Language|HTML]], [[Cascading Style Sheets|CSS]] und [[JavaScript]]. Diese Praxis erlaubt [[Browser]]n aller mobilen Geräte den Aufruf der Webseite.
Mobile Websites werden mithilfe derselben standardisierten Technologien entwickelt, die auch auf anderen Plattformen zum Einsatz kommen. Diese sind in erster Linie [[Hypertext Markup Language|HTML]], [[Cascading Style Sheets|CSS]] und [[JavaScript]]. Diese Praxis erlaubt [[Browser]]n aller mobilen Geräte den Aufruf der Website.


Teilweise machen mobile Webseiten 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.
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 ==
== Anforderung, Aufbau und Eigenschaften ==
Das [[Corporate Design|Erscheinungsbild]] eines mobilen Webauftrittes stellt nach traditioneller Auffassung eine reduzierte Version der „eigentlichen“ Webseite dar.
Das [[Corporate Design|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 die im Vergleich zum Desktop-PC schwächere Hardware und das geringere übertragbare [[Datenverkehr|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 Webseiten 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 [[Global Positioning System|GPS]]-Sensor des Gerätes.
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 [[Global Positioning System|GPS]]-Sensor des Gerätes.


Der Einsatz von proprietären Technologien wie [[Adobe Flash|Flash]] kann aufgrund der ungleichmäßigen Unterstützung zu Kompatibilitätsproblemen führen.
Der Einsatz von proprietären Technologien wie [[Adobe Flash|Flash]] kann aufgrund der ungleichmäßigen Unterstützung zu Kompatibilitätsproblemen führen.


== Mobile App ==
== Native App ==
Eine [[Mobile 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 [[Grafische Benutzeroberfläche|Benutzeroberfläche]] des jeweiligen Mobilgerätes angepasst. Sie funktioniert nur auf der Plattform, für die sie programmiert wurde.
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 [[Grafische Benutzeroberfläche|Benutzeroberfläche]] des jeweiligen Mobilgerätes angepasst. Sie funktioniert nur auf der Plattform, für die sie programmiert wurde.

== Siehe auch ==
* [[Responsive Webdesign]]


== Weblinks ==
== Weblinks ==
* [http://www.useit.com/alertbox/mobile-vs-full-sites.html ''Mobile Site vs. Full Site''.] Jakob Nielsen’s Alertbox (englisch) abgerufen am 3. Juli 2012
* [http://www.useit.com/alertbox/mobile-vs-full-sites.html ''Mobile Site vs. Full Site''.] Jakob Nielsen’s Alertbox (englisch) abgerufen am 3. Juli 2012
* {{Webarchiv|url=http://www.partnercommunication.de/webdesign-lexikon/mobile-webseite-app.php|wayback=20120706033617|text=Mobile Webseiten, Apps und Web-Apps|format= |()= |original= }}
* [http://mobithinking.com/native-or-web-app?goback=.gde_4331698_member_99237509 Mobile applications: native v Web apps.] (englisch) abgerufen am 3. Juli 2012
* [http://mobithinking.com/native-or-web-app?goback=.gde_4331698_member_99237509 Mobile applications: native v Web apps.] (englisch) abgerufen am 3. Juli 2012



Aktuelle Version vom 13. Juni 2024, 08:21 Uhr

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.

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

[Bearbeiten | Quelltext bearbeiten]

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

[Bearbeiten | Quelltext bearbeiten]

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.

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.