Hi Gabriel,

das ist natürlich eine sehr allgemeine Frage, daher gibt es auch nur allgemeine Antworten.
Ich bin gelernter Mediengestalter und was du wissen möchtest, sind die Grundlagen des UI-Designs und der Wahrnehmungspsychologie.
Das kann man googeln, es ist jedoch kein unterkomplexes Thema und du musst da Zeit reininvestieren.
Was den JR angeht, ist der Dialog-Designer etwas in die Jahre gekommen. Elemente sind nicht immer bündig, haben keine einheitliche Breite etc.
Du solltest darauf achten, dass die Breiten der Elemente einheitlich sind, so dass sie bündig sind. Bündele die Elemente sinvoll in Sections und blende sie ggf. aus, falls sie nicht wichtig für den jeweiligen Schritt sind.
Benutze die Möglichkeit, Bilder einzufügen um den Inhalt der Sections/Rows leicht erfassbar zu machen.
Wichtig vom technischen Standpunkt her ist die Möglichkeit, eigenes CSS zu definieren. Dazu hinterlegst du ein globales Skript, dass mit <style type="text/css> beginnt, und mit </style> endet. Der JR Editor zeigt dir das zwar als Fehler an, aber das CSS wird eingebunden. Schaue dir nun die DOM Struktur genauer an, die vorhandenen Klassen und IDs, dann hast du ziemlich gute Kontrolle über das Aussehen der Dialoge.
Wir benutzen oft eigenes CSS um die Dialoge hübscher zu machen und Schwächen im JR auszubügeln.

Ich hoffe das war wenigstens ein bisschen hilfreich

VG
Jan