Online Profiler

  • PROFIL
  • LEISTUNGEN
  • PREISE
  • PORTFOLIO
  • FACHWISSEN
  • KONTAKT
Responsive Webdesign - heute muss eine Webseite mobiltauglich sein
Fachwissen ✷ Responsive Web Design

Responsive Web Design

Responsive Web Design ist in aller Munde, denn immer mehr Menschen nutzen mobile Endgeräte zum Surfen im Internet. Das erfordert einige Anpassungen an unser modernes Web Design, welches nun mobiltauglich sprich mobil optimiert sein sollte. Der Artikel gibt Einblick in die Geschichte des Responsive Web Design und beleuchtet, welche konzeptionellen Ansätze dahinter stecken und warum der Wechsel zu Responsive Web Design viele Vorteile hat.

Responsive Web Design oder Warum heutzutage ein Online-Auftritt mobil optimiert sein sollte

Immer mehr Menschen nutzen Geräte wie Tablets und Smartphones um Informationen im Internet abzurufen, ich auch!

Sie benötigen eine Homepage?

Ich habe mich auf die Erstellung von WordPress Webseiten spezialisiert.

Angebote im Überblick

Besonders zwischendurch, in den “kleinen Wartezeiten”, im Bus oder in der U-Bahn, immer dann, wenn es langweilig zu werden droht, dann ertappe ich mich dabei zu meinem Phone zu greifen und mich in den Wellen des World Wide Webs zu tummeln.

Aber es geht nicht nur mir so… dank der immer günstiger werdenden Datentarife ist das Surfen überall und an jedem Ort erschwinglich geworden. Also warum nicht die 5 Minuten, bis der Bus endlich kommt, dazu nutzen, noch schnell einen Tisch in meinem Lieblingsrestaurant zu reservieren, meine Mails zu checken oder den Weg zum Treffpunkt auf Google Map nachzuschlagen. Fantastisch! Ich liebe diese digitale Welt!

Doch was hat das mit Responsive Webdesign zu tun?

Viel!

Zum Beispiel ist die Restaurant Webseite meines Lieblingsitalieners nicht responsive, sprich sie ist nur für Desktop Computer optimiert und macht dadurch das Abrufen von Informationen, wie z.B. die Telefon Nr., Adresse oder das Reservierungsformular von unterwegs, auf meinem Mobiltelefon oder Tablet zu einer wahren Torture.

Responsive Web Design – was ist das?

Und genau da setzt responsive Web Design an!

so kann Ihre restaurant Webseite mit responsive Web Design optimiert aussehen

In 2010 wurde das Wort “responsive design” von Ethan Marcotte etablierte, wobei er in seinem Artikel für das Magazin „A List Apart“ Bezug auf “responsive architecture” nimmt, welche Räume und Flächen auf die Präsenz von Menschen reagieren lässt, etwa indem die Temperatur erhöht oder absenkt oder die Lichtverhältnisse verändert werden.

Dieses Konzept läßt sich auch wunderbar auf die unterschiedlichen Nutzungsmodelle des Internets transferieren. Je nachdem wo ich bin, in welche Situation ich mich befinde und vor allem mit welchem Endgerät ich das Internet besuche, benötige ich unterschiedliche Nutzeroberflächen UI (User Interfaces) aber auch Informationen.

Somit handelt es sich um ein konzeptionell-/gestalterisches aber auch technisches Paradigma, welches die Gestaltung von responsive Web Design beeinflusst.

Anhand der Anforderungen des jeweiligen Endgerätes erfolgt der visuelle / graphische Aufbau eines Online-Auftritts. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie Navigationen, Seitenspalten und Texte, aber auch die Nutzung unterschiedlicher Eingabemethoden mit der Maus (klicken, überfahren) oder Touchscreen (klicken, wischen). Was wiederum einen starken Einfluss auf die technische Realisierung hat, die sich dynamisch an die jeweiligen Anforderungen anpassen muss.

responsive Web Design

So verwenden wir für die Realisierung dieser dynamischen Webseiten Programmiersprachen wie HTML5, CSS3 aber auch Media Queries und JavaScript, doch halt!

Dies soll jetzt keine technische Abhandlung des Thema “responsive Web Design” werden. Was wir hier lediglich sagen wollen ist, dass diese Techniken unterschiedliche Design Layouts in Abhängigkeit von bestimmten Eigenschaften des jeweiligen Ausgabemediums erlauben, wie dieses Bild noch mal zu verdeutlichen sucht.

Doch kommen wir nach all den wichtigen Hintergrund Informationen doch wieder zurück auf die initiale Frage:

5 Gründe,
warum Ihre Homepage bzw. Internetpräsenz responsive sein sollte

  1. Die Zahl der verkauften mobilen Endgeräte, wie Tablets und Phone, steigt immer mehr
  2. Die Kosten für mobile Datentarife fallen immer mehr
  3. Deshalb werden sich die mobilen Zugriffe auf Ihrer Webseite in Zukunft noch erhöhen
  4. Suchmaschinen honorieren responsive Web Design und positionieren Ihren Online-Auftritt besser
  5.  
    Doch das Wichtigste:

  6. Ihre Nutzer werden Sie lieben, denn endlich sind die Informationen Ihrer Webseite von überall aus leicht erreichbar!
Responsive Web Designer gesucht?


    Spamschutz: Bitte ausfüllen *
    captcha

    * sind Pflichtfelder

    Sie haben WordPress im Einsatz und möchten Ihre Webseite mobiltauglich / mobil optimiert gestalten?
    Responsive Web Design und dessen Vorteile sind noch böhmische Dörfer und Sie suchen jemanden, der die Vorteile für Ihr persönliches Projekte herausarbeitet und umsetzt.

    Ich unterstütze Sie gerne!

    Tragen Sie Ihren Namen, E-Mail Adresse oder Telefon Nr. ins Kontaktformular ein und ich melde mich umgehend bei Ihnen.

    → Hier finden Sie übrigens meine Angebote im Überblick
     

    Weblinks:

    Wirklich lesenswert und in deutscher Sprachen ein Artikel, der über animierte Gifs das Prinzip von Responsive Web Design erklärt.

    Hier ein Beispiel zum Thema Breakpoints. Oder anders formuliert, warum der Nutzer eine Lupenfunktion benötigt, um sich herkömmlich programmierte Webseiten anzusehen.

    Responsive Web Design erklärt am Beispiel von Breakpoints

    Zum Artikel “Responsive Web Design erklärt mit animierten Gifs”

    Einen wunderbaren und wirklich lesenswerten Artikel zu diesem Thema finden Sie in englischer Sprache auf Smashing Magazin. Responsive Web Design – Smashing Magazin

    Und noch einen von Smashing Magazin zum Theme Responsive Mobile First WordPress Theme (english).
    Responsive WordPress Theme – Smashing Magazin

    Link Juice:

    Kategorie: Fachwissen, Web Design

    Silke Hohgardt ✷ Digitale Medien Profil Schleiferin

    Silke Hohgardt • Online Profiler
    Gründerin von Online Profiler ✷ Werkstatt für WordPress Webseiten ✷
    Digital Media Studio ✷ COWORKER . SPACE ✷ begeistert von Responsive Web Design, Typographie, Fotografie und Storytelling ✷ arbeite mit WordPress, Genesis Framework, Bootstrap ✷ liebe Ragdolls, Tai Chi, italienische & asiatische Küche und essen bei wagamama
    ✷ Twitter @onlineprofiler ✷ mehr über mich im → Profil

    GEBEN SIE IHREM DIAMANTEN SCHLIFF!

    Mit einer neuen Webseite von Online Profiler.
    So funktioniert es

    FACHWISSEN & THEMEN

    → Web Design
    → Design Pattern
    → Web Development
    → WordPress
    → Genesis
    → Online Marketing
    → SEO
    → Content Marketing
    → Internetrecht
    Webdesign : Professionelle Homepage erstellen
    Neu: Webdesign Simmern und VHS Kurse
     
    Responsive Web Design :
    Mobile Optimierung für Websites

     
    Suchmaschinen Optimierung :
    OnPage SEO Grundlagen
    Off Page SEO Grundlagen
    Online Profiler
    Internet & Webdesign Agentur
    Ihre Werkstatt für WordPress Webseiten

    Ernst-Siegel-Str. 14
    55469 Simmern / Hunsrück
    Deutschland

    +49 6761 8305 189
    Kontakt

    Wordpress Logo
    genesis framework logo
    StudioPress

     
     

    • Bloglovin
    • Facebook
    • Google+
    • Instagram
    • LinkedIn
    • RSS
    • Twitter
    • IMPRESSUM
    • DATENSCHUTZ