web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :

PowerApps UI and UX enhancement

darogael Profile Picture Posted by darogael 123 Most Valuable Professional

This video demonstrates the ability of PowerApps to provide a professional and polished User Interface or UI and User Experience or UX using a combination of controls and variables.

Capture.JPG

Categories:

Comments

  • liamnorcup-nhs Profile Picture liamnorcup-nhs
    Posted at
    PowerApps UI and UX enhancement
  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    PowerApps UI and UX enhancement

    Feedback: I have not yet started watching the video, but I already see a significant usability problem: The mobile UI shown on the screen is neither Android nor iOS: Neither would use a hamburger menu/icon (hidden navigation) on the Home screen.

     

    In the iOS experience, a tab bar appears at the bottom of an app screen and provides the ability to quickly switch between different sections of an app.

    https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

     

    In the Android experience, bottom navigation bars provide access to 2-5 top-level destinations on mobile devices. Their location, visibility, and persistence across screens allow quick pivoting between destinations.

    https://material.io/design/navigation/understanding-navigation.html#lateral-navigation

     

    "In mobile designs the hamburger menu or three-line icon is a popular tool to address the concern that on a small screen, space for navigation is limited. Placing the navigation behind a menu is a way to keep it available, but out of the way, giving users access to navigation when they need it.

    However, the reason the hamburger menu is useful is also the reason it can be harmful to a website’s business goals. When navigation is visible on a page, it is consistently available, giving users not only quick access to the navigation, but also a way to get an at-a-glance overview of what the site has to offer. When that same navigation is hidden behind a hamburger menu or even a Menu label in a mobile design, there is a higher interaction cost to get the same information – the user has to think about navigation, then locate and expose it in order to view it. If a user cannot or does not locate or expose the navigation, interaction on the site becomes limited. The use of a hamburger menu can reduce the likelihood of users moving around the site."

     

    https://www.nngroup.com/articles/support-mobile-navigation/