Nate's HealthKit App Challenge Journal

[Nate]

Hi, Codecrew! It’s been a while.

I started this challenge project a few days ago. Here are some screenshots of my work.

1. the first tab, this illustration is from this awesome artist: getronydesign
   

   

2. the second tab
   

   

3. Settings
   

   

[mikaelacaron]

Ooohh I love the graphics!

[Nate]

So glad you liked it! I feel more passionate about this app : )

[Nate]

recently, I added a progressLabel above the wave to give user a more intuitive sense of progress.

[Nate]

Have a look!

[Nate]

User can adjust the countdown duration.

[Nate]

Some other quirks(if not features)

1. When user hit “ok” while the textField.text being empty
   

[Nate]

2. I ditched the idea that this app logs the water intake every day, instead, every time user logs, this app logs to the Health app.
   
   
   
   
   

[Nate]

3. after logging, the wave will be randomly set

[President_Raindas]

This looks really good

[Nate]

Thank you!

[Nate]

Today I designed my app icon, have a look!

[Nate]

ans also, i swapped the background image.

[Nate]

This Demo App got approved for TestFlight, wanna have a try on this?

Named HydraBuddy, that’s where “HB” came from.

Click here to join TestFlight!

[Wildsparrow]

First of all: I really like it. Clean, nice design, does what it should do. The water consumption is added to the health app, perfect (I checked it for several days).
The graphics are fantastic, it’s kind of calming.
The (changing) wave is a brilliant idea.
Awesome

May I give my opinion about some items, which may be optimized?
The percentage starts with 0% in the bottom left corner, right behind the tab icon. I would elevate it (just as you did with the 100% which stops below the overall progress indication).
As much as I like the plus icon to add 10ml (pressing several times to increase the intake, and the nice little twist with being able to modify the time till the intake is added to the overall amount) → if I drink a bottle of water I need to tap 50-70 times just to add one drink. This would prevent me from using the app in the future. Too complicated.
And then there are two minor design inconsistencies: The three buttons in the bottom row look like a Tab View, and this is true for the left and middle button, but it is not true for the right button (the settings), which is a sheet. (Why is it a sheet?) In this sheet, if you modify the daily goal, you need to confirm the change by tapping on a check mark. Whereas if you modify the countdown, you do not need to tap a check mark. Maybe adding the plus/minus buttons to the daily goal would be more consistent?

While working on my app I already know that your’s is more beautiful And your’s is flawlessly working

[Nate]

Bro, I much much appreciate how constructive these items are!

I will improve the following:

1. Elevate the wave for a bit when progress is 0%
2. Give user an option to adjust how many milliliter a step should be
3. Change Settings to a tab instead of a sheet

As for the daily goal textField inconsistency:

1. adding some kind of “done” button on top of the virtual keyboard looks not the best-looking solution to me
2. Now, clicking the check mark is the only way to dismiss the keyboard. If user inputs some invalid number (e.g. no goal at all), he/she will get a visual feedback (bouncing animation)
3. Maybe daily goal would not be changed like very frequently, hopefully the cost of this action would be smaller.
   so I think I would stick with the check mark button.

I really really appreciate you took your time writing all these precious items ; )

[Nate]

Today, following items were improved:

1. Elevate the wave for a bit when progress is 0%
   
   

---

2. Give user an option to adjust how many milliliters a step should be
   
   
   
   

---

3. Settings is a tab, not a sheet any more

---

Wanna try it out? Click here to join TestFlight!