Mobile list
A vertically-stacked list optimised for thumbs. 56 px rows minimum; leading avatar/icon; trailing chevron or amount.
Default
Three regions per row: lead, body, trail. Tap target spans the row.
New sale
Ring up a customer
Receipts
147 today
Items
2,418 active
Customers
Loyalty members
More
Reports, settings
With trailing meta
TM
Tariro Moyo
Form 4 · Faraday
AB
Akudzwe Bere
Form 4 · Faraday
DG
Dakarayi Gondo
Form 4 · Faraday
EH
Edwin Hove
Form 4 · Faraday
Do & don't
Do
Make the whole row tappable. Reaching for a tiny chevron on a phone is bad ergonomics.
Don't
Cram three lines of metadata. One sub-line is the max.
Do
Use a leading icon or avatar to anchor the eye. The list scans faster.
Don't
Use a mobile list on desktop. Use a table.