Cisco Financial Dashboard

cover.jpg

Overview

Cisco’s ICS Financial Dashboard

My Role

Wireframe
UX/UI Design
Visual Design
Prototyping

Financial dashboard user personas

financial_dashboard1.jpg

Financial dashboard sketch wireframe

financial_dashboard_sketch3.jpg

Expand and edit the table

financial_dashboard2.jpg

User Story: As a functional or service manager, I want to be able to edit my table view to reflect my
allocations, so that I can have an accurate view.
UX Solution: The global edit function has been added. Manager are able to edit the service columns
showing in the table, and the allocation amounts to the different services.

Add, remove, and edit services

financial_dashboard3.jpg

When the user clicks “Add Service” button, the widget will pop up and the users will be able to able to
add, edit, and remove service columns.

Hover over

financial_dashboard4.jpg

User Story: As a Financial Dashboard user, I want to be able to see additional user information in
context so that I can get the information I need. 
UX Solution: I added a feature to hover on a user’s name in the table displays their user ID and
department.

Table scrolling

UX Solution: A vertical scroll bar has been added to view of all cost pools of the services.