Usability issues identified in the existing Agency P&L Dashboard at erp-uat.tinyepic.in. Each issue is cited against Nielsen Norman Group's 10 Usability Heuristics and forms the basis for the SuperAdmin redesign.
| Screen | Current Exp. | UX Issue | Reason (Nielsen Heuristic) |
|---|---|---|---|
|
KPI Cards
P&L Dashboard — top row
View screen
|
All 6 metric cards rendered at identical size, colour, and visual weight regardless of importance or value state |
● Critical
Critical negatives (Net Profit −₹3.55L, Net Margin −177.5%) look identical to secondary metrics. No card changes appearance to signal urgency or draw attention.
|
H8 — Aesthetic & Minimalist Design
Interface presents critical and irrelevant information with equal visual weight. Users cannot rapidly identify what requires action.
|
|
KPI Cards + P&L Table
P&L Dashboard — same screen
View screen
|
Cards show ₹2.00L (abbreviated); detail table shows ₹2,00,000.00 (full Indian format) — same values, same view |
● Major
Two different number formats for identical data on one screen forces mental translation and erodes trust in the accuracy of the figures.
|
H4 — Consistency & Standards
Users expect the same data to look the same everywhere. Mixed formats create ambiguity about whether the values are actually equal.
|
|
Agency P&L Table
P&L Dashboard — left panel
View screen
|
Negative values written as (₹3,10,000.00) using accounting parenthesis notation; KPI cards use minus-sign format |
● Major
Two conventions for "negative" coexist on the same screen. Parenthesis notation is unfamiliar outside accounting — non-finance users read (X) as a bracketed note, not a negative.
|
H2 — Match Between System & Real World
Notation should match the user's mental model. Domain-specific accounting shorthand is inaccessible to the broader audience of this dashboard.
|
|
Sidebar Navigation
All screens
View screen
|
Revenue, Team, Clients, and Tasks are grouped under a section label reading "CONFIGURATION" |
● Major
"Configuration" signals one-time setup or system preferences. Revenue, Team, Clients, and Tasks are daily operational screens. The label actively misdirects users looking for these sections.
|
H2 — Match Between System & Real World
Navigation labels must reflect the user's mental model of the task, not an internal system grouping that doesn't correspond to how users think about their work.
|
|
Team Utilisation Widget
P&L Dashboard — right panel
View screen
|
"0.0h billable / 0.0h - ₹0.00/hr" packed into one line per person; overhead staff salary costs displayed inside the same utilisation widget |
● Major
Widget conflates two distinct data types — utilisation (time-based) and cost (financial). Dense single-line format is unreadable at a glance. Overhead staff have no utilisation metric to show.
|
H8 — Aesthetic & Minimalist Design
Each UI element should communicate one clear thing. Mixing two unrelated data types in a single widget forces users to mentally parse and separate them.
|
|
Agency Utilisation Bar
P&L Dashboard — team panel
View screen
|
Agency-level utilisation bar shows 0% with an empty bar, no target indicator, no status label, and no suggested action |
● Critical
0% utilisation could mean "no hours logged yet today" or "nothing billed all month." The system provides no context to distinguish these. No nudge or prompt toward corrective action.
|
H1 — Visibility of System Status
The system must always keep users informed about what's happening. A 0% bar with no label leaves users unable to determine if this is expected, a data gap, or a business crisis.
|
|
All Data Panels
P&L Dashboard — entire view
View screen
|
All financial data displayed as text tables and static numbers only. No charts, sparklines, trend lines, or period-over-period comparison available. |
● Critical
A net margin of −177.5% may be a first-week artifact or a persistent crisis — impossible to tell without historical context. There is no mechanism to understand trajectory or rate of change.
|
H1 — Visibility of System Status
Dashboards exist to communicate system trajectory, not just point-in-time snapshots. Without trend data, the system cannot tell users whether the situation is improving or deteriorating.
|
|
PRINT Button
P&L Dashboard — top bar
View screen
|
PRINT button sits at equal visual weight to the REFRESH button in the primary top action bar |
● Minor
Print is a secondary utility action. Placing it as a primary top-bar CTA inflates its perceived importance, adds visual clutter, and crowds out space for meaningful primary actions.
|
H8 — Aesthetic & Minimalist Design
Every extra element competes with relevant information for the user's attention. Secondary actions belong in overflow or context menus, not primary toolbars.
|
|
Labels & Section Headers
P&L Dashboard — all panels
View screen
|
Section subtitles, column headers, and "OVERHEAD STAFF" label rendered in dim grey (#555) on a near-black (#0C0C0C) background |
● Major
Contrast ratios on key navigational and structural labels fail WCAG AA (minimum 4.5:1). These labels are functionally invisible, especially at small sizes and on non-calibrated displays.
|
H4 — Consistency & Standards
Accessibility is an established design standard, not an optional enhancement. Low-contrast text on dark surfaces violates WCAG guidelines and disadvantages users with visual impairments.
|
|
Client P&L — Expand
P&L Dashboard — bottom panel
View screen
|
"Click to expand" text is tiny, right-aligned, and has no icon. Rows show no hover state. Table column alignment is inconsistent. |
● Major
Users must discover the expand interaction by chance or prior knowledge. Nothing in the visual design signals that rows are interactive. The interaction is hidden rather than afforded.
|
H6 — Recognition Rather Than Recall
Interactive affordances must be visible. Users should not need to memorise or guess at hidden interactions. Chevron icons, hover states, and clear CTA labels make functionality discoverable.
|
|
Sidebar — Active State
All screens — navigation
View screen
|
Active navigation item (P&L Report) is distinguished only by a marginal increase in text brightness, with no border, background highlight, or strong contrast change |
● Major
Active and inactive nav states are nearly indistinguishable. Users lose spatial orientation within the app and must rely on page content — not navigation — to confirm where they are.
|
H1 — Visibility of System Status
The system must clearly communicate the user's current location. An ambiguous active state removes a fundamental navigational anchor and increases cognitive load.
|
|
SuperAdmin View
Entire application
View screen
|
SuperAdmin role receives an identical UI and data density to a regular user — no aggregate overview, no cross-client summary, no financial alert layer |
● Critical
A SuperAdmin overseeing an entire agency needs aggregate financial health, team-wide alerts, multi-client P&L summaries, and anomaly flags. The current design provides none of this elevated context.
|
H7 — Flexibility & Efficiency of Use
The system should offer accelerators and elevated views for expert users. Treating a SuperAdmin identically to an individual contributor removes the power-user layer they need to do their job efficiently.
|