Inhaltsverzeichnis
Responsive Webdesign, was ist der Nutzen für das Web?Viele Aspekte des Nutzerverhaltens wurden von Marketingspezialisten untersucht und zeigen, dass 70 % der Menschen zwischen 18 und 45 Jahren nicht von Computern, sondern von Tablets und Telefonen im Internet surfen, was ein sehr großer Markt ist, der gerne beiseite gelegt wird.
Was ist ein responsives Webdesign?
Es ist ein Design, das sich an jedes Gerät und jede Bildschirmauflösung anpasst, unabhängig davon, ob es sich um ein Telefon, ein Tablet, einen Computer oder einen Fernsehbildschirm handelt. All dies muss angepasst werden, ohne für jedes Gerät verschiedene Versionen einer Website zu erstellen, aber es ist eine einzige Website, die sich anpassen können muss.
Eine Möglichkeit ist über das Medienabfragemodul CSS3 Dies ermöglicht das Rendern von Inhalten an Bedingungen wie die Bildschirmauflösung
Zum Beispiel in den Stilen file.css
@import url (styles.css) nur Bildschirm und (max-device-width: 480px);
In der Datei beginnen wir, Geräte mit einer maximalen Breite von 480px und horizontal ausgerichtet zu definieren:
@media nur Bildschirm und (max-device-width: 480px) und (Ausrichtung: Querformat) {
/ * hier werden die Stile für dieses Gerät sein * /
}
Anderer Stil für vertikalen Bildschirm
@media nur Bildschirm und (min-Breite: 680px) und (max-Breite: 979px) und (Ausrichtung: Hochformat) {
/ * Stile * /
}
Hier definieren wir Styles für ein iPhone 5
@media-Bildschirm und (Geräte-Seitenverhältnis: 40/71) {
/ * Stile * /
}
Das Ideal ist, alles in Prozent zu messen, um eine generische Website erstellen zu können, ohne so viele Stylesheets erstellen zu müssen.
Eine Möglichkeit besteht darin, den Inhalt auf 80 % der Bildschirmbreite zu platzieren. Dadurch wird der Inhaltsbereich auf jedem Gerät beibehalten.
Einige Vorteile und Aspekte, die es zu beachten gilt
Responsive Webdesign ist eine Möglichkeit, SEO zu betreiben, da wir die Duplizierung von Links und Inhalten für verschiedene Versionen des Geräts vermeiden. Google er mag es, obwohl es nicht bedeutet, dass es notwendig ist. Wenn wir es für mobile Nutzer tun und nicht für Google.
Für jedes Gerät ist die Erfahrung und Dringlichkeit unterschiedlich, da es zu unterschiedlichen Zeiten verwendet wird.
Im Allgemeinen sind diejenigen, die von einem Computer aus navigieren, bei der Arbeit oder zu Hause, daher wird die Suche entspannter und mit mehr Zeit zum Lesen und Sehen des Banners, wer von einem Tablet aus navigiert, ist sicherlich ein Profi oder jemand, der eine bestimmte Aufgabe ausführt dafür brauchen Sie Orientierungs- oder Referenzinformationen, aber nichts, was Ihre Suche behindert.
Während diejenigen, die am Telefon navigieren, die Jüngsten oder Menschen mit deutlich mehr Mobilität sind und bei dringenden Anfragen schnelle und konkrete Informationen suchen oder schnell nach Informationen zu einem Ort, einer Veranstaltung oder einem Kommunikationsbedarf suchen, zeigen sich einige dieser Aspekte in der comScore-Bericht über Online-Marketing, der kostenlos und kostenlos ist und die jährlichen Trends widerspiegelt.
