Webwicklerin vs. Axure – Runde 3: Positionierungs-Probleme

Schon die „einfache“ Übertragung des Papierdesigns in Axure macht mir Schwierigkeiten, insbesondere die Positionierung der Elemente.

Es geht schon los mit einer Umgewöhnung bei der Positionierung der Elemente: Im Gegensatz zu anderen Programmen wie Photoshop oder Powerpoint wählt man in Axure nicht erst das Element aus, das man einfügen möchte (Klick) und zieht dann die Größe mit der Maus an der Stelle auf, wo man es haben möchte. Sondern man muss in Axure das gewünschte Element festhalten und an die richtige Stelle ziehen (Drag und Drop). Im zweiten Schritt kann man es dann auf die gewünschte Größe skalieren.

Ich gewöhne mich zwangsläufig schnell daran, aber es stört mich natürlich und ich empfinde es als Usability-Problem: Warum muss Axure hier von den üblichen Vorgehensweise abweichen?
Aber das ist nur eine Kleinigkeit, mit der man leben kann.

Es gibt auch Grids und Guides, die sich einstellen lassen wie ich es brauche.
Außerdem lässt sich zudem die Position eines ausgewählten Elements pixelgenau im Widget Properties and Style Pane sehen und anpassen. Fein.

Zusätzlich wünsche ich mir noch die folgenden Positionierungsmöglichkeiten:
a) Boxen wie z.B. Header, die sich quer über die gesamte Bildschirmbreite erstrecken sollen.
b) Elemente (immer) mittig auf dem Bildschirm platzieren
c) Adaptives Verhalten von Boxen, z.B. Breite je nach Bildschirmgröße und Höhe je nach Inhaltsmenge.

In den Übungsvideos kam Positionierung auf verschiedene Arten vor, u.a. bei Dynamischen Panels und bei den Mastern. Allerdings wurde es dort wiederum nur kurz gezeigt, aber nicht erklärt. Es gab sogar Fälle, in denen ein Element sowohl zum Dynamischen Panel als auch zum Master gemacht wurde.

Die Positionierung für diese beiden Klassen ist jedoch unterschiedlich (leider ohne Begründung in den Videos). Bedauerlicherweise bieten nur Dynamische Panels die Optionen Pin to Browser und 100% wide (Browsers only). Letzteres klingt passend für meinen Positionierungswunsch a): Header mit 100% Breite im Browser.

Aber leider klappt es nicht, wie ich es erwarte: Nämlich ein Element zum Dynamischen Panel machen und die Option 100% wide (Browsers only) einfach per Klick zuweisen. In keinem meiner Browser (IE, Firefox, und Chrome in aktuellen Versionen unter Windows 7) wird der Header mit 100% Breite angezeigt. Er bleibt bei einer fixen Breite, die sich auch nicht adaptiv mit der Fenstergröße ändert. Die korrekte Umsetzung einer 100%-Breite muss ich später mal näher ergründen.

Bleibt noch der Master. Er lässt sich bei der Erstellung positionieren über die sogenannte Drop Behaviour (siehe Abbildung 4), bei der zur Auswahl stehen:
a) Place anywhere,
b) Lock to Master Location und
c) Break away.

Abbildung 4: Drop Behavior
Abbildung 4: Drop Behavior

Hier schwächeln meine Englischkenntnisse, was ist der Unterschied zwischen Place anywhere und Break away?
Anyway, für mich passend klingt sowieso Lock to Master Location, das vermutlich den Master auf jeder Seite gleich positioniert. Es lässt sich auch festlegen, auf welchen Seiten der Master angezeigt werden soll. Fein.

Aber leider klappt das auch nicht so, wie ich erwarte: Mein mühsam (auf der Startseite) gebauter Header-Master erscheint auf den anderen Seiten an falscher Stelle. Und wenn ich die Position des Headers im eigenen Master-Fenster ändere (in dem er einfach ganz links oben klebt, ohne dass ich ihn mit Absicht dort positioniert hätte, siehe Abbildung 5), wird er auf der Startseite doppelt angezeigt, einmal an richtiger und einmal an der falschen Position.

Abbildung 5: Master-Fenster mit Positionierung des Masters bei den Koordinaten (0/0)
Abbildung 5: Master-Fenster mit Positionierung des Masters bei den Koordinaten (0/0)

Ich probiere viele Positions-Kombinationen von Dynamischen Panels und Mastern aus und finde keine Möglichkeit, den Header überall korrekt zu platzieren. Ich lösche den Master und erstelle ihn neu für weitere Experimente – ohne Erfolg.

Wenig hilfreich ist, dass zwischenzeitlich die Anzeige im Browser anscheinend nicht aktualisiert wird oder gar abstürzt. Muss ich die bei jedem Refresh neu in Axure generieren?

Also durchsuche ich nach Kräften das Axure-Forum auf der Suche nach Antworten. Ich finde dort zwar vieles, aber keine Lösung meines Header-Positionierungs-Problems. Anscheinend bin ich der einzige Idiot.
Stattdessen treffe ich im Forum auf einen interessanten Begriff im Zusammenhang mit Mastern: Instanz. Es gibt Instanzen von Mastern mit verschiedenen Eigenschaften für ein- und denselben Master? Wo zum Geier kann ich die Vererbung regeln?

Ich brauche offensichtlich ein Buch zum Thema und suche bei Amazon nach Axure-Fachliteratur. Und finde nur sehr wenige, mit wenigen und durchaus kritischen Kundenrezensionen.
Entnervt und gefrustet gebe ich für heute auf.

Ergebnis Runde 3:

Eindeutig 1:0 für Axure (gefühlt eher 10:0).
Gesamtergebnis bisher:

Axure Webwicklerin
2 1

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.