EiCURA Magazine
eXPLAINED
Responsive Design
Was ist das und warum ist es wichtig?
eicura-magazine-article-default.png

Vielen wird “Responsive Design” wahrscheinlich bereits ein Begriff sein, da es uns im Bereich der digitalen Kommunikation beinahe täglich begegnet. Es ist seit März 2021 sogar Grundvoraussetzung für eine Website, um überhaupt bei Google gelistet zu werden. Google bezeichnet diese Maßnahme als “Mobile-Only”, was den nächsten Schritt nach dem in 2017 eingeführten “Mobile-First” Indizierungsprozess darstellt. Doch was genau ist “Responsive Design” denn jetzt eigentlich? Warum ist es so wichtig, wo findet es überall Anwendung und wie funktioniert es?


Was ist Responsive Design?

Kurz erklärt: Responsive Design beschreibt die Fähigkeit einer Website oder Anwendung, deren Benutzeroberfläche an die Auflösung des Bildschirms eines Endgeräts anzupassen. Rufen sie also eine optimierte Website über ein mobiles Endgerät, wie z.B. Smartphone oder Tablet auf, so passt sich die Darstellung automatisch an die Größe des Bildschirms an, um mindestens genau so übersichtlich wie auf dem großen Bildschirm eines PCs zu sein.


Warum ist Responsive Design so wichtig?

Seit Beginn des kommerziellen Internets, hat sich die Gestaltung einer Website in der Regel an der Darstellung und Auflösung eines Desktops, also PC-Bildschirms orientiert. Websites wurden so umgesetzt, dass sie möglichst übersichtlich und ansprechend über einen PC abgerufen werden konnten. Doch in den letzten Jahren wird das Thema mobile Endgeräte immer präsenter und ist in vielen Ländern überhaupt nicht mehr wegzudenken, teilweise sogar der einzige genutzte Weg, um auf das Internet zuzugreifen. Das macht Responsive Design für Betreiber einer Website elementar, um diese möglichst ansprechend präsentieren zu können und von überall erreichbar zu sein.


Wie funktioniert Responsive Design?

Responsive Design entsteht durch den entsprechenden Einsatz der Programmiersprache “CSS”. Im Grunde genommen wird bei der Umsetzung einer Website genau definiert, wie sich diese bei bestimmten Auflösungen und Bildschirmgrößen verhalten soll. Das stellt sicher, dass eine Website sowohl auf einem Smartphone, als auch auf einem großen Bildschirm, passend und übersichtlich dargestellt wird.

14 November 2021, 23:00:00
written by André Gasser for EiCURA Magazine

Featured

eicura-magazine-featured-uiux.png
eXPLAINED
Kurz erklärt: Adobe Creative Cloud - Welche Anwendung nutze ich für was?
eicura-magazine-featured-responsive.png
eXPLAINED
Kurz erklärt: UI und UX - Was ist UI/UX und wo liegt der Unterschied?