Back to all native app projects

Tile menu exploration for Uncover

Uncover is the service dedicated to curated dining experience and targeting last minute bookings. Discovering a new venue is very important to the user so there's a task to improve the tile menu with categories.



Responsibilities

Explore new design of the home page.

A mock up of the home page in the iOS device shell.

There are 14 categories in the menu which can become the part of the grid. To make the menu screen bold each card could have irregular height and width. Larger units can be sold for ads or used to promote a certain category.

Option 1 - each card has regular corners, 1 wide cell and 6 smaller ones so 7 cards create repeatable pattern.

Option 2 - each card has rounded corners, no wide cells, 6 cards create repeatable pattern, to locate 14 categories 2 cards have the same height.

Option 3 - challenging from implementation support perspective but unique from the design point of view, slanted shape is consistent with the app logo and other slanted UI elements in the app.


Wireframes of how tile menu can be displayed.
Visual design of how tile menu can be displayed.

Visualization shows that users will need to scroll 3 times in design option 3 and just 1 time in design option 2. Aesthetics vs usability is the choice designers always have to face.

A mock up showing how user can access other categories in the menu. User clicks on the
'Discover' tab in the tabbar, opens the menu, clicks on 'New to Uncover' category and selects the menu from the list.
An example of interaction design when users navigate to the menu and select the venue.

LinkedIn Medium