flows +

rethinking the development of User Interface tools

„KI–Design wird es den Kreativen erlauben, sich auf ihre genuinen Aufgaben zu konzentrieren.“ – CEO Tim Cook

flows + ist eine Weiterentwicklung zur Bachelor Thesis “flows” von Mark Meyer. Es ist ein neu durchdachtes Designtool, welches auf Klassen und Container basiert. Dadurch wird die gap zwischen Programmierer und Designer geschlossen. Wir führen die Funktionalität der Variantenbildung weiter aus und bereichern diese mit smarten computerunterstützten Techniken.

Lass dich inspirieren.

Die UI Pattern Library ist nun Community basierend. Lade selber Patterns hoch, speichere und teile sie. Im Canvas lassen sich die UI Pattern beliebig verändern. Dadurch sammelt auch das Computersystem mehr Informationen über unterschiedliche Trends und lernt zusätzlich um genauer zu werden. Es ermöglicht ihr die Passgenauigkeit für Variationen zu optimieren um dir die bestmöglichen Varianten zu präsentieren.

Behalte den Überblick.

Die Variationen werden in einem extra Tab gebildet, dadurch entsteht weniger Chaos im Canvas. Außerdem entscheidest du welche properties verändert werden sollen. Eine Branding–Color kann ganz leicht durch das Schloss geblockt werden, so erkennt das Computersystem, dass es diese property nicht verändern darf und schließt diese aus.

Wähle deine Favoriten.

Das Computersystem iteriert anfangs alle möglichen Varianten durch und dementsprechend sind sie alle einzusehen. Dabei werden verschiedene Faktoren beachtet, sodass die Maschine eine Wahrscheinlichkeit für die Passgenauigkeit berechnet und diese nach oben sortiert. Die gewählten Variationen werden in deiner Selection Leiste gespeichert, sodass besondere Varianten nie verloren gehen. Neue Varianten werden erst nach dem Drücken der Enter Taste iteriert. Die Wahl beeinflusst dann die dargebotene Variantenbildung.

Variationen auch manuell.

Die Manuelle Variantenbildung ermöglicht es dir zwei Parameter gleichzeitig zu verändern und damit ein besseres Gefühl für die Kombinationen zu erhalten. Durch einfaches klicken auf die jeweiligen properties erscheint eine Art Koordinatensystem mit X und Y–Achse. Das iterieren geschieht nun durch deine Mausbewegung, gefällt dir eine Kombination lässt sie sich einfach durch klicken an dieser Stelle hinzufügen.

Schauen Sie sich für mehr Informationen gerne unsere Projektdokumentation an oder klicken sie sich direkt selber durch unseren Prototypen. Gerne freuen wir uns auch über Ihr Feedback, weitere Ideen, Vorschläge oder auch Anregungen!:)