Expense & Pre-Approval
User Interface Design Workshop
User Interface
The User Interface workshop focuses on:
EXPENSE Components�UI Workshop
UI Strategy
4
UI Strategy cont.
5
Special Considerations
Feed & OCR Transaction Mapping
6
Report Header
The Report Header is presented when the “New” or “+” button is clicked to start a new expense report
7
Definitions
8
Mosaics, Tiles and Drawers
A Mosaic is a set of expense types available for a particular user add to an expense report, composed of Tiles & Drawers
9
Mosaics, Tiles and Drawers - Design Considerations
10
Forms
11
Form – System Fields
12
Business Purpose vs Description
13
FOLIO / Itemization
14
FOLIO / Itemization - Recurring
15
Google Maps Integration
16
Attendees – Guest Picker
17
PRE-APPROVAL�UI Workshop
18
Pre-Approval Considerations
19
Pre-Approval Header
PA Standard Report Header Fields
20
Pre-Approval Items
Employees add pre-approval items to their report to identify estimated amounts for particular types of expenditures.
21
Pre-Approval Approaches
#1 - The Bucket Approach:
22
#2 – Import to Expense Report:
Pre-Approval – #1 Bucket Approach
23
Pre-Approval – #2 Import to Expense Report
24
Pre-Approval - Balance
25
Pre-Approval - Balance
26
Thank you!