Blog Subscribe

SIGN UP to SUBSCRIBE

To get the latest and most quality designer news.

WHAT IS MOCKPLUS?

Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Tell me more
<< Mockplus Samples

Mockplus Sample Design – Steps (App, Sports & Health)

Mockplus Team 1006 Views

Steps is a fitness app which can track your steps throughout the day, set a goal and offer professional fitness guidance for you. And its “Activity” page has been designed with an excellent interaction that the color and data of the display area located upper a column chart will change correspondingly when you click any data in this chart. In Mockplus, you can easily achieve this by choosing a “Set Color” command for a Shape component and a “Set Text Color” command for a Label component.

Let’s see it in GIF at first:

Steps

Click here to preview it online: http://run.mockplus.com/ppINGDXc2KnSZJqN/index.html

UI flow in large size:

StepsPages of this prototype: Start, Home, Log In, Sign Up, Activity and Profile, etc.

The project file can be downloaded here.

All pages of the album (10 pics in total) can be downloaded from here.

Enjoy it!



STILL HUNGRY FOR THE DESIGN?

_____

Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Free Trial

Need help?

Join Mockplus on Slack Click here

support@jongde.com