Pre- Requirement:
Editing Suppliers information regarding Addresses and Banks are operational.
Editing, Adding, Delete functionality is operational, in order to display this data in the timeline.
Editing, Adding, Delete functionality is operational, in order to display this data in the timeline.
GIVEN
User selected 1 supplier (in the supplier list)
User is showed the detailed page of 1 supplier
User selected 1 supplier (in the supplier list)
User is showed the detailed page of 1 supplier
WHEN
Changes are made regarding UI:
Changes are made regarding UI:
Addresses [invoice address, post address, company name, attn, postal code, city, country]
Banks [default bank preference, account number, IBAN, BIC, National Bank Code]
BTW-nummer (Dutch) VAT-Code (English)
Banks [default bank preference, account number, IBAN, BIC, National Bank Code]
BTW-nummer (Dutch) VAT-Code (English)
THEN
Display changes specified by:
Display changes specified by:
time and date
user
action / event occurred (change, add/create, delete)
old values
new values
user
action / event occurred (change, add/create, delete)
old values
new values
Paper prototype
Balzamiq Sketches
Firstly were 2 variants of scetches
And then some variations with their elements
Wireframes