![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_auto,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/designing-for-mobile-ios-android-guide/designing-for-mobile-ios-android-guide.jpg)
Mobile
![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_auto,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/designing-for-mobile-ios-android-guide/designing-for-mobile-ios-android-guide.jpg)
Mobile Accessibility Target Sizes Cheatsheet
Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons — on desktop and on mobile.
![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_avif,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/accessible-tap-target-sizes/09-color-picker-manipulation.png)
Billboard Navigation Design Pattern
Navigation doesn’t have to be hidden behind a menu. If it matters, we need to show it and do so prominently.
![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_avif,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/billboard-navigation-pattern/korean-post-billboard-pattern.jpg)
Never Hide Critical Navigation On Mobile
If navigation is important, we need to show it — especially on mobile. Let’s explore a few simple techniques to make it work.
![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_avif,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/never-hide-critical-navigation/03-displaying-navigation-on-mobile-no-hamburgers.png)
Designing Better Mobile Navigation UX
When it comes to navigation on mobile, we often think about hamburger menus, full-page overlays and good ol’ accordions. However, there is one interesting design pattern that has been showing up recently — and could be used for navigation, filters, overlays, or even language selector: the vertical split pattern.
![](https://res.cloudinary.com/indysigner/image/fetch/c_fill/f_avif,q_auto/https://main--smart-interface-design-patterns.netlify.app/static/img/blog/better-mobile-navigation/ft-split-screen-filter-navigation.png)