UX - Mobile Guidelines

 📱 A Guide To Designing For Mobile (iOS, Android). With useful resources on layout, grid, colors, typography, icons and components for iOS and Android ↓

✅ For Android, the most recent design language is Material 3.
✅ For iOS, it’s Human Interface Guidelines (HIG) for iOS 17.
✅ iOS apps are designed in pt, Android apps in dp.
✅ When designing for iOS, start with 375x812pt.
✅ When designing for Android, start with 360x640dp.

✅ iOS: “Back” is in the bottom left, Android: top left.
✅ iOS: “Add” action is top right, Android: FAB is bottom right.
✅ iOS: Primary text and forms at least 17pt, tab bar at least 10pt.
✅ Android: Primary text and forms at least 14sp, labels at least 11sp.

✅ Tap targets: 11mm+ (31pt/42px) on the top of the screen.
✅ Tap targets: 12mm+ (34pt/46px) at the bottom of the screen.