UFMn –
So geht «User­flow Model and No­ta­ti­on»

Se­quenz­start

Das Star­ter­eig­nis löst den Se­quenz­fluss eines Pro­zes­ses aus.

Se­quenz­stopp

Ender­eig­nis­se be­en­den den Se­quenz­fluss.

Aus­lö­ser

Ges­ten (slide left, slide right, etc)

Aus­lö­ser

Scan­nen eines Codes (Hard- oder Soft­key)

Aus­lö­ser

Timer

Ex­klu­si­ves Gate­way

In­klu­si­ve Gate­ways wer­den ver­wen­det, wenn nur einem Pro­zess­pfa­de ge­folgt wer­den kann («und/oder»; Pfad­kom­bi­na­ti­o­nen). Bei der Zu­sam­men­füh­rung muss auf alle zuvor aus­ge­lös­ten Pfade ge­war­tet wer­den.

Par­al­le­les Gate­way

Bei par­al­le­len Gate­ways müs­sen alle aus­ge­hen­den Pro­zess­pfa­de ver­folgt wer­den («und»). Erst wenn bei der Zu­sam­men­füh­rung alle ein­ge­hen­den Pfade er­füllt sind, darf der Pro­zess­fluss fort­ge­setzt wer­den.

In­klu­si­ves Gate­way

In­klu­si­ve Gate­ways wer­den ver­wen­det, wenn einem oder meh­re­ren Pro­zess­pfa­de ge­folgt wer­den kann («und/oder»; Pfad­kom­bi­na­ti­o­nen). Bei der Zu­sam­men­füh­rung muss auf alle zuvor aus­ge­lös­ten Pfade ge­war­tet wer­den.

Na­vi­ga­ti­ons Gate­way

Um dar­zu­stel­len wie eine Haupt- oder eine Sub­na­vi­ga­ti­on funk­tio­niert, kann das Na­vi­ga­ti­ons-Gate­way ein­ge­setzt wer­den, um nicht zahl­rei­che Se­quenz­flüs­se kreuz und quer über dem User­flow Model zu zeich­nen.

Se­quenz­fluss

Se­quenz­flüs­se (Se­quence Flows) ver­bin­den die Ak­ti­vi­tä­ten, Er­eig­nis­se und Gate­ways eines Pro­zes­ses mit­ein­an­der und ver­deut­li­chen somit den zeit­lich lo­gi­schen Ab­lauf des Pro­zes­ses.

Der Bub­bel stellt einen Klick oder ein­fa­chen Touch dar.

In­fo­li­ne

Hin­wei­se wer­den meist aus­ser­halb eines UI’s an­ge­zeigt. Um den Hin­weis mit dem Ele­ment zu kop­peln wird die In­fo­li­ne ge­nutzt

Click- oder Toucha­rea

Zeigt an wie gross die In­­ter­ak­ti­­ve Flä­che tat­­säch­­lich ist. Z.B. stimmt die Grös­­se eines But­ton nicht immer mit der klick­­ba­ren Flä­che über­­ein.

Aus­lö­ser

Ges­ten (slide left, slide right, etc)

Mo­ckup / UI

Das wich­tigs­te Ele­ment ist das Mo­ckup oder UI. Es kön­nen kom­plet­te Screens oder nur Teile davon in Se­quen­zen zu­sam­men­ge­hängt wer­den.

Re­fe­renz zu

Sub- oder De­tail­pro­zes­se kön­nen in einem se­pa­ra­ten User­flow Model dar­ge­stellt wer­den. Mit der Re­fe­renz-Karte wird auf einen Sub­pro­zess ver­wie­sen, re­spek­ti­ve den Ein­stieg ge­kenn­zeich­net.

Die Kar­ten soll­ten mit­ein­an­der ver­linkt wer­den

Re­fe­renz von

Der Ein- und Ausstieg eines Sub­pro­zes­ses wird mit der «Re­fe­renz von»-card ver­linkt.

Re­fe­renz zu Pro­to­ty­pe

Ver­weist auf Pro­to­ty­pen und was dort dar­ge­stellt wird.
Die Card soll­te zum ent­spre­chen Pro­to­ty­pen ver­linkt wer­den. 
Das Icon zeigt, um wel­che Pro­to­ty­pe-Soft­ware es sich dabei han­delt.

Re­fe­renz zu ex­ter­nen Do­ku­men­te

Ver­weist auf ex­ter­ne Do­ku­men­te wie z.B. Tes­ting­s­cripts.
Die Card soll­te zum ent­spre­chen Do­ku­ment ver­linkt wer­den. 
Das Icon zeigt, um wel­che Pro­to­ty­pe-Soft­ware es sich dabei han­delt.

Se­quenz­no­ti­zen

Be­schrei­bung was in der Se­quenz ge­schieht. Zudem Zwi­sche­ner­eig­nis­se in einem Se­quenz­fluss , wel­che nicht durch ein Mo­ckup dar­ge­stellt wer­den kön­nen, wer­den mit die­ser Notiz ge­kenn­zeich­net.

Zu­satz­no­ti­zen

Zu­satz­be­schrei­bung zu UI-Kom­po­nen­ten. In­for­ma­ti­o­nen für das Ver­ständ­nis, oder spe­zi­el­le Hin­wei­se für die Ent­wick­ler.

Fra­gen­no­ti­zen

Fra­gen und No­ti­zen für die Ar­beit der De­si­g­ner.

Pro­zes­s­ab­gren­zung

Ein­zel­ne Pro­zes­se wer­den mit Boxen und Be­schrif­tung von an­de­ren Pro­zes­sen ab­ge­grenzt. So kann auch der De­tail­lie­rungs­grad eines Pro­zes­ses ge­än­dert wer­den. Z.b. Pro­zess des User­flows mit Ver­weis auf einen se­pa­ra­ten Pro­zess mit De­tails zu den Mi­cro­in­ter­ac­ti­o­nen einer ein­zel­nen Kom­po­nen­te.