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 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 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, 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 is possible from preview instances, so that the building of Purple Experiences becomes rather easy. Behavior and available data can be verified.