As I read the UI guidelines/recommendations found in the HIG, I applied some of them to the main screen view of an app called Project Timer.
Why Project Timer? Because I’m very familiar with it. I use it several times a day.
How it is now
Project Timer's main screen view
How to improve the UI
my notes
- Increase the height of each row so it’s more tappable.
- Arrow icon should not have circle around them because there is no detail view.
- When a timer is active, give visual cue by changing row’s background color.
- Add icons for each timer. Faster to identify.
- Add a top toolbar with Reset and Edit buttons.
- Put Settings and Add New buttons in bottom toolbar.
- Remove the settings from this main view. Access them from the Settings button (bottom toolbar) instead.