Some personal UI/UX thoughts + optional ideas
T
Tuncher Ferad
Really loving the direction you’re taking with this Alan. Just wanted to throw a few more thoughts your way, especially comparing it side by side with what Windy and other mature apps are doing..
- Time Blocks (8am \ 9pm + mini segments like 11 -12pm, 1- 3pm):
I totally see what you’re trying to do here, show clear shifts and directional changes as a quick snap. But from a UI density POV, these blocks do start to crowd the layout a bit. Most kiters (especially the seasoned ones) are trained to read wind in charts, less in cards. The chart below with kts & arrows is where our eyes naturally go first. That’s the sweet spot, and I think it deserves more real estate.
Suggestion: Collapse the time cards or make them scrollable/optional. Maybe keep the main wind window (like 8am \9pm), but ditch or simplify the sub blocks unless they’re clickable for expansion. That frees up room for a denser, more visual chart like in Windy.
- Gear Icons (tt, foil, wing, etc.):
I’d skip this. The crowd you’re building for usually knows what’s rideable in what conditions. It risks overcomplicating the interface and can’t really account for individual style, skill, or kite size :)
3.Wind Chart UI (kts, arrows, colour bands):
You’re very very close. But take a look at the attached screenshot (Windy). Their use of colour gradients; blue to green to red for strength and scrollable 6 hour blocks is a killer combo IMHO. It lets you zoom into the next session, swipe across the day, and still see gusts, average wind, and direction without clutter.
Suggestion:
• Default to a 6 hour scrollable window with swipe left/right to browse the day.
• Utilize colour intensity, if you haven't done already (blue/green/orange/red) on the wind bars, makes it readable at a glance.
• Consider replacing the vertical wind bars with compact color blocks (similar to Windy) to reduce space usage and improve scanability. Using color as the main signal (instead of bar height) keeps the UI clean and allows more data to fit in the same view without clutter.
• Zoom out kts averages and arrow directions to make them more legible within that scroll.
• Optionally, toggle to “full day view” for power users.
- Map Integration (similar to Windy):
This part is slick ( not for me but for many beginners ). Their injection of the satellite + wind overlay map above the chart brings instant locational context. it orients the session mentally and visually. I know you have integrated something already , but I believe you have to click on it to open a new window with wind direction + map. If you can integrate this as Windy UI .. that would be super duper dope.
- Final suggestion - I’ve mocked up one last idea that I really think could help visually anchor the forecast week and take less space.
In your current version, the weak view is a little hard to read at a glance. Windy solves this by blending the day cards with a colour coded timeline bar. I took a screenshot and overlaid the idea here (see attached image). The colour coded bar at the bottom gives instant feedback on which days have wind potential, before even diving in. It’s subtle, but really effective at letting you know which days are worth planning around.
Again, these are all personal POVs and preferences, not must haves. Everyone reads wind a bit differently, and what works for me might not for others. That said, I do think there are really two types of riders using apps like this: advanced riders who just want clean wind info fast, and beginners who might benefit from more layers like maps, temps, and gear suggestions. Maybe down the line there’s an opportunity to split views...something like a “pro forecast” mode with stripped down data. Could even be triggered during onboarding with a quick question like: Are you a beginner/advanced or pro rider?
Cheers,
Tunch
Alan Lysne
thanks for taking the time to put this together - best covered off in a call! I'll reach out on a non-wind day :)