Design / Studio
Designing Data-Heavy Interfaces
Table density, filter ergonomics, and honest empty states for analytics products.
Overview
Designers and PMs collaborate with engineers to prototype SQL-backed views. You critique real Flux Blaze mockups and ship Figma specs with accessibility notes.
What is included
- Density ladder exercise for wide tables
- Filter pattern library with Vietnamese copy variants
- Empty and error state writing workshop
- Accessibility review using WCAG-flavored heuristics
- Engineering handoff checklist
- Usability test script templates
- Mentor critique on portfolio screens
Outcomes you can show
- Deliver a Figma page spec with annotated SQL-backed assumptions.
- Run a moderated usability script with two participants.
- Publish a filter microcopy sheet in English and Vietnamese.
Experience notes
“Empty state workshop forced specificity—Cam pushed me to reference actual SQL error codes users see.”
FAQ
Engineering pairing?
Optional pairing sessions are scheduled; designers may complete solo with annotated assumptions.
Figma account?
Learners supply their own Figma seats; PDF export is acceptable for critique.
Limitations?
We do not provide brand kits for your employer; bring your constraints.