Rüsten Sie Ihre bestehende Business-App für Handy und Tablet nach, ohne die Desktop-Ansicht anzufassen. Tabellen und Buttons werden für die Bedienung mit dem Finger angepasst, dicht gepackte Bereiche werden zu übersichtlichen Einzel-Ansichten. Ein Bildvergleich über vier Bildschirmgrößen belegt, dass am Desktop kein Pixel verrutscht.
Der agentische Teil
Ein Agent vergleicht die App nach jeder Anpassung bildlich gegen die bestehende Desktop-Ansicht und schlägt Alarm, sobald sich dort auch nur ein Pixel verschiebt. Die Breakpoints setzt er anhand der tatsächlichen Inhalte der jeweiligen Ansicht. Dicht gepackte Bereiche fasst er zu geordneten Einzel-Ansichten zusammen, passend zur Bedienung mit dem Finger.
Hauptfunktionen
- Breakpoints anhand echter Inhalte gemessen
- Ein Design Token für Abstände und Optik von Navigation und Rahmen
- Größere, unsichtbare Touch-Flächen für die Bedienung mit dem Finger
- Dicht gepackte Bereiche zu geordneten Einzel-Ansichten zusammengefasst
- Visual Regression Test über vier Bildschirmgrößen gegen die Desktop-Ansicht
Einsatzszenarien
- Bisher ließ sich eine für den Desktop gebaute App auf dem Handy nur mit viel Zoomen und Scrollen bedienen. Jetzt bekommt sie eine eigene Navigation für kleine Bildschirme, ohne dass sich am Desktop etwas ändert.
- Eine dicht gepackte Desktop-Ansicht mit mehreren Bereichen nebeneinander soll auf dem Tablet funktionieren. Der Agent fasst sie zu geordneten Einzel-Ansichten zusammen.
- Nach der Anpassung muss belegt sein, dass am Desktop wirklich nichts verrutscht ist. Der Bildvergleich läuft über vier Bildschirmgrößen und schlägt bei jeder Abweichung Alarm.
- Ein Button lässt sich auf dem Handy nur schwer treffen. Die Touch-Fläche dahinter wird größer, sichtbar bleibt der Button unverändert.
Was wir für Sie bauen
- Navigationspunkte, Tabellenspalten und Bereiche mit Priorität
- Breakpoint und welche Geräte als Tablet zählen
- Markenfarbe und Logo
