Warum Responsive Webdesign nur der Anfang ist: Multiscreen & Co.

War Webdesign früher, abgesehen von den durch und durch hässlichen Browserkämpfen, eine einfache Sache, so ist der Entwurf von Websites heute zu einer Herausforderung geworden.

(firmenpresse) - Denn der Begriff Website wird im Normalfall gerne mit Webseite übersetzt. Eine abgeschlossene Seite, wie wir es aus einem Buch kennen, gibt es im Browser allerdings nicht. Das gilt umso mehr, wenn man die vielen unterschiedlichen Endgeräte in der heutigen Zeit betrachtet. Adaptive oder Responsive Webdesign sind die Zauberwörter, doch das ist nur der Anfang.

Schon im letzten Jahr begann sich die Situation der unterschiedlichen Endgeräte und Bildschirme auf den Designprozess auszuwirken. Konzepte und Designs mussten der großen Gerätefragmentierung Rechnung zahlen und sich den Endgeräten entsprechend anpassen. Begriffe wie Responsive Webdesign oder Adaptive Webdesign waren und sind in aller Munde. Zwar werden beide Formulierung oftmals gleichgesetzt ? ganz korrekt ist diese Vereinfachung allerdings nicht.

Adaptive und Responsive Webdesign
Adaptive bedeutet in der Übersetzung angepasstes Webdesign. Bei Adaptive Websites werden einige wichtige Umschaltpunkte definiert (z.B. die Übergänge in Bezug auf die Bildschirmgröße von Desktop auf Tablet oder von Tablet auf Smartphone), an denen das Layout entsprechend angepasst wird. Das Layout unterscheidet sich in diesem Beispiel also auf Desktop, Tablet und Smartphone ? innerhalb dieser Geräte bleibt das Design aber zum größten Teil gleich. Allerdings dürfte jedem klar sein, dass es auch bei Desktop-Bildschirmen, Tablets und vor allem auch Smartphones unterschiedlichste Größen und Auflösungen gibt.
Einen Schritt weiter geht daher das Responsive Webdesign, oder übersetzt reaktionsfähiges Webdesign. In dieser Disziplin werden zwar ebenfalls wichtige Übergangspunkte definiert, dazwischen passt sich das Layout aber auch auf die unterschiedlichen Größen und Auflösungen an. Um dies zu erreichen wird mit früher (bzw. leider heute noch) unter Designer zumeist verpönten Prozentangaben gearbeitet. Doch Agenturen, vor allem aber auch Kunden, müssen sich von festen Layouts im Internet verabschieden. Die Nutzung von mobilen Endgeräten wird rasant ansteigen, eine Priorisierung auf eine feste Browserbreite (klassisch 960 Pixel) ist kaum noch sinnvoll. Um die Betrachtung der verschiedenen Endgeräte wird man in heutigen Webprojekten nicht mehr herumkommen. Starre Layouts werden und müssen durch flüssige Layouts (Fluid Layouts) abgelöst werden.



Multiscreen Strategie und Multiscreen Experience
Doch diese Fluid Layouts können nur der Anfang sein. Zwar werden beim Adaptive oder Responsive Webdesign die unterschiedlichen Endgeräte beachtet, diese bilden aber in der Konzeption in sich geschlossene Einheiten. Ein Zusammenspielen der Endgeräte, die Einbeziehung des Nutzers und die Beachtung des Nutzungskontextes fehlt in dieser Vorgehensweise zum größten Teil. Der nächste Schritt bei der Konzeption und Entwicklung von digitalen Projekten ist die Einführung einer Multiscreen Strategie. Hilfreiche Konzepte, Vorgehensweisen und Muster stellt der UX-Experte Wolfram Nagel zusammen mit einigen Kollegen im dem bald erscheinenden Buch Multiscreen Experience Design vor.

Grob zusammengefasst, können die einzelnen Endgeräte (hier Screens genannt) nicht mehr separat betrachtet werden. Ein gutes Beispiel ist die Konzeption eines Online-Shopping-Portals. Um ein wirklich herausragendes digitales Einkaufserlebnis zu schaffen, müssen bei der Konzeption 2+3 Parameter betrachtet werden. Die Hauptparameter beziehen sich dabei auf den Nutzer (Nagel definiert hier einige hilfreiche Muster-Personas) und Screen (Smart-TV, Desktop/Laptop, Tablet und Smartphone). Darüber hinaus bilden der Nutzungsmodus (Lean Back oder Lean Forward), die jeweilige Situation (mobil oder stationär), sowie das Umfeld (Privat, Arbeitsplatz, Öffentlicher Raum, Unterwegs) den jeweiligen Nutzungskontext. Nur wenn diese Paramater entsprechend verstanden und in der Konzeption eingebunden werden, erhalten wir eine herausragende User und Multiscreen Experience.Zurück auf unser Beispiel eines digitalen Einkauferlebnisses, hat der Benutzer mit dem Smartphone andere Wünsche und Ziele, als mit einem Tablet, vor dem PC oder sogar dem TV-Gerät.

Auf dem Smartphone könnte der Benutzer per Barcode-Scanner zu kaufende Produkte in eine Einkaufsliste legen und diese unterwegs per schneller Such- und Eingabemöglichkeit bei Bedarf ergänzen. Diese Einkaufsliste wird über die Cloud mit allen anderen Geräten synchronisiert. Am PC oder Laptop kann die Einkaufsliste ergänzt, erweitert und mit einem klassischen Online-Shop-System genutzt werden. Auf dem Tablet werden zu den Produkten in der Einkaufsliste automatisch Rezeptvorschläge vorgeschlagen, Koch-Videos können per Device Shifting direkt auf den Smart TV gestreamt werden. Ebenfalls über letztere beiden Geräte kann das Rezept nachher auch einfach nachgekocht werden. Multiscreen eben.

Natural User Interfaces
Bei Multiscreen-Projekten müssen darüberhinaus aber auch bekannte Navigationskonzepte hinterfragt werden. Der Weg geht weg von klassischen GUIs (Graphical User Interfaces) hin zu NUIs (Natural User Interfaces). Gesten- und Sprachsteuerung steht bereits heute technisch nichts mehr im Wege. Es wird Zeit neue Navigationsformen und Wege zu nutzen.

Sie sehen also: Response Webdesign ist nur der Anfang! Weitere Informationen erhalten Sie unter www.app-agentur-bw.de
Weitere Infos zu dieser Pressemeldung:

Themen in dieser Pressemitteilung:


Unternehmensinformation / Kurzprofil:
Leseranfragen:
PresseKontakt / Agentur:
Bereitgestellt von Benutzer: Connektar
Datum: 23.01.2013 - 14:40 Uhr
Sprache: Deutsch
News-ID 801457
Anzahl Zeichen: 5673

Kontakt-Informationen:
Ansprechpartner: Markus Schmid
Stadt:

Donzdorf

Telefon: 07162/941140

Kategorie:

IT & Hardware & Software & TK

Meldungsart:
Anmerkungen:


Diese Pressemitteilung wurde bisher 360 mal aufgerufen.

Weitere Mitteilungen von AREA-NET GmbH

Kinosound im Wohnzimmer: KINOFANS klärt auf, wann sich Dolby Atmos zu Hause wirklich lohnt ...
Düsseldorf, 06. Mai 2026 - Ein Logo macht noch keinen Kinosound: Dolby Atmos verspricht das ultimative Klangerlebnis, doch in der Praxis scheitern viele Heimkino-Setups an der Umsetzung. Das Filmportal KINOFANS veröffentlicht heute einen detaillierten Ratgeber, der zeigt, warum Hardware, Raumakust

World of Data 2026: MarTech-Fokus zeigt, wie AI, Daten und integrierte Plattformen Marketing wirksamer machen ...
München, 13. Mai 2026 - Mehr Kanäle, mehr Content, mehr Daten, aber weniger Zeit: Marketing steht 2026 unter Druck. Viele Teams reagieren mit immer neuen Tools. Der World of Data (WoD) am 11. Juni 2026 in München setzt hier anders an: Die These lautet, dass MarTech seinen Wert erst dann voll entf

Hermes Reply präsentiert "Brick Cognitive", ein agentenbasiertes Betriebssystem für die Fertigung ...
Hermes Reply, das auf digitale Transformation in der Fertigungsindustrie spezialisierte Unternehmen der Reply Gruppe, stellt "Brick Cognitive" vor: das agentenbasierte Betriebssystem integriert Künstliche Intelligenz direkt in industrielle Abläufe. Die Lösung erweitert die Next-Generati

HOPPE bietet eine digitale Inventarverwaltung, um Inventar nachvollziehbar zu verwalten ...
Die Vorteile der HOPPE Inventarsoftware für Unternehmen In vielen Unternehmen ist die Inventarverwaltung noch immer mit Excel-Listen, Papierdokumenten oder unübersichtlichen Tabellen organisiert. Das führt häufig zu Fehlern, unnötigem Aufwand und fehlender Transparenz. Die HOPPE Inventarsoft

NIS-2 trifft Lieferkette: Warum der Einkauf zur Compliance-Schwachstelle wird ...
Während die IT-Abteilungen deutscher Unternehmen unter Hochdruck an der Umsetzung der NIS-2-Richtlinie arbeiten, droht an anderer Stelle eine gefährliche Flanke offen zu bleiben: die Lieferkette. Aktuelle Beobachtungen aus der Prüfpraxis zeigen, dass viele Unternehmen ihre Lieferantenprüfung noc

KI gegen störende Reflexionen in Videodaten ...
Hamburg, 12.05.2026 In der Film-, Werbe- und VFX-Produktion entstehen z.B. auf lackierten Fahrzeugoberflächen, Glasfassaden oder glänzenden Baustoffen, Reflexionen, die einen hohen manuellen Nachbearbeitungsaufwand verursachen. Ziel des Innovationsprojekts "ReflectionAI" ist die Entwi

Wenn neue Kunden ausbleiben, wird die Website zum entscheidenden Faktor ...
Berlin - Viele Unternehmen spüren derzeit die wirtschaftliche Zurückhaltung im Markt deutlich. Kaufentscheidungen dauern länger, Interessenten vergleichen intensiver und neue Kunden zu gewinnen wird für viele Firmen spürbar schwieriger als noch vor wenigen Jahren. Gerade in wirtschaftlich un

Software Architecture Gathering 2026 - Call for Papers jetzt geöffnet ...
Die nächste Ausgabe des Software Architecture Gathering (SAG) findet vom 16. bis 19. November 2026 in Berlin statt. Veranstaltet vom iSAQB® in Kooperation mit heise conferences, bringt das Event die internationale Softwarearchitektur-Community zusammen und dient als Plattform für Wissensaustausch

Responsive Webdesign als Erfolgsfaktor für Unternehmen im Main-Kinzig-Kreis ...
Immer mehr Menschen nutzen vor allem Smartphones, um auf Unternehmenswebsites zuzugreifen. Eine optimale Darstellung auf allen Endgeräten ist daher längst kein Zusatz mehr, sondern ein entscheidender Erfolgsfaktor. Responsive Webdesign sorgt dafür, dass Websites auf jedem Bildschirm benutzerfreun

NIS-2 und sichere Lieferkette - Lieferantenaudit mit der GAP View Software ...
In der heutigen digitalen Wirtschaft sind Unternehmen und Behörden stark von IT-Lieferanten und -Dienstleistern abhängig. Je nach Umfang und Art der gelieferten Leistungen kann diese Abhängigkeit gravierende operative und rechtliche Risiken mit sich bringen. Die Behandlung dieser Risiken ist regu