Skip to main content

UX gap analysis & redesign: Spryple → Spyrl

Scope: every documented Spryple screen and workflow, judged as a user experience: what is repeated, scattered or clumsy, and what works. Everything is then redesigned around the point of use with few clicks, and no feature is lost. Evidence: the crawled Help Center (E2E engine), the fact-only handbook, and screenshot facts. Method: six UX analysts in parallel (one per module family) used one shared rulebook: IA & principles. The counts on this page are recomputed by research/tools/build_ux.py from their tables.

Executive summary​

  • 306 of 306 unique Spryple screens are placed in the new structure. Every feature is addressed: 124 merged, 54 duplicates removed (each capability kept in its home place), 48 redesigned, 43 kept and improved, 34 embedded where they are used, 2 made automatic, 1 deferred.
  • 119 UX issues documented with pros, cons and handling. The root causes are few: per-role copies of screens, report sprawl (32% of all screens), approvals scattered over 35 screens, separate forms for 40 request types, settings spread over 49 screens, and 4 separate apps.
  • 120 workflows redesigned: about 661 documented UI actions → about 349 taps (−47%) in total, using about 16 places instead of 9 modules × 6 audiences of menus. All counts are estimates; see evidence.
  • The core of the redesign is five places that absorb most screens: Home (act on what needs you), Inbox (every approval), the + Request sheet (every request, for me or for my team), My time (one calendar), and Reports (one report centre with Me / Team / Location / Org scope). Settings become plain-language, versioned policies.
  • 117 UX requirements proposed for the PRD (Must 79, Should 29, Could 9). They are pending approval, as with the functional gap analysis.

Scorecard by module family (now → new)​

Now = Spryple as documented today. New = the redesign. Screens now = unique documented screens. Views new = distinct views those screens land in (Inbox, Request sheet, Home, My time and Reports count as one view each, because their old screens become types, cards or saved views inside them). Clicks = documented UI actions now → estimated taps new.

Module familyUX issuesScreens now → views newScreen reductionWorkflowsClicks now → newClick savingMergedDedupedReplacedKept+EmbeddedAuto
Core HR, organisation, identity & exit1843 → 26−39%26136 → 70−48%19361122
Attendance, shifts & time1653 → 11−79%22160 → 61−61%25128530
Leave & holidays1641 → 8−80%1669 → 48−30%18313250
Payroll & statutory compliance1541 → 11−73%19128 → 66−48%14574100
Field force, sales CRM & claims2274 → 20−72%1684 → 58−30%2319101390
Timesheets, learning, mobile & cross-cutting3254 → 14−74%2184 → 46−45%25124850
Total (views shared across modules counted once)119306 → 55−82%120661 → 349−47%124544843342

Hotspots: now → new​

HotspotNow (Spryple)New (redesign)
Approval screens35 screens, 3 entry points for one attendance request1 Inbox (types as filters, bulk, swipe)
Request forms (incl. on-behalf copies)40 request screens + 3 on-behalf screens1 Request sheet (For: Me / Team member)
Report screens118 report-like screens (32% of all)1 Reports centre with saved views and Me / Team / Location / Org scope
Dashboards8 screens named "Dashboard"1 Home with role widgets
Settings and master screens49 screens across modules1 Settings place with 22 views
Messages masters41 Templates & messages
Attendance / leave / shift screens copied inside CRM180 (handled once in My time, Team and Inbox)
Mobile apps4 (HCM, Lite, CRM, Claims)1 app with tabs by role + Kiosk mode
Navigation9 modules × 6 audiences of role-grouped menus (368 functional screens)16 places, filtered by role

The repeated, clumsy patterns and how we handle them​

#Pattern in SprypleEvidencePros (what works)Cons (user impact)How we handle it
1The same screen copied per role47 screen names repeated; "Dashboard" ×8, "Attendance Summary Report" ×5, "Leave History" ×5Each role sees a focused page2 to 8 places to learn and maintain; inconsistent filters and wordingOne screen, with scope (Me / Team / Location / Org) set by role (UXP-3)
2Report sprawl118 report-like screens (32%)Ready-made answers to common questionsHunt through menus; each report has its own filter idiom and export iconsReports & insights: catalogue → scope → saved view → export or schedule (PAT-8)
3Approvals scattered by module35 approval screens; 3 entry points for one attendance requestApprovers can work inside each moduleMissed and late approvals; no single queue; no bulk across typesInbox for every approval and task, with bulk, swipe and context panel (PAT-2)
4A separate form and history per request type40 request screens; 3 "on behalf" copiesEach form is simple on its ownEmployees must know which menu holds which request; managers use different screens for on-behalf entry+ Request sheet: one adaptive form, with a For: Me / Team member switch (PAT-3)
5Problems discovered lateMissed punch only in Regularization and reports; balance and sandwich effect visible only after submittingn/aPayroll corrections, disputesAction cards on Home (Fix punch) and a live policy preview in the form (UXP-1, UXP-5)
6Settings as numbered questions, spread across modules49 configuration screens; 48 HR rules; probation and notice set in two placesVery configurableHard to understand; contradictions; changes skip existing employeesSettings › Policies: plain-language, versioned, effective-dated, with impact preview (PAT-9)
7Manual paperwork stepsCredentials created by Admin after an email; reminders and checklists handled by handHuman controlDelays; default passwords; errorsAutomate and review exceptions (PAT-11): invite links, auto-assigned checklists, reminders
8Duplicate HR screens inside CRM18 attendance, leave and shift screens repeated in CRMField users stay in one moduleTwo ways to do one thing; data and training splitCRM keeps only field work; time and leave live in My time and Inbox (DEDUPE)
9Four mobile appsHCM, Lite, CRM, Claims (claims installed as "Spryple CRM")Smaller apps per audienceMultiple installs and logins; features duplicated; Lite unmaintainedOne app, with tabs by role and plan, and a Kiosk mode (UXP-7)
10Lifecycles spread over many screensOnboarding: new hire, directory, documents, checklist, credentials. Exit: approvals, checklist, terminationEach step is explicitNo overview of who is stuck whereBoards: Hiring & onboarding board, Exits board, CRM pipeline (PAT-6)
11Payroll as one button plus side screens"Calculate Salary"; 10+ separate input and report screensFast for simple casesNo readiness check, review, lock or reversalRun payroll wizard with readiness, inputs grid, variance review, approve, lock and outputs (PAT-7)
12Inconsistent words and statusesFront Office vs Front Desk; claim statuses differ on 4 screensn/aConfusion in training and supportOne status vocabulary and one glossary in the UI (UXP-8)

Where the features go (new places)​

PlaceScreens placed here
Settings (P-SET)66
Inbox (P-INBOX)36
Reports & insights (P-INSIGHT)35
Payroll (P-PAYROLL)26
Home (P-HOME)25
+ Request sheet (P-REQ)24
Field (P-FIELD)24
My time (P-TIME)15
People (P-PEOPLE)13
Team (P-TEAM)13
Learning (P-LEARN)8
Projects (P-PROJ)7
Me (P-ME)6
My pay (P-PAY)6
Kiosk (P-KIOSK)2

Every row of every module page says which screen goes where and why. The full mapping is on the module pages linked in the scorecard.

Biggest workflow simplifications​

WorkflowModuleDocumented UI actions → taps afterSaved
C2 Attendance request by employee (3 entry points)Attendance, shifts & time15 → 312
C11 Shift rotation: create, assign, reassignAttendance, shifts & time18 → 612
D11 Optional holiday request, approval, on-behalfLeave & holidays19 → 712
B1 New hire to first loginCore HR, organisation, identity & exit19 → 811
C4 Attendance request approval (3 ways)Attendance, shifts & time12 → 111
C8 Manager regularization and approvalAttendance, shifts & time14 → 311
F2 Separation: request, approval, checklistCore HR, organisation, identity & exit17 → 710
A3 Admin password resetCore HR, organisation, identity & exit11 → 29
C3 On-behalf request (manager)Attendance, shifts & time12 → 48
E10 Variable pay distribution and schedulePayroll & statutory compliance11 → 38
E17 Bank wise salary summaryPayroll & statutory compliance10 → 28
I8 Mobile CRM daily flow: punch, client, activityField force, sales CRM & claims16 → 88
H1 Timesheet setup chain (client, project, team, task, roles)Timesheets, learning, mobile & cross-cutting13 → 58
A2 Admin creates credentialsCore HR, organisation, identity & exit7 → 07
L3 Work LocationCore HR, organisation, identity & exit11 → 47

Key screens​

Low-fidelity wireframes of Home, Inbox, the Request sheet, My time, the Payroll run, the Field visit and Settings: key screens.

PRD impact (proposed UX requirements)​

117 proposed requirements across the module pages (Must 79, Should 29, Could 9). Must items:

IDRequirementReleaseModule family
UX-FR-EMP-01Auto-create the user account on employee activation and send a single-use activation link; Admin sees invite status in Person 360 (extends FR-IAM-001, FR-EMP-005).R0Core HR, organisation, identity & exit
UX-FR-EMP-02No default or emailed password; no screen or API that reveals a password (extends FR-IAM-003, FR-IAM-005).R0Core HR, organisation, identity & exit
UX-FR-EMP-03Person 360 › Access panel: invite status, resend, send reset link, unlock; replaces the Location → Department → Employee cascade (FR-IAM-005).R1Core HR, organisation, identity & exit
UX-FR-EMP-04Plain-language role editor with role preview, in P-SET › Roles and access (FR-IAM-009, FR-IAM-010, FR-IAM-025).R1Core HR, organisation, identity & exit
UX-FR-EMP-05One "Probation, notice and exit" policy replaces Onboarding Settings, Offboarding Settings and HR Policies rules 10–15 (FR-EMP-012, FR-ORG-011).R1Core HR, organisation, identity & exit
UX-FR-EMP-09Hiring and onboarding board with stage columns, link resend and expiry reminder, one-tap Verify all and Activate (FR-EMP-001, FR-EMP-002, FR-EMP-005, FR-EMP-018).R1Core HR, organisation, identity & exit
UX-FR-EMP-10Auto-assign department checklists on hire with item owners, due offsets and tasks in the owner's inbox; keep No Due sign-off (FR-EMP-010, FR-EXT-005).R1Core HR, organisation, identity & exit
UX-FR-EMP-11Documents as an Inbox type with bulk verify and mandatory reject reason; auto-approve HR-uploaded documents (FR-EMP-009).R1Core HR, organisation, identity & exit
UX-FR-EMP-12Resignation as a request sheet with retention note, live relieving date, withdraw, and a visible status timeline (FR-EXT-001, FR-EXT-002, FR-EXT-012).R2Core HR, organisation, identity & exit
UX-FR-EMP-14Single login for all roles with the tenant address as company code; SSO and MFA entry points on the same page (FR-IAM-002, FR-IAM-006, FR-IAM-007).R0Core HR, organisation, identity & exit
UX-FR-EMP-16Import wizard with dry-run for employees and saved-view reports in the report centre (FR-ORG-012, FR-EMP-007).R1Core HR, organisation, identity & exit
UX-FR-ATT-01Home punch card: one-tap punch with selfie and location, shift, geo status, first IN / last OUT; inline reason when outside the fence in flag mode (extends FR-ATT-002/003/037)R1Attendance, shifts & time
UX-FR-ATT-02Fix action cards on Home and in the day drawer for missed punch, short hours and lates, prefilled with date and provisional value (extends FR-ATT-020/024)R1Attendance, shifts & time
UX-FR-ATT-03"+ Request" sheet covers attendance (WFH, On-duty, Remote), permission, shift change, regularization with a "For: Me / Team member" switch; no separate on-behalf screens (extends FR-ATT-023/025/026/017, US-ATT-11)R1Attendance, shifts & time
UX-FR-ATT-04Single Inbox for all attendance approvals (attendance, permission, regularization, shift change, OT) with bulk and swipe and a context panel (extends FR-NTF-011, FR-ATT-028)R1Attendance, shifts & time
UX-FR-ATT-05My requests: one list for every attendance request type with Withdraw while Submitted, one status vocabulary and a timelineR1Attendance, shifts & time
UX-FR-ATT-06Time calendar day drawer: punches, photos, source, request status, "How calculated" (extends FR-ATT-019/037)R1Attendance, shifts & time
UX-FR-ATT-08Reports centre: one Attendance topic with Scope (Me / Team / Location / Org), saved views, export and schedule; replaces role-specific copies (extends FR-RPT-003)R1Attendance, shifts & time
UX-FR-ATT-09Team today with Exceptions tab: live status plus missed punch and half-day lists with multi-select, attendance or leave on behalf (extends FR-ATT-025/038)R1Attendance, shifts & time
UX-FR-ATT-12Settings › Policies › Attendance: one plain-language editor covering shifts, grace, lates, week-offs, regularization, permission, extra days, penalty, missed punch with impact preview and effective date (extends FR-ATT-011, -016, -020, -022, -026, -029, -030)R1Attendance, shifts & time
UX-FR-ATT-13OT policy and OT review: typed policy with approval, rounding, caps and outcome; computed candidates reach the Inbox as claims (extends FR-ATT-027/028)R1Attendance, shifts & time
UX-FR-ATT-14Attendance import through Bulk import with downloadable template, dry-run, commit and rollback (extends FR-ATT-007/036, FR-ORG-012)R1Attendance, shifts & time
UX-FR-ATT-15Devices & locations: biometric mapping with bulk import and Unmapped punches queue, geo-fence on map, face enrolment status (extends FR-ATT-003/006/008)R1 (device gateway R2)Attendance, shifts & time
UX-FR-LVE-01One request sheet type picker (Leave, Comp-off credit, Optional holiday) with a For: Me / Team member switch replacing on-behalf screens (extends FR-LVE-007, FR-LVE-012, FR-LVE-013)R1Leave & holidays
UX-FR-LVE-02Live preview in the sheet: days after sandwich, balance after, policy violations, LOP-split offer (FR-LVE-007, FR-LVE-008, FR-LVE-009, FR-LVE-025)R1Leave & holidays
UX-FR-LVE-03Holiday layer on the My time calendar with next-3 Home card and optional-holiday quota display (FR-LVE-020, FR-LVE-013)R1Leave & holidays
UX-FR-LVE-04Plain-language leave type editor with templates, grouped sections and examples (FR-LVE-001, FR-LVE-002)R1Leave & holidays
UX-FR-LVE-05Policy impact preview and effective date before activation (FR-LVE-024)R1Leave & holidays
UX-FR-LVE-06Inbox types for Leave, Cancellation, Comp-off and Optional holiday with bulk approve and swipeR1Leave & holidays
UX-FR-LVE-07Approval context panel with team calendar, balance after, policy check and history (FR-LVE-010)R1Leave & holidays
UX-FR-LVE-08Single requests list with status filter and row actions (edit, delete, cancel); CRM leave history removedR1Leave & holidays
UX-FR-LVE-10Employee balance chips and a "my policy" plain-language summary in the sheet (FR-LVE-019, FR-LVE-021)R1Leave & holidays
UX-FR-PAY-01One Payroll & statutory settings page (EPF, ESI, Pay Schedule, PT, bank accounts, policies) with no per-role copies; access by permission (related FR-PAY-005, 007, 008, 009, 012, 013)R1Payroll & statutory compliance
UX-FR-PAY-02Salary structure template editor with live CTC preview and one-save activation; suggested structure at assignment (FR-PAY-003, 004)R1Payroll & statutory compliance
UX-FR-PAY-03Payroll run readiness wizard: readiness, inputs, calculate, variance, approve, lock, outputs in one flow (FR-PAY-028 to 037)R1Payroll & statutory compliance
UX-FR-PAY-04One inputs grid in the run for arrears, variable pay, one-time deductions, TDS override and advance recovery with import, paste and autosave (FR-PAY-020, 022, 040, 050)R1Payroll & statutory compliance
UX-FR-PAY-05Statutory pack and bank files generated on lock and listed in the Outputs step; history in the report centre (FR-PAY-044 to 048)R1Payroll & statutory compliance
UX-FR-PAY-06My pay place with Payslips, Compensation, Tax, Advances tabs and a latest payslip card on Home; payslip in 2 taps (FR-PAY-042, 043, 061)R1Payroll & statutory compliance
UX-FR-PAY-08Plain-language payroll policy cards with example and impact preview, replacing 14 numbered rules (FR-PAY-013)R1Payroll & statutory compliance
UX-FR-PAY-09Advance request in the request sheet with prefilled eligible amount, approval in the inbox, and a recovery ledger visible to the employee and finance (FR-PAY-023, 025)R1Payroll & statutory compliance
UX-FR-PAY-11Statutory setup checklist with ordered steps and readiness status, seeded from the statutory pack (FR-PAY-007 to 012)R1Payroll & statutory compliance
UX-FR-PAY-12Tax area in My pay: regime choice, declaration, proofs, worksheet; Form 16 downloadR1 (Form 16: R2)Payroll & statutory compliance
UX-FR-PAY-14Lite payroll as a Simple structure on the same wizard (FR-PAY-018)R1Payroll & statutory compliance
UX-FR-PAY-15Approver sees payroll run approval in the unified inbox, with SoD (FR-PAY-035, 036)R1Payroll & statutory compliance
UX-FR-FFM-01One pipeline stage master and one board (list toggle); demo is an activity type; outcomes Won/Lost with reason. Extends FR-FFM-008.R3Field force, sales CRM & claims
UX-FR-FFM-02Single visit flow: check-in (photo, geo) → outcome → next follow-up → collect payment, on one sheet with prefilled defaults; ≤ 5 taps per visit. Extends FR-FFM-007, 009, 011.R3Field force, sales CRM & claims
UX-FR-FFM-03Today's plan opens on today and me by default, overdue first; manager Team toggle. Extends FR-FFM-009, FR-FFM-012.R3Field force, sales CRM & claims
UX-FR-FFM-04Quick-add lead in ≤ 4 taps with GPS-filled address and duplicate warning. Extends FR-FFM-006.R3Field force, sales CRM & claims
UX-FR-FFM-05Manager Team scope on the live map, day drawer with route and timeline; replaces 3 report copies. Extends FR-FFM-004, FR-RPT-002, FR-RPT-004.R3Field force, sales CRM & claims
UX-FR-FFM-06Travel as an inbox approval type with editable revised km and auto-created mileage claim. Extends FR-FFM-013, FR-CLM-011.R3Field force, sales CRM & claims
UX-FR-FFM-07Device-change approval as an inbox type; waiting state with Remind on the new device; queued punches. Extends FR-IAM-015.R1Field force, sales CRM & claims
UX-FR-FFM-08No CRM copies of leave, shift, week-off and attendance screens; field users reach them via P-REQ, P-TIME, P-TEAM. Extends FR-ATT-002 and the ATT/LVE FRs.R3 (rows use ATT/LVE releases)Field force, sales CRM & claims
UX-FR-FFM-09Mobile navigation of four tabs (Home, Field, Inbox, Me) and "+ Request"; no "More" bucket. Extends FR-MOB-001, FR-MOB-018.R3Field force, sales CRM & claims
UX-FR-CLM-01One claim status vocabulary (Draft, Submitted, Verified, Approved, Paid, Rejected, Withdrawn) for all roles and travel. Reinforces FR-CLM-006.R2Field force, sales CRM & claims
UX-FR-CLM-02Claim in the "+ Request" sheet on the one mobile app; receipt-first capture, suggested category, live policy line, drafts. Extends FR-CLM-003, 004, 005.R2Field force, sales CRM & claims
UX-FR-CLM-03Mobile inbox supports verify, approve and mark paid, with bulk; web adds payout file. Extends FR-CLM-007, 008, 009.R2Field force, sales CRM & claims
UX-FR-CLM-04Approve and pay as visible actions with mandatory reject reason and inline timeline. Extends FR-CLM-006.R2Field force, sales CRM & claims
UX-FR-X-01One scope-aware screen per job; no per-role copies of reports or dashboards (extends FR-RPT-001)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-02Report centre with catalogue, scope chips and standard filter bar (FR-RPT-002, FR-RPT-003)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-03Single Export control, async for large files, audited (FR-RPT-004, FR-RPT-005)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-04Home role widgets plus tile drill-down; remove module-level dashboard duplicates (FR-RPT-006, FR-RPT-007)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-06Company code remembered once per device; biometric unlock (FR-MOB-002, FR-MOB-007)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-07Navigation by place, with role and plan deciding visibilityR1Timesheets, learning, mobile & cross-cutting
UX-FR-X-08One status vocabulary and shared chip component (FR-NTF-011)R1Timesheets, learning, mobile & cross-cutting
UX-FR-X-10Action cards and push with deep links (FR-MOB-006, FR-NTF-014)R1Timesheets, learning, mobile & cross-cutting
UX-FR-TSM-01Project page with inline client, team and task tabs (FR-TSM-001, FR-TSM-002)R3Timesheets, learning, mobile & cross-cutting
UX-FR-TSM-02Weekly grid prefilled from tasks (FR-TSM-003)R3Timesheets, learning, mobile & cross-cutting
UX-FR-TSM-04Timesheets in the unified inbox with reject reason and resubmit (FR-TSM-005, FR-NTF-011)R3Timesheets, learning, mobile & cross-cutting
UX-FR-TSM-05Automatic defaulter reminders and Nudge all (FR-TSM-006)R3Timesheets, learning, mobile & cross-cutting
UX-FR-TSM-06Project dashboard with variance tab visible to project managers (FR-TSM-008, FR-TSM-009)R3Timesheets, learning, mobile & cross-cutting
UX-FR-LMS-01One login; Learning place adapts to role (FR-LMS-001)R4Timesheets, learning, mobile & cross-cutting
UX-FR-LMS-02Assigned learning on Home with due dates and escalation (FR-LMS-004, FR-LMS-007)R4Timesheets, learning, mobile & cross-cutting
UX-FR-LMS-03My learning single page; certificate on pass (FR-LMS-005, FR-LMS-006)R4Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-01One store listing; role-driven tabs; Lite as a plan (FR-MOB-001)R1Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-02+ Request sheet and Inbox with swipe approve on mobile (FR-MOB-003, FR-MOB-004)R1Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-03Team today and calendar day drawer replace manager report screensR1Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-04Kiosk mode replaces Receptionist login (FR-MOB-012, FR-MOB-013, FR-MOB-017)R2Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-05Face enrolment in Person 360 and Devices and locations (FR-MOB-014)R2Timesheets, learning, mobile & cross-cutting
UX-FR-MOB-07Latest payslip card on Home (FR-MOB-003)R1Timesheets, learning, mobile & cross-cutting

Decisions needed​

  1. Approve the UX requirements (with the 49 functional requirements from the gap analysis) before they are written into the PRD.
  2. Messages Master: handled consistently as Settings › Templates & messages (notification templates plus terminology overrides). Editing every on-screen error message per tenant is not carried over, in line with FR-NTF-017.
  3. One mobile app with tabs by role (see the mobile section of the cross-cutting page), replacing HCM, Lite, CRM and Claims.
  4. Design next step: turn key screens into clickable prototypes for Home, Inbox and the Request sheet, then test with 5 employees and 3 managers from a pilot client.

How to read this analysis​

PageUse it for
IA & principlesThe places, patterns and treatments, and the rules of the redesign
EvidenceMeasured repetition, sprawl and click counts
Key screensWhat the new screens look like
Core HR, organisation, identity & exitIssues, where every screen goes, redesigned workflows, PRD impact
Attendance, shifts & timeIssues, where every screen goes, redesigned workflows, PRD impact
Leave & holidaysIssues, where every screen goes, redesigned workflows, PRD impact
Payroll & statutory complianceIssues, where every screen goes, redesigned workflows, PRD impact
Field force, sales CRM & claimsIssues, where every screen goes, redesigned workflows, PRD impact
Timesheets, learning, mobile & cross-cuttingIssues, where every screen goes, redesigned workflows, PRD impact