• i tested my app on simulator and used accessibility inspector to make sure the colour contrast was accessible enough
• i also tested common accessibility options in the app, and saw that it looks fine with all of the options
• i changed the highlight colour to make it look better

• i changed the highlight to black and white (still debating whether this looks good or not though)
• made the tip sheet a modal so you can focus more as blurred background

• i spent 20 minutes trying to make it responsive on ipad, then realised this app isn’t meant for an ipad anyway (who would use an ipad on a crowded train?)
• i checked the spacing on different iphones to see if it worked out, and it did

question: does the dark mode colour scheme for highlight + button look good? what about light mode?

• made the speech bubble + arrow a custom shape so it looks nicer

• i added a 4th intro tip to end the intro
• i made the last intro tip disappear when the user clicks any point on the screen
• i moved the locations of the speech bubbles a little
• i tested the onboarding on different phones

QUESTION: is the 2nd intro tip triangle enough for the ui? or should i have an arrow which points to the bar?

• added text to the welcome page
• made the intro tips go from one tip to the next when buttons are pressed (after holding breathe button) or events are finished (the breathe bar goes back down)

what i did:

• instead of having 3 pages for onboarding, i’ve decided on having a welcome page and then an interactive demo of the ui
• i removed the last 2 pages of onboarding and kept the welcome one
• i added highlight states to the 3 main ui parts, and added speech bubbles which explain the ui

TODO:

• i need the speech bubbles to be in a better position than right now
• i need the arrows to be in better positions
• i want the welcome page to have some text
• the intro tips should go from one tip to the next without me having to manually do it

• added the onboarding logic, which uses @AppStorage to determine which page of onboarding the user is on
• added placeholder content on each onboarding page
• added a button on the main page which redirects back to the first onboarding page

• added some positive affirmations on both pages
• changed the whole case to lowercase since it’s more calming

• started working on design
• added a nice background for both light and dark modes
• made the text and buttons look nicer for both themes
• downloaded the app on my phone so i can test properly

• i filled the tips page with tips and added some basic styling
• i also added a sheet which acts as a focus page for a specific tip

• i made the bars actually go up and down, rather than start from the middle
• i added an extra red bar which shows up when you’ve inhaled for more than 40 seconds

• i decided i’m going to change 4 bars to 1 bar, to ease simplicity
• made the bar go up and down based on when you are holding/releasing it
• made the text on the button change to help you breathe

• i wanted to add a tips page, so i figured out how to add navigation
• i added 4 bars to the sides of the hold button, so i can work on the bar filling up while holding implementation

• i came up with the idea for an app for the swift student challenge
• i designed how i want the main page to be, and the features in it
• i coded a button which detects when it is being held down