Back

How to make a clear app with a lot of content?

on 

cc flickr by FontFont

cc flickr by FontFont

Hello GoodBarbers, today I am in a solving problem mood, good news right? ;)

I am surfing on Internet a lot, checking blogs, websites, news, social networks and everything I am interested on.
I noticed that many blogs have lots of content giving a lot of information with more than 5 menus and subcategories.
So, I thought it would be a good idea to write an article about it and let you know that it is not a problem for GoodBarber.
You can have all this content in your app ;)

The little story before was just a story to start the article, and because I am speaking writing a lot ;)

More seriously, in this article we'll give you all tips and information you need to easily create categories and subcategories but also keep your application clear.

How to choose my navigation?

It's pretty simple, you have 2 choices: tabBar and swipe.

- Select tabBar, if you have less than 5 sections
- Select swipe, if you have more than 5 sections

How can I integrate a menu and a subcategory in my app?

For example:
You have a menu in your website named "Address" and in this menu you have 5 more subcategories like: Paris, New York, San Francisco, Berlin and Roma. To add all those elements in your app, follow the steps below.

- First of all, go to the section Content in your back office and add an article section from either your WordPress or WMaker blog.
Tap all the informations needed (Website URL and API Key).
- Once it's done, go back to your article section and click on the link "Advanced settings".

In this menu, you can :
       . integrate just one category. In this case, you only have to name your section "Blog" for example and select "All categories" in the drop-down menu. 
       . select in the drop-down menu the subcategories you want to use. Add more than one with the button +.

Choose the good navigation mode for your subcategories

- Go to the menu Design > Global > Overall design - Multi-sections and select one of the 3 templates proposed.

If you have :
. less than 5 subcategories, select the mode Circle band (even if you can add more).
. more than 5 subcategories, we advise the mode list. 
. the pop-up mode can be selected if you have more or less 5 categories, not too much. 
- Don't forget to match the colour of the menu with the other pages of your application.
Now it's done :)
It was pretty easy right?

The only thing you have to keep in mind is to be clear for your readers.
So do not hesitate, test your app and check if it's clear and simple enough! 

Have a good day GoodBarbers ;)