Design anpassbar an Geräte oder ansprechbar

Adaptives Webdesign, was ist der Nutzen für das Web?

Viele Aspekte des Nutzerverhaltens wurden von Marketingfachleuten untersucht und zeigen, dass 70% der Menschen zwischen 18 und 45 Jahren nicht mit Computern, sondern mit Tablets und Handys im Internet surfen, was ein sehr großer Markt ist als wollte man es beiseite legen.

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 dass für jedes Gerät unterschiedliche Versionen eines Webs erstellt werden müssen. Es muss sich jedoch um ein eindeutiges Web handeln, das angepasst werden kann.

respon.jpg

Wie gestalten wir unser Responsive Design?

Eine Möglichkeit ist das CSS3- Modul für Halbabfragen , mit dem die Darstellung von Inhalten an Bedingungen wie die Bildschirmauflösung angepasst werden kann

Zum Beispiel in den Styles file.css
@import url (styles.css) nur Bildschirm und (maximale Gerätebreite: 480px);

dispositivos de ancho máximo 480px y orientados horizontalmente : In der Datei werden Geräte mit einer maximalen Breite von 480px und horizontaler Ausrichtung definiert:
@media nur Bildschirm und (max-Gerätebreite: 480px) und (Ausrichtung: Querformat) {
/ * hier sind die Styles für dieses Gerät * /
}

Ein weiterer Stil für den vertikalen Bildschirm
@media only screen und (minimale Breite: 680px) und (maximale Breite: 979px) und (Ausrichtung: Hochformat) {
/ * Stile * /
}

Hier definieren wir Stile 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 zu erstellen, wenn Sie viele Stylesheets erstellen müssen.
Eine Möglichkeit besteht darin, den Inhalt so zu platzieren, dass er 80% der Bildschirmbreite abdeckt. Dies führt dazu, dass in jedem Gerät der Inhaltsabschnitt beibehalten wird.

Einige Vorteile und Aspekte zu berücksichtigen

Das reaktionsschnelle Webdesign ist eine Möglichkeit, SEO zu betreiben, da wir das Duplizieren von Links und Inhalten für verschiedene Versionen des Geräts vermeiden. Google mag es, obwohl dies nicht bedeutet, dass es notwendig ist. Wenn wir es tun, um für mobile Nutzer und nicht für Google zu sein.

See also  Deaktivieren Sie die automatische Wiedergabe oder den automatischen Start von Videos in Firefox

Erfahrung und Dringlichkeit sind bei jedem Gerät unterschiedlich, da es zu unterschiedlichen Zeiten verwendet wird.

Im Allgemeinen sind diejenigen, die von einem Computer aus surfen, auf der Arbeit oder zu Hause. Daher wird die Suche entspannter und mit mehr Zeit zum Lesen und Anzeigen von Bannern. Wer von einem Tablet aus surft, wird sicherlich ein Fachmann oder jemand sein, der eine bestimmte Aufgabe ausführt Daher sind Anleitungen oder Referenzinformationen erforderlich, die die Suche jedoch nicht behindern.

Während diejenigen, die am Telefon surfen, die jüngsten oder Menschen mit viel mehr Mobilität sind und schnelle und konkrete Informationen für eine dringende Beratung oder eine schnelle Suche nach Informationen über einen Ort, eine Veranstaltung oder einen Kommunikationsbedarf suchen, werden einige dieser Aspekte im comScore-Bericht offenbart Kostenloses Online-Marketing, das den jährlichen Trend widerspiegelt.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *