[loubas]

Hi

Ich gestalte momentan eine GUI für eine Software. Dafür brauche ich einiges an Interaktivität bzw. animierte "sinnvolle" (also keine Effekte) Übergänge. Mit was gestaltet ihr sowas? Muss ich das quasi in Edge o.ä. selbst aufbauen, oder gibt es da andere Tools, die einem das Leben erleichtern?

Danke Euch
loub
***

[Nimroy]

Ich würde die Software als Wireframe bzw. Mock-Up bauen und parallel dazu ein oder zwei Beispiel-Animationen bauen.

[loubas]

ok, danke mit anderen mit anderen Worten, es gibt noch keine Software dafür?

[Nimroy]

Ich kenn keine, aber das ist auch nicht mein Kerngebiet.

[remote]

Präzisier vielleicht mal was du genau bauen willst.
GUI für was? Welche Plattform? Soll das Ergebnis für die tatsächliche Implementation genutzt werden oder dient es nur zur Visualisierung von Ideen / Designvorgaben?

[loubas]

gerne etwas ausschweifender: ein Kunde von mir hat ein App-Konzept erstellt, das eine Usability erfordert, die nicht mit statischen Masken und "Klick > Seite weiter" o.ä. funktioniert. Das ganze soll als Standalone Tool funktionieren und die technische Grundlage wird wohl Meteor (ergo Javascript Enviroment) sein.
Ich will das Konzept des Kunden nun mit auf Übergänge (Element Sliding, Zooming, Switching) ausgerichteten GUI gestalten. Und natürlich kann ich jetzt mit Illustrator anfangen und dann alles beispielsweise in Edge animieren, aber um zu probieren, ob eine Logik funktioniert und wie das aussieht, ist das ein recht zeitintensiver Unterfangen.

Vielleicht noch ein Beispiel: das hier ist von google eine Erklärung deren GUI in Bezug auf Übergänge. Wie aber kommt der Designer als Preview zu einem solchen Ergebnis?

http://www.google.com/design/spec/animation/meaningful-transitions.html

[remote]

Wenn Du eigene Transitions gestalten willst, ist das natürlich mit Arbeit verbunden.
Da das ganze nacher in JS/CSS gegossen werden soll, ist der Ansatz ein Tool wie Edge zu verwenden nicht schlecht.
Was mir aber häufiger begegnet, ist das Adobe AfterEffects für das Prototyping von Transitions in Software benutzt wird. Wichtiger als die Wiederverwendbarkeit des Endresultats (ist bei Designern die mit Code experimentieren eh so ein Ding) ist dabei, dass man schnell und mit der nötigen Genauigkeit den gewünschten Effekt visualisieren kann.

Für die Entwurfsphase würde ich das Tool verwenden mit dem Du am schnellsten / sichersten animieren kannst. Ist natürlich trotzdem viel Aufwand und dementsprechend teuer. Wenn dafür kein Budget da ist, muss man sich vll. von eigenen Konzepten für Transitions verabschieden und auf die Transitions zurückgreifen die das App Framework bereitstellt.

[loubas]

ok, vielen Dank für die Info!