The Frontier logo The Frontier logo
Angie Terrell

The Interaction Design of a Horizontal Scroll with Snap

Angie Terrell | Jul 22, 2018

When designing for content, there are times when you’ll need to design the layout of content to scroll vertically and horizontally in your mobile app. It’s common to see this in content-rich applications that have both images and text. In particular, there may be featured content which spans the almost the full width of the screen, but when the user swipes through it, you want the content to snap into place.

It’s important to prototype these interactions so that you can get a feel for them, but also to communicate to your team how you would like them to work. Additionally, and probably one of the greatest uses for prototypes is to test out your solutions with users before they are built in code.

In this screencasts, we'll show you how to prototype this in Principle. If you haven't used it before, Principle is a robust prototyping tool centered around interaction design. You can sign up for a 14 day free trial using the link below.

For the More Curious...

Principle App

Subscribers Only

Looks like you don't have an acocunt. Create an account today to access our collection of screencasts, skill packs, and more.

Subscribers Only

Looks like you don't have an acocunt. Create an account today to access our collection of screencasts, skill packs, and more.

Need Help?

Have questions about this screencast? Start a discussion with our nerds in the community tab.