Dropdown

Problem

Sometimes you may have information that is not frequently needed. To simplify the interface it would be convenient to remove it; however, it is still important to provide access to that content.

Solution

Design an element on the page that toggles the visibility of additional content. Keep the content hidden until the users express a direct intention to access it, then, make the content appear over the page.

You should try to not overload the page and the user with information that is not frequently needed. A DROPDOWN allows you to keep the layout simpler and cleaner by concealing non-essential information until there is a direct action of the user. You can use it to present small pieces of information that do not exceed the height of the screen. That is, you should not add additional complexity to this interface component by having the user scroll the page or the DROPDOWN to see truncated content.

In a DROPDOWN you have a button or any other element on the page that once tapped reveals the hidden content hovering on top of the page. Users should be able to withdraw it by tapping the same button again or any part of the page that is not the DROPDOWN.

***

Web Design Patterns for Mobile Devices
Authentic Jobs, 04/2012
Web Design Patterns for Mobile Devices
Sony, 04/2012
Web Design Patterns for Mobile Devices
Pinterest mobile, 04/2012