Taking your Power Apps mobile navigation UI to the next level!

In this 16-minute citizen developer-focused demo, Kristine Kolodziejski introduces viewers to UI design starting with the “thumb zone” and illuminates other design tips for mobile apps that truly make the difference between awesome and not used. Accessibility, user experience, and appealing UI matter in mobile navigation. Graphical layouts and bottom nav bar with few buttons/links to most important information are key. Look at sample Apartment Manager mobile app and various mobile device navigation options in Power Apps design environment. This PnP Community demo is taken from the Microsoft Power Apps community call – June 2022, recorded on June 15, 2022.

Demo Presenter
• Kristine Kolodziejski (Computacenter) | @kristinekk94

Supporting materials
• Article - Building a beautiful Power Apps mobile navigation menu - HTML control (part 1) | https://www.kristinekolodziejski.com/...
• Article - Building a beautiful Power Apps mobile navigation menu - Gallery (part 2) | https://www.kristinekolodziejski.com/...
• Web site and Blog | https://www.kristinekolodziejski.com/
• GitHub https://github.com/misskristine94
• Tool – Codepen | https://codepen.io/
• Tool – Dribbble | https://dribbble.com

Stay connected
• Twitter   / microsoft365dev  
• Call attention to your great work by using #PowerAppsCC and #PnPWeekly on Twitter.

Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community Blog - https://aka.ms/m365pnp/blog
• Microsoft 365 Platform Community - https://aka.ms/m365/community