This will address Lock Screen, Stand By and Dynamic Island
On the Lock Screen
- They are on the top of the list, with a 14pt margin on all layouts. Don’t try to replicate the notification layouts. Be unique and make it graphically rich.
- Think about – quick glances, and only include buttons if it is a critical function.
- Having a similar iconography, color, and fonts will make it match your app. If you use your logo, don’t put the app icon.
- Spacing – use space to focus information, but be as compact as possible. You a dynamically change height as you have more or less information to display.
- Transitions – when updating between moments you can apply transitions, like the numeric content transition, to count up and down important numbers. This is a iOS 17 beta feature. Animation of elements between updates
- Alerting – You should alert when there is an update that requires users attention.
- Remove your activity when it is no longer relevant.
Stand By
- You can update your activity for StandBy – your layout is upsized 200% and your background color is extended. Background elements will get cut off and cause a visual issue, try removing it. Make sure all assets and images are at a high enough resolution. In night mode, you will get a nice red color tint.
For Dynamic Island –
- Use rounded shapes, thicker shapes, and use of color
- Objects should be concentric with the shape of the dynamic island
- Think of blurring objects to see how they would look in an optically good spot, make sure you stay inside the island. Using RoundRect will help
- Use an inset and/ or separator line
- There are three sizes:
- Compact -informational only showing the most essential information. Be snug against the sensor region. If you are showing multiples sessions, think about ticking between views. If. You need to show an alert – think about expanding the island to show the data
- Minimal
- Expanded view – users can press into the island to get to this. Show the essence of your app, be in harmony with your color of your app, etc. Try and maintain relevant placement of items between the compact view. Also avoid having a forehead, wrap content around the island.