Transition Diagram/Narrative Storyboard/Design Process (Gabriela Naumnik)

Interface State Transition Diagram

Project Partner: Sophia Noel

Screen Shot 2017-02-28 at 19.22.05 Screen Shot 2017-02-28 at 19.22.14 Screen Shot 2017-02-28 at 19.22.21 Screen Shot 2017-02-28 at 19.22.28

1st Photo shows: 1st interface, registration interface Nr1, registration interface Nr2 (company number will be provided to employees; for consultants  first id character is 1, for other employees it is 0)

2nd Photo shows: registration confirmation, login (after confirming membership), consultant view

3rd Photo shows: consultant profile (click to change), consultant time tracking window, consultant summary (+ send to email)

4th Photo shows: other employee main screen, other employee payment summary.

User Flow

Screen Shot 2017-02-28 at 19.47.45

Design Process

Screen Shot 2017-02-28 at 19.52.05

Narrative Storyboard


Update (added on March 1st): Here is the Interface State Transition Diagram with comments

Screen Shot 2017-03-01 at 15.25.18 Screen Shot 2017-03-01 at 15.25.25 Screen Shot 2017-03-01 at 15.25.34 Screen Shot 2017-03-01 at 15.25.41

Leave a Reply