What is a page type & how can I use it?

With Slickplan page types, we’ve added the ability to show purpose icons and descriptions for each page in your site map. This feature is a great way for sitemap designers to help their customers understand the structure and purpose of the pages on their site.

1. Open the page properties panel.
2. Click on the Page Type. There will be 12 predefined options that you can choose from:

   

   1. Consumption and Consumption Stack – designed for extended reading, such as an article; Often this is presented as a stack to suggest additional content that shares an identical form.
   2. Dialog – a modal view; You can use this when it’s essential to describe an interaction that occurs within a certain page state.
   3. External – an object outside of the scope of the design, but whose presence needs to be accounted for. A direct mail campaign that drives users to the site would be a good example.
   4. File – a downloadable file, like a PDF or an executable program.
   5. Form – input/output interaction with a system; This could be a basic data entry form or something more ‘AJAX-y’.
   6. Fragment – bits of consumable information on a page; You can use this e.g. when it’s essential to document in-page content like lightboxes or tabs.
   7. Gallery – essentially the same as a listing, but represented as a grid.
   8. Interactive – a game-like or novel interactive experience; usually the quality and nature of the interaction is meaningfully different from a Form type.
   9. Listing – a view that presents many links to content, such as tag view, an archive, or search results; It’s similar to a Portal, but is typically more of a utility view.
   10. Portal – a view designed as a doormat for a collection of content; These are usually category pages that usher people deeper into a section. Compared to a Listing, this view is often more curated.
   11. Process – a process that a user can’t see, but whose operation is critical to the experience; A process that blocks for a long time before returning data is a good example.

    

3. Click on the selected symbol and that’s it. Changes will be saved automatically.