{"id":26973,"date":"2020-12-15T08:59:34","date_gmt":"2020-12-15T08:59:34","guid":{"rendered":"https:\/\/www.testpreptraining.com\/tutorial\/?page_id=26973"},"modified":"2022-03-30T11:25:41","modified_gmt":"2022-03-30T11:25:41","slug":"power-apps-user-experience","status":"publish","type":"page","link":"https:\/\/www.testpreptraining.ai\/tutorial\/power-apps-user-experience\/","title":{"rendered":"Power Apps User Experience"},"content":{"rendered":"\n
We shall learn about the enhanced power apps user experience with the Unified Interface for model-driven apps. Now, the Unified Interface for model-driven apps offers a consistent and accessible user experience across devices including desktop, laptop, tablet, or phone. Moreover, these apps scale by re-flowing the components on the screen. Also, the responsive design adjusts according to the environment on the basis of screen size, thereby providing more available space leading to more information displayed.<\/p>\n\n\n\n
Features of Unified Interface<\/strong> in model-driven apps<\/strong><\/h4>\n\n\n\n
1. REFLOW<\/strong><\/h5>\n\n\n\n
Primarily, the Unified Interface is designed for a modern reflow experience.<\/p>\n\n\n\n
Firstly for forms, there are pixel breakpoints which cause information on a form to move on the screen based on the space available for the form to display in. Moreover, this occurs when the display space available to the form decreases. Reflow experience from left to right: When multiple columns reflow to one column<\/li>
Secondly, for columns in a form section reflows from multiple columns to one column, it reflows from left to right (in left-to-right languages). So, when a control spans at least two columns in a section, then it reflows from top to bottom. Reflow experience from top to bottom: When a control spans at least two columns in a section (notice control #5 spans across)<\/li><\/ul>\n\n\n\n
2. NAVIGATION<\/strong><\/h5>\n\n\n\n
The navigation menu options allows to swiftly navigate the different apps in the system. Moreover, they provide quick access to recently viewed rows and pinned favorites.<\/li><\/ul>\n\n\n\n
<\/figure><\/div>\n\n\n\n
3. DASHBOARDS AND CHARTS<\/strong><\/h5>\n\n\n\n
We can access all the system and user dashboards from within our Unified Interface apps. <\/li>
Also, the interactive dashboards are available for all row types with richer interactive dashboard capabilities. <\/li><\/ul>\n\n\n\n
4. TIMELINE CONTROL<\/strong><\/h5>\n\n\n\n
Firstly, the timeline view supports in collaborating with the team by tracking customer communication in a row on a single page in an easy-to-read view.<\/li>
Secondly, we can view everything from posts and voice attachments to emails and notes. It provides a quick way to see the entire communication thread. <\/li><\/ul>\n\n\n\n
5. BUSINESS PROCESS<\/strong><\/h5>\n\n\n\n
Firstly, the business process flow has been improved by the docking mechanism. <\/li>
Secondly, we can dock the business process stage on screen for staying focused on the task at hand in your business process flow. <\/li>
Lastly, it is specifically useful when the stage of the process has complex steps to complete. <\/li><\/ul>\n\n\n\n
6. ACCESSIBILITY<\/strong><\/h5>\n\n\n\n
Firstly, the improved accessibility experience allows the use of screen readers to translate on-screen information into audible sound and print to a Braille reader.<\/li><\/ul>\n\n\n\n
Create a Unified Interface app<\/strong><\/h4>\n\n\n\n
For requirements to create own experience on Unified Interface, we can create a model-driven app using the app designer. <\/p>\n\n\n\n
![\"Navigation](\"https:\/\/docs.microsoft.com\/en-us\/powerapps\/user\/media\/nav-expanded2.png\")
<\/figure><\/div>\n\n\n\n![\"Create](\"https:\/\/docs.microsoft.com\/en-us\/powerapps\/user\/media\/uci-model-driven-app_1.png\" "\\"Create")
![\"\"\/](\"https:\/\/www.testpreptraining.ai\/tutorial\/wp-content\/uploads\/2020\/12\/testpreptraining.ai-4-750x117.png\")
<\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"