2015-12-16-nachteile-von-responsive-design.markdown 6.54 KB
Newer Older
Martin Bieder's avatar
Martin Bieder committed
1 2 3 4 5 6 7 8
---
layout: post
title:  "Nachteile von Responsive Design"
subtitle: Folgen für die Erwartungskonformität
category: usability
author: Stephan Adolf
---

9
Responsive Design hat viele Vorzüge, wenn man bedenkt, dass manche Webseiten sowohl von mobilen Endgeräten, als auch von gewöhnlichen Desktop-PCs oder Laptops aus aufgerufen werden. Als Beispiel kann hier eine Touristen-Webseite dienen, die sowohl im Urlaub von Smartphone, als auch zu Haus durch den Laptop o.Ä. aufgerufen wird. Allerdings hat Responsive Design auch Nachteile.<!--more--> Neben einem signifikant erhöhtem Entwicklungsaufwand zählt auch eine Beeinträchtigung der Performance der Webseite dazu. Das liegt daran, dass zusätzliche Informationen auf dem Endgerät (durch zusätzliche CSS-Einträge) verarbeitet und ständig abgefragt werden müssen, sodass Interaktionen des Nutzers mit der Webseite verlangsamt werden. Während dieses Problem im Desktop-Bereich aufgrund mehr Rechenleistung kein allzu großes Problem darstellt, war und ist dies im mobilen Bereich anders.<sup>1</sup>
Martin Bieder's avatar
Martin Bieder committed
10

11
### Ist Responsive Design immer sinnvoll?
12
In vielen Fällen ist das Erstellen von responsiven Webseiten in Deutschland aufgrund des zu erwartenden Nutzerverhaltens wenig sinnvoll und steht in keinem Verhältnis zu den verursachten Kosten. Man denke hier an Online-Shops, welche Büroartikel vertreiben oder an Webseiten, welche auf die Bedürfnisse von Senioren zugeschnitten sind. Man kann bei solchen Webseiten davon ausgehen, dass weit über 90 % der Nutzer Desktop-User sind. Entsprechend wäre es dort wenig sinnvoll das wesentlich aufwendigere und kostenintensivere Responsive Design anzuwenden. Anders sieht es beispielsweise bei Routenplanern aus, die zu einem erheblichen Anteil von mobilen Endgeräten aus benutzt werden. Entsprechend ist hier ein gutes Responsives Design, welches eine Nutzung auf Desktop- sowie mobilen Geräten ermöglicht, unabdingbar.<sup>4</sup> Es kann auch hilfreich sein, sich anzuschauen mit welchen Betriebssystemen im Internet gesurft wird, um die Hauptzielplattform zu ermitteln und die Sinnhaftigkeit von Responsive Design zu evaluieren. Laut der [W3SCHOOLS](http://www.w3schools.com/browsers/browsers_mobile.asp){:target="_blank"} sind im Jahr 2015 gerade einmal 5 % aller Geräte im Internet mobil.<sup>5</sup>
Martin Bieder's avatar
Martin Bieder committed
13

14
### Bedürfnisse für unterschiedliche Endgeräte
15
Technisch gesehen ergibt sich das Problem, dass sich die Bedienung und damit die Bedürfnisse der Nutzer von Smartphones und Tablets stark von denen der Desktop-PCs, Laptops (im Folgenden Desktop-PCs) unterscheiden. Besteht Responsive Design primär darin dieselben Inhalte wie für die Desktop-PCs untereinander anzuordnen, so besteht das Problem, dass der Nutzer sehr viel scrollen muss. Das wiederspricht jedoch der Erwartung schnell auf Informationen zugreifen zu können. Insbesondere kann es durch das Umordnen von Elementen passieren, dass einzelne Elemente auf der mobilen Seite an Positionen erscheinen, wo sie vom Nutzer nicht erwartet werden.<sup>2, 6</sup> Des Weiteren werden beim responsive Design Elemente auf mobilen Geräten nicht angezeigt, ist der Nutzer jedoch an ein solches Element von der Desktop-Version gewöhnt, so wiederspricht dies seiner Erwartungshaltung.<sup>6</sup> Insbesondere bei der Nutzung von Suchfunktionen kann es auf mobilen Geräten sinnvoll sein hierfür spezielle Seiten für eine bessere Nutzbarkeit einzufügen. Diese Seiten werden auf einem Desktop-PC nicht benötigt. Da Responsive Webdesign jedoch das Aufbauen paralleler Strukturen verhindern möchte, ergeben sich hier Schwierigkeiten.<sup>6</sup>
Martin Bieder's avatar
Martin Bieder committed
16

17
Wird die Webseite weiter für den Mobilen Bereich (m./Domain/) getrennt entwickelt, sodass sie optimal auf einem Smartphone genutzt werden kann, so treten die oben genannten Probleme nicht auf. Allerdings impliziert dies die Notwendigkeit eine zweite Version für den Desktop-Markt zu entwickeln, sodass effektiv zwei Seiten entwickelt und gewartet werden müssten. Vorteilhaft bei zwei Versionen ist jedoch, dass bei der mobilen Version ein geringerer Overhead im Vergleich zur responsiven Seite entsteht, wodurch die Ladezeiten verringert werden können. Weiter sorgt dies auf leistungsschwächeren Endgeräten für einen Performance-Schub bei Interaktionen mit der Webseite. Solche Effekte auf die Erwartungskonformität sind nicht zu vernachlässigen. Wie Google 2009 auf der [O'Reilly Velocity Conferenz](http://conferences.oreilly.com/velocity/velocity2009/public/schedule/detail/8523){:target="_blank"} aufgezeigt hat, verringert sich die Zahl der Nutzer schon bei einer vergrößerten Wartezeit von etwa 400 ms um etwa 1 % in einem Zeitraum von 6 Wochen.<sup>3</sup>
Martin Bieder's avatar
Martin Bieder committed
18 19 20

Gerade bei Tablet-PCs sind heutzutage Bildschirmgrößen erreicht, die denen von (kleinen) Notebooks mehr gleichen als denen von Smartphones. Dadurch kann mit diesen Geräten auch auf „herkömmlichen“ Seiten wesentlich besser gesurft werden als auf Seiten, die für Smartphones optimiert worden sind.<sup>2, 4</sup>

21
### Fazit
22
Abschließend lässt sich festhalten, dass Responsive Webdesign Vor- und Nachteile hat. Je nach Leistungsfähigkeit der bevorzugten Endgeräte der Hauptzielgruppe sollte daher entschieden werden, ob auf Responsive Webdesign gesetzt wird. Zu beachten, ist dabei, ob es zu größeren Problemen hinsichtlich der Erwartungskonformität und Performance kommt, wobei im letzteren Fall die Entwicklung einer zusätzlichen mobilen Version der Webseite empholen wird.
Martin Bieder's avatar
Martin Bieder committed
23

24
<hr id="sources">
Martin Bieder's avatar
Martin Bieder committed
25

26
#### Quellne
Martin Bieder's avatar
Martin Bieder committed
27
<small>
28
    <sup>1</sup> Maisriml, Chio & König, Sabine (2015). [Die Nachteile von Responsive Webdesign](http://beesign.com/themen/responsive-webdesign-nachteile.html){:target="_blank"}. Abgerufen: 07.11.2015.
Martin Bieder's avatar
Martin Bieder committed
29 30
</small><br>
<small>
31
    <sup>2</sup> Voelcker, Patrick (2013). [Warum Responsive Webdesign Schrott ist](http://www.mobile-zeitgeist.com/2013/08/07/warum-responsive-webdesign-schrott-ist/){:target="_blank"}. Abgerufen: 07.11.2015.
Martin Bieder's avatar
Martin Bieder committed
32 33
</small><br>
<small>
34
    <sup>3</sup> [Brutlag, Jake & Schurman, Eric (2009)](http://conferences.oreilly.com/velocity/velocity2009/public/schedule/detail/8523){:target="_blank"}. Abgerufen: 07.11.2015.
Martin Bieder's avatar
Martin Bieder committed
35 36
</small><br>
<small>
37
    <sup>4</sup> [Woelky, Frank (2015)](http://blog.ff-webdesigner.de/world-wide-webdesign/responsive-webdesign-schwachsinn.html){:target="_blank"}. Abgerufen: 07.11.2015.
Martin Bieder's avatar
Martin Bieder committed
38 39
</small><br>
<small>
40
    <sup>5</sup> [W3SCHOOLS (2015)](http://www.w3schools.com/browsers/browsers_mobile.asp){:target="_blank"}. Abgerufen: 07.11.2015.
Martin Bieder's avatar
Martin Bieder committed
41 42
</small>
<small><br>
43
    <sup>6</sup> [Hövener, Markus](http://www.suchradar.de/magazin/archiv/2014/1-2014/responsive-webdesign.php){:target="_blank"}. Abgerufen: 07.11.2015.
44
</small>