A.
1. You recognize the product instantly.
2. Images reduce mistakes.
3. Modifiers are visible.
4. Better for complex or customizable orders.
5. But it uses more data and space.
B.
1. You scan faster.
2. More compact.
3. Handles large quantities better.
4. Cleaner for high volume environments.
5. But less visual confirmation.
A reduces errors, B increases speed.
Good UX depends on the environment, not preference.
Designing for therapists means prioritizing what matters in the next few minutes, not just what looks good on a dashboard.
I explored two layout directions for a mental health practice management web app that helps psychologists manage sessions, patients, documentation, tasks, and follow-ups.
Both concepts use the same core widgets, but with different positioning and visual hierarchy. The goal was to make daily priorities easier to scan and act on.
Option A feels a bit more natural for a therapist's workflow. Placing the daily schedule and key priorities right at the top makes it much easier to scan between back-to-back sessions without unnecessary friction. Great focus on practical UX over just aesthetics.
Payroll made simple and clear.
A modern UI kit with a 3-step payroll run, employee records, reports and PPh 21 & BPJS compliance, in light and dark modes.