Responsive Webdesign

Damit eine Website erfolgreich vom potenziellen Kunden angenommen wird, muss man die Nutzer die höchst-mögliche Usability (Benutzungsfreundlichkeit) bieten, damit sie so lange wie möglich auf Ihrer Website verweilen und nicht zur Konkurrenz abwandern. Viele User nutzen Tablets und Smartphones um Ihre Website zu besuchen. Dazu müssen sie gar nicht unterwegs sein, denn Mobilgeräte werden ebenfalls in den heimischen vier Wänden genutzt – einfach weil man sie schneller zur Hand hat oder vielleicht nach Feierabend nichts (mehr) mit einem PC zu tun haben will.

Mit dem Schlagwort „Responsive Webdesign“ sollen diese Erwartungen nun erfüllt werden: anpassungsfähiges Website-Layout mit enormer Steigerung der Benutzungsfreundlichkeit. Der grafische Aufbau einer Responsive Webseite hängt von den Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird ab. Dies betrifft insbesondere die Anordnung von z.B. der Navigationen, Slidern und Texte.

Die Größe und Auflösung der Displays auf Laptops, Desktop-PCs, Tablets und Smartphones variieren erheblich, aus diesem Grund sind das Erscheinungsbild und die Bedienung einer Webseite stark abhängig vom Endgerät. Webseiten mit einem reaktionsfähigem Design, können sich den unterschiedlichen Anforderungen der Endgeräte automatisch anpassen.

Inhalte erst heranzoomen zu müssen ist umständlich. Winzige Menüpunkte lassen sich vielleicht noch mit dem Mauszeiger treffen, aber nicht unbedingt mit dem Finger. Und was auf einem großen Display schön aussieht, ist auf einem Tablet oder Smartphone vielleicht zu groß und unübersichtlich.

Responsive Webdesign verfolgt dabei den Ansatz, auf jeder Plattform dieselbe Website / denselebn Inhalt in einem anderen Outfit zu präsentieren. Das Ziel: Es soll nicht nur gut aussehen, sondern sich auch (leicht) bedienen lassen – und zwar mit allen Endgeräten.

Mit dem Tool Am I Responsive? können Sie Ihre Website und somit das Design auf unterschiedlichen Displaygrößen testen – so bekommen Sie ein besseres Gefühl dafür, ob die Ustability auf Ihrer Website gegeben ist oder nicht.

Für unseren Kunden (und Sparringpartner in Sachen Lesson’s Learned Workshops) Faschang Service & Management durften wir den neuen Webauftritt für 3dlaserscanning.eu im Responisve Webdesign umsetzen. Anhand dieses Beispiels, können Sie deutlich die unterschiedlichen Layouts, abhängig vom Endgerät sehen.

Darstellung am Laptop/PC

Darstellung am Tablet

Darstellung am Smartphone