i am designing an application for android. an important part of it is designing a page to allow users to select stuff (i.e add to cart) from a categorized list of items.
the IA is such that most categories have between 5-25 items in them. However, there are a few categories which have a huge list of items and have hence been divided into sub-categories, each consisting of 10-20 items each. also the categories are not consistent throughout the app but depend a lot on the store.
few general notes: the users would frequently use this app to buy items (say, 2-5 times a week). one order would generally consist of 2-6 items across various categories with possibly multiple quantities of items. the app should be fun to use and interactive
The current method of navigating this is by using scrollable tabs (e.g. like the ones in playstore) i.e. layout #1
note: say category4 has a subcategory, then the list view is replaced by an accordion view
- navigating easily between sections by scrolling without pressing back button
- user research revealed that there is a very mixed response to the scrollable tabs. tech savvy users are familiar and comfortable with it but quite a lot of my user base is also unfamiliar with the scrollable tabs and find it inconvenient
- a common issue with both user bases is that they've to scroll through all the tabs to know which categories are present (since categorization depends on store and is not consistent)
- the UI for this is somewhat unattractive and utilarian
I have thought to replace this with a two page interface as follows (layout2)
note: the navigation between subcategories (when they exist) is done by swiping gestures
- user can see all the categories and subcategories in a single glance without performing additional actions
- the UI can be made visually attractive by using the trendy cards style design theme
- switching between categories is difficult as user has to repeatedly go to the first screen and then back again (this is a major issue and possibly the only thing stopping me from going ahead with this design)
Feedback on this problem is highly appreciated. Feel free to suggest options apart from these two as neither of these are perfect. I would love to see all the various approaches (though please use alternatives to the scrollable tab bar as, although the scrollable tab bar seems like a good option, a significant number of my users have an aversion to it)