In our second article about the upcoming DMXzone Bootstrap 3 Components extension, we will show you the other 3 components which you can use in order to force large amounts of content into tiny spaces. You can also use these tools to apply them to long, content-rich pages. So let's take a closer look at how to use accordions, tabs and button collapses and how greatly they look on the web. The extensions will be released tomorrow so stay tuned.
The Story
Simplify your pages with well-organized content
Keep it simple is something we can hear very often when it comes to content and it's true. It's easy to achieve it if you keep away your content from over-structuring with too many images, info, buttons and so on. And this is exactly when you need to consider using components, which will "hide" most of them for the best user experience.
Add your content within Accordions
The great thing about accordions is that you give your users the opportunity to select, which part of the content to read. Separated with great headers and titles into accordion-like sections, your content is easily accessible and well-stacked.
Place your content within Tabs
Pretty similar to accordions, tabs are also an amazing way to summarize a great amount of content into meaningful sections, which occupy less screen space. Due to their shape and functionality, they add an interesting UI element
which is intuitive to use and also very hard to miss by users.
Add additional info with Button Collapses
With a simple click, you can offer the ultimate user-experience. Using button collapses, you can allow expanding of vast amount of content, which will never interfere with the design and simplicity of your website. It's simple, yet effective way to "hide" additional info.
Comments
Be the first to write a comment
You must me logged in to write a comment.