Responsive Design | Mobile Webdesign | Erfurt | Jena | Weimar | Thüringen

Für uns gehört Responsivität zum Standard. Deshalb gestalten wir beim Design-Prozess grundsätzlich drei Layouts: je eine Desktop-, Tablet- und Smartphone-Variante.

Die große Herausforderung und zugleich Kunst dabei ist es, dass die Inhalte so benutzerfreundlich wie möglich präsentiert werden. Dies gilt auch für Bilder und Grafiken. Bildausschnitte, die auf dem Desktop gut aussehen, können auf einem viel schmaleren Device eher unglücklich wirken, etwa wenn sich die Schrift über einem Hintergrundbild dann mitten im Gesicht der dargestellten Person befindet.

Wir beherrschen diese Kunst und sind den Herausforderungen gewachsen.

Bei der Website-Programmierung werden die Layout-Vorgaben detailliert umgesetzt. Zuerst entsteht die Desktop-Variante. Sobald diese vom Kunden abgenommen wurde, werden mittels CSS3Cascading Style Sheets Level 3, Programmiersprache für Gestaltungsanweisungenvon Websites und Media QueriesSind CSS3-Module, mit denen man das Rendern von Inhalten an Bedingungen, wie die Bildschirmauflösung anpassen kann die Anpassungen für die Tablet- und Smartphone-Varianten implementiert.

Standardmäßig legen wir mit den Media Queries 6 sogenannte Breakpoints fest:

Diese CSS- oder auch Media Query Breakpoints bestimmen also Bildschirmgrößen, an denen sich das Verhalten von Website-Elementen ändern soll. So sollen sich beispielsweise zwei Spalten eines Desktop-Layouts auf dem Smartphone untereinander anordnen.

Manchmal genügen aber auch diese 6 Breakpoints noch nicht, da Design-Elemente auf der neueren und größeren iPhone-Generation gut aussehen, für das kleinere iPhone4 jedoch zu groß sind. Dann müssen wir weitere Breakpoints setzen und das Verhalten auch für die kleineren Geräte anpassen… eine richtige Sisyphos-Arbeit, der wir uns aber gerne widmen.

Neben den reaktionsfähigen Designs für die unterschiedlichen Bildschirmgrößen gilt es auch, die verschiedenen Bedienbarkeiten der jeweiligen Endgeräte zu berücksichtigen. Während bei Desktop-Geräten mit der Maus navigiert und bedient wird, sind es bei Notebooks eher Touchpads oder Trackpads. Smartphones und Tablets wiederum werden mit den Fingern bedient.

Wir tragen Sorge dafür, dass die interaktiven Bedienelemente auf jedem Gerät optimal nutzbar sind, zum Beispiel indem wir die Flächen von Buttons vergrößern.

Durch die immer noch anwachsende Zahl mobiler User nimmt auch die Anzahl der E-Commerce-Nutzer zu. Immer mehr Produktkäufe werden im Online-Handel umgesetzt. Daher ist es für Shop-Betreiber wichtiger denn je, auch für diese Zielgruppe eine benutzerfreundliche Website-Variante anzubieten.

Kleinste Fehler werden gnadenlos durch ausbleibende Käufe bestraft, deswegen liegt unser Hauptaugenmerk auf der optimalen Produktpräsentation, der kinderleichten Bedienbarkeit und funktionalen Kaufprozessen.

Wer heutzutage ernsthaft eine Website betreiben möchte, kommt an Responsive Designs nicht vorbei. Der mobile Trend setzt sich weiterhin fort und es gilt nicht den Anschluss zu verpassen.