Basic Experience Components

purple experience (pxp) provides tools for building high quality websites and apps, primarily through the purple experience builder it encourages a mobile first approach to design, with seo and accessibility in mind pages are created using components such as navigation bars and content areas, which can be previewed and tested for usability read this article to get an overview of building a purple experience to create world class websites, purple experience (pxp) provides an extensive toolbox for creating pages with different user patterns mostly, you will use purple experience builder docid\ kmuf0oag3of3a46iup5q4 to define your websites and apps behavior and design we recommend that you start your ux and design process from a mobile perspective, as this is where you have the smallest screens and the greatest limitations in terms of content presentation it is wise to take seo and accessibility docid\ ednzzoonsinvsxlzowqfl measures into account from the start typical designs consist of pages that provide an overview of a range of content (e g the home page) and pages that display a single main piece of content (e g an article page) each page is defined by a view docid jl6ufl2jd2us8qkfrbpp , utilizing components and their corresponding data sources different components such as an app bar, menus to navigate to different categories of content, and a main content area that displays the most important content at the top, similar content in sections, or sliders depending on your desired user patterns sometimes a bottom navigation is also used to navigate to different types of content purple experience provides a number of components that may be combined to create the desired pages and apps inspecting components docid\ i2nqgh5hbvmjyzw6ichky is possible from preview instances, so that the building of purple experiences becomes rather easy behavior and available data can be verified