Tosin
Samples
Samples

What a Tosin report looks like

Three realistic outputs across common surfaces. Every issue is severity-tagged, evidence-cited, and paired with a concrete fix.

E-commerce checkout

Goal
Improve mobile checkout conversion
User
Mobile-first shoppers, ages 18–34
Problem
High form abandonment on payment step

Prioritized issues

1
Card number field obscured by sticky CTABlockerFitts’s Law

The "Pay now" button overlaps the last 4 digits of the card field on iOS Safari at 375px width.

Fix: Pad the form bottom by 88px (CTA height + safe-area inset) or hide the CTA while the field is focused.

2
Postal code validation fires on every keystrokeMajorPostel’s Law

A red "Invalid postal code" appears after the first character is typed, before the user can finish.

Fix: Validate on blur or after debounced input (~500ms). Show success state on valid entry instead of nothing.

3
Order summary uses 11px fontMinorAesthetic-Usability Effect

Line items and totals render below the platform minimum of 12px, hurting legibility on small devices.

Fix: Bump to 14px / 1.4 line-height. Use tabular-nums for amount columns.

SaaS onboarding flow

Goal
Reduce time-to-first-value for new accounts
User
Technical founders evaluating the product solo
Problem
High drop-off between signup and first project creation

Prioritized issues

1
6-step wizard with no progress indicatorBlockerVisibility of system status

Users cannot tell how many screens remain. Each step looks identical except the body copy.

Fix: Add a step counter ("Step 2 of 6") and a thin top progress bar. Allow back navigation on every step.

2
Required fields not visually distinguished from optionalMajorError prevention

All fields share the same label style; required ones are only marked in a tooltip on hover.

Fix: Add an asterisk and "Required" microcopy. Default to required; mark optional explicitly.

3
Empty state for "Your projects" has no primary actionMinorRecognition rather than recall

The dashboard shows "No projects yet" with no CTA. New users have to discover the "+" icon in the top-right.

Fix: Add a large primary "Create your first project" button in the empty state body.

Mobile app navigation

Goal
Improve discoverability of secondary actions
User
Returning power users on iOS
Problem
Users do not find the "Saved" section

Prioritized issues

1
Bottom tab bar has 6 itemsMajorHick’s Law

Six tabs cause label truncation; "Saved" is abbreviated to "Sav…" on smaller devices.

Fix: Reduce to 4–5 tabs. Move "Saved" and "Activity" into a Profile dropdown.

2
Icons lack labelsMajorRecognition rather than recall

Tab icons render without text labels; only the active tab shows its name.

Fix: Always show labels under icons. Reduce icon size from 28px to 22px to compensate.

3
Active tab color contrast is 3.8:1MinorAesthetic-Usability Effect

Selected tab uses a muted brand purple on white, below the 4.5:1 WCAG AA threshold for small text.

Fix: Deepen the active color one shade or pair it with a top indicator bar.

Run one on your own screens

Upload your designs and Tosin produces a structured report like the samples above in under a minute.

Start an analysis