.png)
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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?
0
Log in to leave a comment
- made the speech bubble + arrow a custom shape so it looks nicer
1
Log in to leave a comment
Comments
this is such an interesting concept for a project, cool stuff bro :)
- 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?
0
Log in to leave a comment
- 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)
0
Log in to leave a comment
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
0
Log in to leave a comment
- added the onboarding logic, which uses
@AppStorageto 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
0
Log in to leave a comment
- added some positive affirmations on both pages
- changed the whole case to lowercase since it’s more calming
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment
- 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
0
Log in to leave a comment