Building your app means making choices. What content do you use? What will the app look like? One of the most important choices is that of the main menu, your app’s navigation. Which navigation do you choose, and when?
Anyone making their own app with AppMachine and choosing the basic subscription, can choose in broad terms from four navigation styles. Because the choice of a specific menu structure influences your later design possibilities, in this article we provide an overview of the types of navigation with their advantages and disadvantages. These are in fact the standard options; the far more extensive possibilities of the Designer and Developer subscription will not be included in this article for now. Although of course you want to make the menu as attractive as possible, you must not forget the user. How do you offer the information? How will you shortly entice users of your app to tap further? Keep that in mind when choosing a menu.
Before you start you need to know what you can work with. Do you or the client you are working for have a house style or website? Then you probably want to match the app and its menu style by opting for large images, for instance, or perhaps only for text. You have the following options for navigating your app:
With this menu you navigate the main screen with icons. There would normally be an even number of icons because it looks good, but it’s not a rule. Six icons in two rows of three is an option often used. The icon menu often occurs in apps and is extremely familiar to most users. By placing the icons at the bottom, you leave plenty of space for a nice visual on your main screen, as you can see in the app of DJ Markus Schulz.
Do you have more items than you can fit on the main screen? Then the user has to swipe to the following page. Or you accommodate multiple building blocks under one icon. In this way you can combine Facebook and Twitter under one Social Media icon.
In this menu you have to take the limited space for text under your icons into account. So don’t give your building blocks very long names. Words like Discography or Facebook are okay, but a phrase like The Facebook Stories of Appie Appstra is too long to put under an icon.
Do you have lots of items you want to display? Then the list menu may be an option for you. As the name says, you get a menu comprising a somewhat longer list of topics. In this way you can accommodate more items on your main screen and the names can be longer. Thus in Friesland’s Watersport app there are nine items like Mooring and coming alongside and Guidelines while sailing. This is very convenient if you use a lot of building blocks and longer names. You can choose a list menu with just text or icons. The Amsterdam Dance Event app only has text. And you can certainly see that there’s no chance of a text-only version looking boring – you’ll have plenty of typographical options at your command.
This type mainly has images – in most cases photos, but other illustrations are possible. The Hotel Tjaarda app is a neat example of an image menu, with the larger photos making it look stylish and luxurious. The photos can be in a single row covering the screen, or side by side in a double row. Do remember that you need fairly large photos to ensure good visibility.
This option has a menu at the bottom of the screen, usually with five items. It’s a very typical iOS menu, so it’s familiar to iPhone users. If you have more than five items, they’ll be displayed in the next screen. Because the first five are always at the bottom of the screen, the rest will be in a second screen in a list at the top. Your five fixed items do take up screen real-estate, but the advantage is that they are permanently visible and available.
The app always opens with the first menu option of the five. This could be a drawback, but you can use it to your advantage. For instance, if the latest news items are an important feature in your app, you can ensure it always opens with News in the first position.
This menu is less suitable for Android smartphones, because these use hardware buttons at the bottom of the screen.
It must be obvious by now that the sky’s the limit when it comes to navigation. But always bear your app’s users in mind, ensuring that they receive the information as conveniently as possible. This will entice them to tap further. On one hand it’s great if similar information is grouped, but on the other you don’t want too many submenus. Then a user would have to do too much to get to the information. Keep a good balance in mind. Fortunately with AppMachine you can always view and test your choices immediately on your smartphone.
If you want even more possibilities for modifying the navigation of your app, that’s possible with the more extensive options of the Designer or Developer subscriptions. Here you can modify the menus down to the last pixel. We’ll discuss all the ins and outs of this in a later article.