Responsive Webdesign: Unterschied zwischen den Versionen
Aus wiki.bfw-kaufleute.de
Marvin (Diskussion | Beiträge) |
Marvin (Diskussion | Beiträge) |
||
| (5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
[[Datei:Responsives Webdesign.jpg|mini|Responsives Webdesign]] | [[Datei:Responsives Webdesign.jpg|mini|Responsives Webdesign]] | ||
| − | + | ||
| − | == | + | == Definition == |
'''Responsives Webdesign''' (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop. | '''Responsives Webdesign''' (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop. | ||
Die Anpassung betrifft zum Beispiel Seitenverhältnisse, Navigationselemente, Schrift- und Bildgrößen sowie den Inhalt selbst. Einem Seitenbesucher soll dadurch eine geräteübergreifende gleichbleibend hohe Usability (Benutzerfreundlichkeit) geboten werden. | Die Anpassung betrifft zum Beispiel Seitenverhältnisse, Navigationselemente, Schrift- und Bildgrößen sowie den Inhalt selbst. Einem Seitenbesucher soll dadurch eine geräteübergreifende gleichbleibend hohe Usability (Benutzerfreundlichkeit) geboten werden. | ||
| + | |||
| + | |||
| + | == Technik == | ||
| + | |||
| + | Technisch basiert responsives Webdesign auf den seitenbeschreibenden Sprachen [[Cascadian Style Sheet|CSS]] und [[Hypertext Markup Language|HTML]] und beinhaltet prozentuale anstatt feste Werte. Eine Realisierung des responsiven Webdesigns erfolgt unter anderem mit der Hilfe von [[Bootstrap]]. | ||
Bei der Erstellung einer responsiven Website hat sich die Methode Mobile First etabliert, wobei zuerst das Layout für das Mobilgerät erstellt und anschließend an größere Geräte angepasst wird. Das ermöglicht die Konzentration auf inhaltlich wichtige Komponenten, sowie einen kürzeren Code und schnellere Ladezeiten. | Bei der Erstellung einer responsiven Website hat sich die Methode Mobile First etabliert, wobei zuerst das Layout für das Mobilgerät erstellt und anschließend an größere Geräte angepasst wird. Das ermöglicht die Konzentration auf inhaltlich wichtige Komponenten, sowie einen kürzeren Code und schnellere Ladezeiten. | ||
| − | + | == Bedeutung == | |
| + | |||
| + | E-Commerce findet heutzutage auf verschiedenen Kanälen und Geräten statt. Besonders der Bereich Mobile Commerce ist in letzter Zeit immer relevanter geworden. | ||
| + | Kunden schätzen kurze Ladezeiten, Übersichtlichkeit und Benutzerfreundlichkeit. Der erste Eindruck entscheidet, ob aus ein Besucher eventuell ein Käufer wird. | ||
| + | Daher ist es für einen Webshop elementar wichtig, eine responsive Website zu haben. | ||
Aktuelle Version vom 17. Januar 2020, 09:24 Uhr
Definition[Bearbeiten]
Responsives Webdesign (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop.
Die Anpassung betrifft zum Beispiel Seitenverhältnisse, Navigationselemente, Schrift- und Bildgrößen sowie den Inhalt selbst. Einem Seitenbesucher soll dadurch eine geräteübergreifende gleichbleibend hohe Usability (Benutzerfreundlichkeit) geboten werden.
Technik[Bearbeiten]
Technisch basiert responsives Webdesign auf den seitenbeschreibenden Sprachen CSS und HTML und beinhaltet prozentuale anstatt feste Werte. Eine Realisierung des responsiven Webdesigns erfolgt unter anderem mit der Hilfe von Bootstrap.
Bei der Erstellung einer responsiven Website hat sich die Methode Mobile First etabliert, wobei zuerst das Layout für das Mobilgerät erstellt und anschließend an größere Geräte angepasst wird. Das ermöglicht die Konzentration auf inhaltlich wichtige Komponenten, sowie einen kürzeren Code und schnellere Ladezeiten.
Bedeutung[Bearbeiten]
E-Commerce findet heutzutage auf verschiedenen Kanälen und Geräten statt. Besonders der Bereich Mobile Commerce ist in letzter Zeit immer relevanter geworden. Kunden schätzen kurze Ladezeiten, Übersichtlichkeit und Benutzerfreundlichkeit. Der erste Eindruck entscheidet, ob aus ein Besucher eventuell ein Käufer wird. Daher ist es für einen Webshop elementar wichtig, eine responsive Website zu haben.