Skip to content

Design pass over every screen, second round: phone, tablet and desktop - #46

Merged
jalmena merged 1 commit into
developfrom
feature/design-pass-2
Oct 5, 2026
Merged

jalmena merged 1 commit into
developfrom
feature/design-pass-2

Conversation

@jalmena

@jalmena jalmena commented Oct 5, 2026

Copy link
Copy Markdown
Owner

Second design pass (1.2.0)

Every screen again, at full size, on a phone, a tablet and a desktop; the findings, the rules and a board of the five screens that changed most are in docs/design/DESIGN_REVIEW.md ("Second pass").

  • Home: the title first, then what is due.
  • Mark: reports folded; the chart's metric control wraps; wider fact columns.
  • Visit: the quality note as the photographs' caption; the primary action follows the page's state; two panes from 900 px.
  • Session: two columns of regions on a desktop; the zone page in two panes.
  • Settings: occasional and administrative groups folded, with hints; the section list opens the group it points to. 13,873 px to 6,846 px on a phone.
  • The gallery photographs a tablet as well; the accessibility sweep stays at zero findings on all three devices.

Merged locally as a fast-forward once the checks pass.

…nd a desktop

Every screen was looked at again at full size, on the three devices the
gallery now photographs (a tablet joins the phone and the desktop).

The home page leads with its title, then what is due. The mark page folds
its reports like the person page does, wraps the chart's metric control
instead of clipping it, and gives the facts wider columns. The visit page
puts the quality note under the photographs as their caption, lets the
primary action follow the page's state (take a photo until there is one,
measure until there is a measurement, save when something changed) and,
from 900 px, puts the photographs on the left and the measurements and
notes on the right. The session page lays its regions out in two columns
on a desktop, with the next one spanning both; the zone page keeps the
photograph on the left and the marks on the right. The settings page
folds the occasional and administrative groups under their titles with a
hint, and its list of sections opens the one it points to. The sign-in
pages carry the wordmark at the shell's size.

The review in docs/design/DESIGN_REVIEW.md records the findings and the
rules that came out of them, with a board of the five screens that
changed most on the three devices. The end-to-end flows open a folded
group before using it; the accessibility sweep stays at zero findings.

Signed-off-by: Jose David <josedalmena@gmail.com>
@jalmena
jalmena merged commit 0773748 into develop Oct 5, 2026
6 checks passed
@jalmena
jalmena deleted the feature/design-pass-2 branch October 5, 2026 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant