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

Source: Internet
Author: User

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



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.