Follow

Mobile Layout Themes

Menu Layouts for Mobile

With so many new layouts on the mobile platform, we wanted to show you all of your options in one place. Here are screenshots of all available Layouts, as well as some of our recommendations for how to best display your content. 

First, hover over the Navigation to enter Experience Creator. Once there, click into one of your already created Sections, and then click "Edit Design",

Screen_Shot_2017-09-19_at_2.10.03_PM.png

From there, you will be given various design options, one of which is the type of Layout theme for the Content in your Section. 

Screen_Shot_2017-04-26_at_5.41.37_PM.png

Carousel Layout

The Carousel layout uses big, bold images to rotate through individual content menus. The images (seen here as Film Covers) are scrolled through from left to right. This layout is great for content that can be visually represented and uses consistent sizes and branding.

img_2170_720.jpg

 

Edge Layout

The Edge layout design is inspired by the Instagram aesthetic. Using edge to edge visuals, the Edge view captures the attention of users as they scroll from top to bottom through content. 

img_2167_720.jpg

 

List Layout

The List layout offers a clean and organized display of content lists. List layout will clearly display multiple lines of text without limiting the visuals. This layout works well with feed headings, which makes it uniquely suited to conveying a lot of information quickly. 

 

 

img_2169_720.jpg

 

Mosaic Layout

The Mosaic layout is a unique aesthetic that is often associated traditionally feed-based content. Unlike all other available layouts, Mosaic is non-linear and gives the impression that the content is categorized but not chronological. This is important to know when considering the Mosaic layout for your content.

img_2168_720.jpg

 

Cards Layout

Similar to Edge, the Cards layout uses big images to capture users attention. The main difference here is the rounded, bubble-like frame. Also, the physical separation between pieces of content can create the sensation that what is contained is perhaps more substantial than it's Edge counterpart.

 

 

Text Layout

The Text Layout is a highly functional, straightforward aesthetic. Staying true to it's name, it uses only text to display a listed menu. It's great for selecting between long lists of options (as below)

 

 

 

Comments