The gradual expansion of interactive design: Make the product simple, Operation logic Clear

Article Description: Interactive details of those transformers.

Web pages Common Some of the pages of its complexity is progressive, similar to the daily maintenance of transformers, such as motor-style, encounter battle scenes they will stretch out limbs and arms to fight for freedom! In interactive design, we call this "morphing" scenario "progressive expansion". This strategy is used to address complex information that displays information only when the user needs it. Appropriate use of this design principle, can make the product simple, operation logic clear. Here are a few chestnuts, please taste.

Implementation of the "progressive expansion" of the operation type is basically four kinds: hierarchical layered display, click Trigger, mouse over + click Trigger, the mouse slide over. Can be flexibly used in different functions, combined with product style characteristics, will make the design a lot of color.

Tiered Layered Presentation:

First of all, look at the Facebook Ads launch, show only the first step, after the input is completed click Continue, into the second step.

The second step is to set the target object input box to take the first area, at this time the page becomes longer without a jump.

[1] [2] [3] [4] Next page