noiob / pulse-alert

experimental pebble app to alert the user of high pulse readings
4 stars 1 forks source link

Current UI is very ugly and not very functional #2

Closed noiob closed 7 years ago

noiob commented 7 years ago

This is just a thread to collect all the UI ideas. The current UI is very basic because I haven't thought about it much. So here's what I've been thinking about:

Add a heart rate graph

This depends on how much past data I'd be able to actually get from Health, but I suppose something like the graph in HR+ would be pretty helpful (maybe with the high/low values written next to it to give a sense of scale)

Add the heart icon (as an indicator)?

@PotatoFi has agreed to make an icon for Pulse Alert (see #1). One of the drafts looks like this: I was thinking about adding the typical Pebble heart icon anyways, and was thinking of using the exclamation mark as an indicator of wether or not the current HR is higher than the threshold value.

More buttons!

The current control scheme is just me slapping buttons on the actionbar to make stuff work. Here's what I have in mind for the future:

noiob commented 7 years ago

Reworked the UI to look like this: pebble_screenshot_2016-12-31_19-50-04

(the gear and snooze buttons are not functional for now)

noiob commented 7 years ago

The Graph works! and it doesn't slow down the UI too much, so I guess this is done. I'm not doing the Icon thing because the heart is way too small anyways and it wouldn't add any information (you can see which number is bigger anyways)

pebble_screenshot_2017-01-02_16-58-34

PotatoFi commented 7 years ago

If you'd like, I can probably draw you a "heart" icon that works better pixel-by-pixel (unless you've removed it).

noiob commented 7 years ago

The one in the assets is still in the app, and it's a shitty downscale of the one on the HR screen. I'd be super thankful for a good version!

PotatoFi commented 7 years ago

What exact resolution do you need in pixels?

noiob commented 7 years ago

This is it: heart.png It's 24x23 though you can make it 24x24 or 23x23

PotatoFi commented 7 years ago

23x23 pulse alert

Let's see how that one works. Still unsure about what will happen when we convert that to pure black-and-white... it might not look good.

noiob commented 7 years ago

Here's how it looks on the watch. I had to remove the alpha for it to not be black, could've propably worked in code, idk. Same issue as with the icon, but it already looks so much cleaner 😊 pebble_screenshot_2017-01-03_02-52-04

PotatoFi commented 7 years ago

Let's give this one a try.

23x23 pulse alert ui

noiob commented 7 years ago

This one's sharp as a blade. Thank you!