Wenn wir 2017 über Webdesign sprechen, sprechen wir wirklich von Responsive Webdesign. In etwas mehr als sechs Jahren ist der Begriff "responsive" zu einem alles durchdringenden Industriestandard geworden.
Responsives Webdesign ist der Prozess, bei dem eine Website oder eine Webanwendung so gestaltet wird, dass sich ihr Inhalt entsprechend dem Gerät, auf dem sie angezeigt wird, anpasst. Vor ein paar Jahren sah ich einen ausgezeichneten Konferenzvortrag von Ethan Marcotte-who prägte den Begriff "Responsive Webdesign" - in dem er reaktionsschnelle Seiten mit Utahs Pando Tree vergleicht; ein einzelner Organismus mit einer verbundenen Wurzelstruktur, die an verschiedenen Orten, in unterschiedlichen Kontexten, in unterschiedlichen Größen, aber mit der gleichen Grundgenetik aus dem Boden hervortritt.
Es ist wohl die Annahme von Responsive Design, die das Wachstum des mobilen Webs ermöglicht hat; Ohne sie hätten die Kosten für die Entwicklung einer mobilen Website parallel zu einer Desktop-Version dazu geführt, dass viele Unternehmen mit letzterem Schritt gehalten hätten.
Für Mobilgeräte konzipierte Beziehungen werden häufig auf viel größere Viewports übertragen
Aber responsives Design ist nicht ohne Probleme. Responsive Designs reagieren per Definition auf die Größe des Darstellungsbereichs und nicht auf den Inhalt. Container-basierte Varianten von CSS-Medienabfragen wurden als Lösung vorgeschlagen, aber bisher ist es nur ein Post-It auf dem Whiteboard von jemandem.
Design ist weitgehend über Beziehungen zwischen Elementen, und diese Beziehungen sind auf einem kleinen Bildschirm beschränkt. Da unser Markup semantisch strukturiert ist, werden Beziehungen, die für Mobilgeräte entwickelt wurden, häufig auf viel größere Viewports übertragen.
Eine der am häufigsten kritisierten UI-Entscheidungen des vergangenen Jahres war die zunehmende Anzahl von Hamburger-Menüs, die auf dem Desktop verwendet werden. Mobile Layouts - horizontale Bänder mit Inhalten, die in ein 12-Spalten-Raster unterteilt sind - wurden jedoch nur wenig auf Desktops skaliert.
Die Frage, ob responsives Webdesign Kreativität zerstört, ist wahrscheinlich ungerecht. Es geht davon aus, dass Vielfalt und Innovation der Lebensnerv eines Designprozesses sind. Es legt auch die Schuld auf ein Konzept, wenn es Schuld an der Aufteilung ist, liegt es sicherlich bei der Umsetzung. In der Tat blüht Design oft unter strengsten Einschränkungen - ich kenne einen Designer, der seinen Kunden seine eigenen Einschränkungen auferlegt, weil er fühlt, dass seine Arbeit stärker ist, wenn er herausgefordert wird.
Wenn die Zuteilung beschuldigt wird, liegt das sicherlich an der Umsetzung
Responsive Design funktioniert unglaublich gut mit Branding, aber es ist weniger als ideal für das Layout. Es kann sein, dass die beste Methode zum Implementieren von Responsive Design darin besteht, unterschiedliche Designs für verschiedene Viewport-Klassen zu erstellen, und sich nur für ähnliche Bildschirme auf Responsive-Techniken verlassen. Wir kennen vielleicht nicht die genauen Abmessungen jedes Bildschirms, aber wir wissen, dass ein Telefon in eine Tasche passen muss. Wir wissen, dass ein Notebook nicht schmaler sein kann als seine Tastatur.
Responsive Design kann einfach eine Idee sein, die ihrer Zeit, die wir realisieren, weit voraus ist, und sobald Tools wie CSS-Variablen und Container-Abfragen implementiert sind, wird das Design im Web wieder vielfältig werden.