Smartphone - Tablet - Desktop

Um diese unterschiedlichen Geräte mit einer Webseite optimal zu bedienen, müssen deren Eigenschaften und Möglichkeiten bereits in der Planung einbezogen werden und dann nach aktuellen Standards im Webdesign umgesetzt werden.

Diese Geräte Eigenschaften sind relevant: 

Display - Größe und Auflösung

Was nicht passt muss passend gemacht werden - und das ganz wörtlich!

Webseiten werden auf Displays angezeigt, deren Abmessungen zwischen wenigen Zentimetern und bis zu mehr als einem Meter liegen. Auch die Auflösung und damit die Pixeldichte sind wichtig.

Unsere Kompetenz liegt darin, Strategien für die Informations-Architektur zu liefern. Navigations Konzepte passend zum Gerät sorgen für Usability.

Grafiken werden optimal als SVG ausgeführt, Bitmaps ( z.B. Fotos ) werden Retina-Ready eingebunden.

Die Lesbarkeit längerer Text Passagen wird deutlich verbessert mit Methoden wie unserem Web-Paper PlugIn, Tageszeitungen mit viel Text zeigen das selbe Konzept!
Text in Spalten fester Breite, die Höhe abhängig vom vorhandenen Platz. Weiter Lesen nicht nur mit Klick - auch Swipe am Phone und sogar die Maus kann das!

Eingabe - Touchscreen, Maus, Keyboard

Die Bedienung einer responsiven Web-Seite orientiert sich in erster Linie an der Schnittmenge der Eingabe Möglichkeiten der Geräte.

Im zweiten Schritt wird der Bedienkomfort optimiert. Maus Nutzer navigieren mit gewohnten Konzepten wie MouseOver und Scrollrad. Für Touchscreen werden diese Eingaben zu Swipe und Touch übersetzt. 

Dabei ist die Zugänglichkeit von Inhalten und Funktionen jederzeit gewährleistet!

Text Eingabe per Touchscreen ist problematisch. Hier bewährt es sich, Freitext Eingabe durch Auswahlmöglichkeiten zu ersetzen. Dadurch steigt gleichzeitig die Konsistenz der gewonnenen Daten!

Beispiel dazu:

Gute Beratung ist:

 


Nutzung - mobil oder stationär

Ein Smartphone wird fast immer aufrecht gehalten, Laptop und Desktop Monitore sind in aller Regel horizontal ausgerichtet.
Wechselnden Lichtverhältnissen bei mobiler Nutzung wird mit Kontrastreicher Gestaltung und angepasster Textgröße begegnet.

Smartphones melden sich häufig in öffentlichen Netzen an. Bei Übermittlung sensibler Daten muss deren Sicherheit gewährleistet werden.

Standort Informationen können sinnvoll genutzt werden. Ein dynamischer Routenplaner führt Kunden sicher zu Ihnen!

Hardware - Kamera, GPS, WLan, Gyro

Auch die Harware Ausstattung bietet zusätzliche Möglichkeiten, die sinnvolle oder überraschende Ergänzungen einer Webseite sein können.

Besonders in sozialen Netzen sehen wir interessante Entwicklungen.
Foto-Sharing und Geolokation anderer Nutzer wird bereits von zahlreichen Platformen angeboten.
Im Business Kontext kann z.B. der Supporter durch Video-Live-Chat die Beratung verbesern und persönlicher gestalten.

Neigungs Sensoren steuern z.B. Online Games. GPS Positions Bestimmung liefert bequem zuverlässige Daten:
per Pizza-Liefer-App kann der hungrige Nutzer bei einer Pizzeria in seiner Nähe bestellen und zu seinen Koordinaten liefern lassen!

Web-App schon für 290,00 €!

 

Live BeispielLive Beispiel

FacebookTwitterDiggGoogle BookmarksTechnoratiLinkedin