2

I am making Zodiac app, and I there are these categories of zodiac in my app:

  • daily horoscope,
  • weekly horoscope,
  • monthly horoscope,
  • daily love horoscope

I am not sure what type of navigation I should use, Navigation Drawer or Scrollabe Tabs:

Scrolabe Tabs pros:

  • visibility
  • easier to access all types of zodiac

Scrolabe Tabs cons:

  • slower loading of zodiac
  • you don't want to read every day weekly or monthly horoscope, just daily and love daily.

Navigation Drawer pros:

  • focus on daily horoscope
  • faster loading of app

Navigation Drawer cons:

  • poor visibility of weekly, monthly and love daily horoscope.

enter image description here

This is how app currently looks without Scrolable Tabs.

1
  • 1
    Beautiful visual design, by the way.
    – SwankyLegg
    May 30, 2014 at 21:43

1 Answer 1

1

There has been a lot of discussion lately about killing the hamburger menu, but before you start diving into what types of design elements you want, you should look at the information architecture (granted, pretty simple in this case) and probably do a bit of research:

  1. How long do you expect users to engage with your app on a daily/weekly/monthly basis?
  2. Do people really care about horoscopes other than their own? If so, how much? If they care about their own, and hardly ever engage with any others, they should be allowed to set their own as default (leading to nav drawer making sense to access settings).
  3. How do people prefer to view horoscopes? Would they prefer to see a list of zodiac signs, then choose duration? Or duration first?

Here are 2 options.
On the left, we assume duration is more important than sign.
When you click an individual sign, you get the detail view for that sign and duration simultaneously.

On the right, we assume sign is more important than duration.
When you click an individual sign, you get the horoscope for that sign at a predetermined duration (I assumed day here, but that may not be what users want most). I'm willing to bet that this is going to better serve users.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

3
  • I also think that second solution is whay better. Detail view + tabs with horoscope duration. What about navigation drawer? Should I use it for accessing settings, about app, rate app and other stuff like that?
    – Zookey
    May 31, 2014 at 11:09
  • That makes sense. You should probably read up on the Android design guidelines for the action bar: developer.android.com/design/patterns/actionbar.html
    – SwankyLegg
    Jun 2, 2014 at 14:55
  • This is an old question, but if you're still looking for an ideal solution, Google's Material Design guidelines for layout are here: google.com/design/spec/layout/structure.html
    – SwankyLegg
    Aug 28, 2014 at 15:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.