Ständig was neues im Internet und alles muß man haben. Ohne responsive Design kann man den Relaunch der schönen neuen Internetseite vergessen. Da ist man total out – so als moderne Firma. Und hunderte potentieller Kunden laufen an einem vorbei – mindestens.
Was ist das nun, dieses responsive Design, dass jeder braucht?
Wir fahren an einem riesigen Plakat vorbei, dass Büros zur Miete anbietet. Interessant! Das Smartphone gegriffen, die URL eingetippt uuuuund bäng Flash.
Die Internetseite, die uns etwas zu diesen Büros sagen soll, funktioniert nicht auf dem Handy. Das ist seltsam, weil die Leute, die am Plakat vorbeilaufen oder fahren, natürlicherweise keinen Laptop mit sich herum tragen.
Wir haben keine Chance zu erfahren, wie man diese Büros denn nun mieten kann. Versagt.
Ist das responsive Design? Nein, das ist Dummheit.
Aber es kommt dem Thema schon recht nahe.
Wir zitieren Wikipedia:
Responsive Webdesign bezeichnet eine Praxis im Webdesign, bei der der grafische Aufbau, insbesondere die Strukturierung der einzelnen Elemente wie z. B. Navigationen und Texte, von Webseiten dynamisch und unter Berücksichtigung der Anforderungen des betrachtenden Gerätes erfolgt. Technische Basis sind neuste Webstandards wie HTML5 und CSS3.
Die Webseite, in die unglaubliche Mengen an Wissen, Ideen, Geld und Marketingblubb geflossen ist, soll auf einem Computer mit großem Bildschirm, wie auch mit kleinem Bildschirm, einem Laptop, Tablet und Smartphone gut aussehen.
Damit ist nicht der Flash Fehlgriff von oben gemeint, sondern die Idee, dass sich eine Webseite an das Gerät anpasst, auf dem sie angeschaut wird. In Navigation, Text und Bild.
Die Webseite ist auch auf dem kleinen iPhone noch sexy und verkauft Ihr Unternehmen und Ihr Produkt.
Verstanden und nun?
Testen. Es gibt einige gratis Testwebseiten – die schönste ist:
The Responsinator! http://www.responsinator.com
Heisst nicht nur toll, ist auch sehr gut gemacht. Einfach eine URL eingeben und schauen wie die Webseite auf verschiedenen Medien wirkt – oder nicht wirkt.
Mini Schrift und nicht nutzbare Navigationselemente. Riesen Bilder, unwichtige Fotos, an denen man sich vorbei schiebt, um zum Text zu kommen.
Oder eben responsive Design, die Webseite sieht überall gut aus. Gut, nicht gleich.
Beispiele!
Hier wird traditionell Media Queries genannt – eine Website mit 44 Seiten voller Beispiele von Responsive Design, eines unter dem anderen.
http://mediaqueri.es
Bei Interesse am Thema gehen wir gerne auch weiter in die Tiefe