<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=612681139262614&amp;ev=PageView&amp;noscript=1">
Skip to content

Need help? Talk to an expert: phone(904) 638-5743

5 UI Design Best Practices for Power Apps

5 UI Design Best Practices for Power Apps

powerappslogoAre you just starting out with Power Apps and find some of the UI styling a bit daunting? These challenges may leave you with applications that are far from pretty. I’m here to teach you 5 quick tips (+ a bonus one) to improve the user experience in Power Apps and make your applications a little prettier.

In my video, I’ll teach you:

  • Relative Styling or Positioning – I’ll show you how to use this so you can configure labels so they stay in a relative position to other labels, even when you move them around within your app.
  • Template Fill – This allows you to color code fields based on when they are selected by users, so the user will know what item they are selecting when they select it. This is especially useful in galleries.
  • Display Mode – You can use this to guide users to know what they can and cannot do in the application. This is useful in forms; you can set up buttons to be disabled until the form is properly filled out, such as a submit button.
  • Loading Spinners – We want to make sure users know that something is happening behind the scenes once they click on something and it takes a while to load. This 5-minute fix solves the issue of people wondering if the app is doing anything. You can also watch my video dedicated to loading spinners here.
  • Notifications – In apps this is a bar that comes up on the screen letting the user know that something has happened, maybe an error or a success. Many people don’t use notifications inside of applications but it’s a great way to alert users if they are using the app successfully. I’ll show you how to create a simple notification in my demo.
  • Components – In this 6th bonus tip, you’ll see how to use a common header with components. Components are like reusable building blocks for your application, so if you update a component inside the app, a header on multiple screens in my example, all instances in the app reflect your changes. You can get started with components by downloading 10 reusable components available here.

Be sure to watch my video below for a demo of these design tips that will help you to build proper UIs and avoid some common mistakes as a beginner in Power Apps. These helpful tips will allow you to take your applications to the next level.

If you want more Power Apps training, our On-Demand Learning platform has courses covering Power Apps and all the Power Platform tools, like Power Automate and Power BI. Our free App in a Day course is a great way to get started, with over 7 hours of Power Apps labs and content, at no cost! Click below to get your FREE course today!

Sign-up now and get instant access

Leave a comment

Free Trial

On-demand learning

Most Recent

private training

Hackathons, enterprise training, virtual monitoring