← MySkydrol 2.0 · Working document

Elevated UI directions

Three directions for raising the visual and functional level of MySkydrol 2.0 without leaving the existing palette. Each one is tied to a problem the team already named, and each is grounded in a pattern that works in shipping products.

01 · Show something before the filter

The single most-cited complaint: the charts show nothing until you build a filter. The fix isn't a better filter — it's making the filter optional. Open on a grid of small multiples covering every hydraulic line, then let filtering refine rather than unlock.

Today

Select filters to display chart data

Direction

Blue 01
0.83
Yellow 02
0.25
Green 03
0.35
Unk. 04
0.35

Why this works here specifically: the four columns aren't arbitrary series — they're physical hydraulic lines on the aircraft. A maintenance engineer isn't asking "what's the trend," they're asking "is any line degrading." Four small charts answer that at a glance; one big chart with a filter makes them ask it four times.

Pattern reference: Adaline · Vercel

02 · Benchmarking as position, not comparison

Benchmarking is the feature customers value most, and today it lives apart from the sample report that would prompt the question. Put it on the result, and express it as a position in a distribution rather than two numbers side by side.

Recommended

Percentile band

10TH25THMEDIAN75TH90TH

Better than 72% of A319s worldwide. Your position, not just your number.

Reference: Gusto · Uxcel

Pairs with it

A sentence, not just a shape

Every benchmark gets a plain-language read directly beneath it. The chart shows the evidence; the sentence delivers the conclusion. This is the difference between a report a customer looks at and one they act on.

Fluid is holding better than 72% of A319s worldwide. Moisture trended down across three of four lines since the last sample.

Reference: Hootsuite · Mailchimp

03 · Make the numbers behave like numbers

Every moisture reading, particle count and acid number in this product sits in a column and gets compared vertically against a spec. Proportional figures make that harder for no reason. Tabular numerals are close to a free upgrade.

Proportional

5–15 microns128,000
15–25 microns22,800
>100 microns4,050
Moisture0.83
Acid number0.94

Tabular

5–15 microns128,000
15–25 microns22,800
>100 microns4,050
Moisture0.83
Acid number0.94

Palette — same colors, more discipline

Nothing here leaves the existing product. The berry stays the single action color, the three condition states stay exactly as they are, and the hydraulic line colors stay literal. What changes is that colour stops appearing anywhere it isn't carrying meaning.

Berry · primary#A4126B (?)

Berry deep#6E0B47

Normal#00857D (?)

Alert#C8880A (?)

Warning#D81E30 (?)

Line · Blue 01#2F6FD0

Line · Yellow 02#C99A06

Line · Green 03#17845A

Every hex marked (?) is observed, not confirmed. These were sampled from the running 2.0 build and the Figma file. They are placeholders until Dev Mode access lands and the real values come out of the brand guidelines.

The one that matters most is Eastman-Berry — it's the primary action colour and it's what the landing page is built from. It's the first token to replace.