This post was written by
Chloe Canella

IntuiFace and the User Experience Trends of 2017 - Trend #3: Split Layouts

IntuiFace and the User Experience Trends of 2017 - Trend #3:  Split Layouts
This is the third article in our series about the top user experience trends of 2017 and how to implement them in IntuiFace..

Experience Trend # 3 –  Split Layouts

Split Layouts: What are they?

Split content is the principle of splitting the screen into two or more sections as a way to indicate equally important content or messages This design approach is expected to grow in popularity throughout 2017 and is likely to be encountered on many websites and apps.

Preview of the website of Peugeot

This style of design typically presents the user
with two alternative choices to be made, but it can also be used to relay information about an image (or video, or document) such as you might find in a menu or catalog or instructional manual.

Split Layouts –
When to use them?

You should first consider whether your design even needs a split-screen component. Sure, it's trendy but that alone is not enough reason to implement

  • ‍Are your users trend-conscious enough to appreciate the layout, or will it confuse them?
  • ‍Will there be enough negative space to make the layout work?
  • Are you in danger of splitting your user's attention in half when a more singular focus would be a better outcome for you?

If any of these answers are no, then you should vote against the idea. If not,then go ahead!

In order to use split layouts you are giving an equal importance to both elements. You must also make it clear what each section represents and give the user a chance to choose quickly between the two.

You can also choose to use a split screen layout to
put the emphasis on an illustration. You could, for example, have an
illustration on one side and simple text on the other.

Constructionpapers illustration

Split Layouts – How to create them in IntuiFace?

There are multiple ways you can create split layers in
IntuiFace. As IntuiFace enables you to create any layout without being
constrained to grids or columns, as you would be in Web design (see our previous

Here we’ll show you how to create a split
design that is fixed on one side and scrollable on the other.

An example of Split Layouts in Intuiface


This layout is extremely easy to make in IntuiFace. All
you have to do is position an image on the middle-left side of the screen and set its container to Static. Now it can't be moved.

 on the middle-right side
of the screen, inserting whatever content you wish within it. In this example we
simply added some text assets and an image but feel free to use whatever you wish.  You could have also used a horizontal scroll instead of a vertical scroll for your 

That's it! In 2 minutes you created a modern looking split design for your experience.

Creation of Split Layouts in Intuiface Composer

 rather than a static image on
the left of the screen just to spice things up and make the layout more


Interactive experience showing Split Layouts with slideshow

So now is your turn to shine.  Be creative and have fun creating modern, dynamic layouts.


Chloe Canella
Chloe Canella

I'm Intuiface's Customer Success Manager, here to help you succeed and create awesomeness with IntuiFace. 

Guest Blogging
Interested in writing for our blog? Click the button below:
Write for us!

Other Articles

All Articles ➜

What's Intuiface?

The world's premier platform for creating, deploying, measuring, and managing interactive digital experiences without writing one line of code.