Erhalten Sie eine kostenlose 30-minütige Beratung!
Im Jahr 2020 wird die Zahl der weltweiten Smartphone-Nutzer auf 3,5 Milliarden geschätzt, was einen Anstieg von 9,3% gegenüber 2019 bedeutet.
96% der Amerikaner besitzen heute eine Art Mobiltelefon, wobei 81% dieser Mobiltelefone Smartphones sind.
Immer mehr Menschen surfen aus Bequemlichkeit mit ihrem Handy im Internet, anstatt sich an ihren Desktop- oder Laptop-Computer zu setzen.
Im dritten Quartal 2019 erzeugten mobile Geräte (ohne Tablets) 51,5% des weltweiten Website-Traffics. Das ist enorm und die meisten von uns sind deshalb bereits dabei, ihre Websites für mobile Endgeräte zu optimieren, aber das bedeutet nicht unbedingt, dass das, was sie haben, den Bedürfnissen Ihrer Benutzer entspricht.
Ein reaktionsfähiges Webdesign stellt sicher, dass ihre Website den Benutzern auf allen Geräten und Browsern ein gleichermassen hervorragendes Benutzererlebnis bietet. SEO- und Kundenanforderungen werden dadurch so vollständig erfüllt, dass Suchmaschinen wie Google sofort darauf reagieren.
Im Web werden nicht alle Websites gleich erstellt. Auf einem mobilen Gerät können Benutzer auf eine der folgenden Arten von Websites treffen:
- Mobile-spezifische Sites sind für Mobiltelefone konzipiert.
- Webanwendungen sind eine besondere Art von mobil-spezifischen Sites, die wie eine App aussehen und sich wie eine solche anfühlen.
- Sites mit reaktionsschnellem Design sind Sites, die für eine Vielzahl von Geräten mit unterschiedlichen Bildschirmgrößen entworfen wurden; sie passen das Layout ihres Inhalts automatisch an die verfügbare Bildschirmgröße an.
- Vollständige (oder Desktop-)Sites sind für den Desktop konzipiert und nicht für Mobilgeräte optimiert.
Mobile-spezifische Sites
Mobile-dedizierte Sites sind Sites, die speziell für Mobiltelefone entwickelt wurden. Sie leben oft unter einer separaten URL (z.B. m.site.com) und unterscheiden sich in allen Punkten von der vollständigen Website. Sie enthalten Funktionen oder Inhalte, die als für Mobiltelefone geeignet erachtet wurden; häufig ist dies nur eine Teilmenge dessen, was auf dem Desktop verfügbar ist. Sie werden oft mit reaktionsfähigen Sites kontrastiert, die in der Regel den gleichen Inhalt und die gleiche Funktionalität für Mobil- und Desktopgeräte enthalten, aber diese Funktionen auf Mobilgeräten neu anordnen.
Webanwendungen
Webanwendungen sind keine echten Anwendungen – es sind in Wirklichkeit Websites, die zwar wie native Anwendungen aussehen und sich auch so anfühlen, aber nicht als solche implementiert sind.
Reaktionsfähiges Design
Responsive Design ist eine Entwicklungstechnik, die den Kundentyp erkennt und das Layout einer Website entsprechend der Größe des Bildschirms, auf dem sie angezeigt wird, dynamisch anpasst. So kann derselbe Inhalt in einem dreispaltigen Format auf einem Desktop, in einem zweispaltigen Format auf einem Tablet und in einem einspaltigen Format auf einem Smartphone angezeigt werden.
Eine der Beanstandungen mobiler Sites besteht darin, dass sie oft Inhalte und Funktionen ausschließen, die sich zumindest für einige Benutzer gelegentlich als relevant erweisen könnten. Ein reaktionsfreudiges Design begegnet diesen Einwänden, indem es die Gleichwertigkeit von Inhalt und Funktionen über verschiedene Versionen einer Website hinweg anstrebt.
In der Praxis ist das reaktionsfähige Design oft ein Kontinuum: Viele reaktionsfähige Sites sind nicht „vollständig“ reaktionsfähig und haben keine 100%ige Funktions- oder Inhaltsparität; stattdessen entfernen sie Funktionen, die auf Mobiltelefonen nur selten benötigt werden.
Adaptiver Entwurf
Adaptives Design ist eine Version des reaktionsfähigen Designs, bei der der Server die Fähigkeiten eines Client-Geräts erkennt und nur Inhalte und Funktionen sendet, die auf diesem Gerät angemessen angezeigt werden können. Leistungsfähigere Geräte erhalten komplexere Inhalte, die mit CSS- und JavaScript-Funktionen angereichert sind, die von diesen Geräten unterstützt werden. Weniger leistungsstarke Geräte mit schlechten Netzwerkverbindungen erhalten flinke, leichte Versionen der Seite, die auf die Kernfunktionalität reduziert sind.
Der Hauptvorteil des adaptiven Designs besteht darin, dass es das Problem der langsamen Antwortzeiten löst, das das reaktionsfähige Design oft plagt.
Vollständige Sites auf Mobiltelefonen?
Benutzer sagen manchmal, dass sie lieber auf eine Desktop-Site als auf eine mobile Site gehen würden. Das liegt vor allem an ihren früheren Erfahrungen mit für Mobilgeräte optimierten Inhalten: In dem Bemühen, den Inhalt leichter verdaulich zu machen, enthalten einige mobile Sites nur eine winzige Teilmenge des vollständigen Site-Angebots auf ihrer mobilen Site.
Einer unserer Teilnehmerinnen versuchte, eine Reservierung auf der mobilen Website eines Hotels vorzunehmen. Das erste, was sie sagte, als sie die Website sah, war, dass es sich um eine sehr nackte Website handele, und sie erwartete von dieser Firma (die zufällig ein großes Kasino-Hotel in Las Vegas war) eine auffälligere Website. Es gelang ihr jedoch, die Reservierung schnell zu beenden. Schließlich lernte sie die Einfachheit der Website zu schätzen und war angenehm überrascht, wie einfach es für sie war, die Aufgabe zu erledigen.
SCHLUSSFOLGERUNG
Mit reaktionsschnellem Webdesign können wir maßgeschneiderte Lösungen für eine größere Anzahl von Benutzern auf einer größeren Anzahl von Geräten (Smartphone, Tablet und weitere Endgeräte) erstellen. Eine Website kann sowohl für jemanden auf einem alten Laptop als auch für die überwiegende Mehrheit der Menschen mit den trendigsten Gadgets maßgeschneidert werden, und ebenso für die wenigen Benutzer, die jetzt und in den kommenden Jahren die fortschrittlichsten Endgeräte besitzen.
Mobile-dedizierte, reaktionsfähige oder adaptive Lösungen sind mögliche Wege, um mobile Benutzererfahrungen zu implementieren. Jede von ihnen hat Vor- und Nachteile, und sie beeinflussen einander sogar gegenseitig. Die einzige Möglichkeit für sie als Endbenutzer, zu erkennen, dass eine Site in reaktionsfähigem Design implementiert ist, besteht darin, die Größe des Fensters, in dem sie auf dem Desktop angezeigt wird, zu ändern, um zu prüfen, ob der Inhalt neu fließt. Und das ist nichts, was Benutzer tun würden, wenn sie nicht an unserem Seminar über die Skalierung von Benutzeroberflächen teilnehmen würden.
Auch wenn ihre Implementierungen polweise voneinander getrennt sein können, müssen reaktionsfähige, anpassungsfähige oder für Mobilgeräte bestimmte Sites den gleichen Prinzipien und Richtlinien für die mobile Nutzung folgen, um zu funktionieren.
Wir treten in der Tat in ein neues Zeitalter des Webdesigns und der Webentwicklung ein. Viel zu viele Optionen stehen jetzt zur Verfügung, und es wird auch in Zukunft viel zu viele geben, um weiterhin kundenspezifische Lösungen für jede Bildschirmgröße, jedes Gerät und jeden technologischen Fortschritt anzupassen und zu entwickeln.
Wir sollten lieber heute eine neue Ära beginnen: Websites erstellen, die schon jetzt zukunftsfähig sind. Zu verstehen, wie ein Design auf den Benutzer zugeschnitten werden kann, erfordert nicht allzu viel Lernaufwand, und es kann definitiv viel weniger stressig sein, als zu lernen, wie man für jedes einzelne verfügbare Gerät richtig entwirft und programmiert.
Reaktionsfähiges Webdesign und die oben besprochenen Techniken sind nicht die endgültige Antwort auf die sich ständig verändernde mobile Welt. Reagierendes Webdesign ist ein bloßes Konzept, das, wenn es richtig umgesetzt wird, die Benutzererfahrung verbessern, aber nicht für jeden Benutzer, jedes Gerät und jede Plattform vollständig Probleme lösen kann. Wir werden ständig mit neuen Geräten, Auflösungen und Technologien bedient werden, um die Benutzererfahrung kontinuierlich zu verbessern, da sich die Technologie in den kommenden Jahren rasant weiterentwickeln wird.
