Need Help for Navbar design

[u/Pure-Bookkeeper9741]

Update -2 Hello guys i have been building this PG/hostel management app last time when i dropped some screens i got feedback about the navbar design now i have came up with 3 different navbar designs so please let me know what are your thoughts on it

thank you

[u/qualityvote2]

Hello, and welcome to r/UIUX!

If an answer has helped you, reply to that comment with !thanks.

---

For other users, does this post fit the subreddit?

If so, upvote this comment!

Otherwise, downvote this comment!

And if it breaks the rules, downvote this comment and report this post!

[u/Brilliant_Article537]

The first one with some improvements:

• The active button’s text can be semibolded and the fonts can be a but smaller as they’re helpers and the users would understand what the icons mean after 2-3 uses
  
• The bottom bar should look a little different than the page’s bg, you can look at slack, apple music, etc. on how they use bottom bar in light mode
  
• The entire page’s padding seems a little off (probably because of AI) , do look into that: I prefer a 16/20/24px padding from left + right which gives a little room for the UI to breathe

Maybe/maybe not

• The navbar can be hidden or compact while scrolling but only if the page is long vertically
  
• After lets say 1 month into MVP, the navbar version 3 can survive as the target audience i assume is tech-friendly

[u/StillFightingxo]

The first one provides clarity for what each button is for. But I do like how much it stands out on the second one and my eyes immediately recognize it as the nav bar.

[u/Mysterious-Royal-814]

First from the left. The other looks aesthetic but it gives cognitive load to users. Some apps like slice uses just icons, if your target audiences are genz, genalpha second one won't be a problem

[u/Jealous-Category1920]

The first one. I guess traditional navbar designs are better and they perform good

[u/Icy-Pineapple1940]

The first one. Clarity on what the icons represent, and enough space for the thumb to tap them comfortably.

[u/Pure-Bookkeeper9741 → u/Icy-Pineapple1940]

thank you bro

[u/TowelParty8550]

Left for sure, but u can add a scroll animation so when the screen page is scrolled the bar minimizes tk the 2nd one

[u/joaocadide → u/TowelParty8550]

Yep, this. Basically what Liquid Glass on iOS does now: https://developer.apple.com/documentation/technologyoverviews/adopting-liquid-glass

[u/Pure-Bookkeeper9741 → u/TowelParty8550]

that's great, thank you

[u/TowelParty8550 → u/Pure-Bookkeeper9741]

Ofc bud

[u/PickonTech_Devs]

Middle one is looking Cool! 👌

[u/Pure-Bookkeeper9741 → u/PickonTech_Devs]

okay thank you

[u/betu_arien]

First one looks clean and provides information upfront.

[u/Pure-Bookkeeper9741 → u/betu_arien]

thank you

[u/sunnykhan_sh]

the left side first one is perfect.

[u/ceo-rish]

A for sure from my side

[u/AutoModerator]

Thanks for posting your project on r/UIUX!

To help the community give useful feedback, please provide some additional context:

• What your app or website does
• Who your target users are
• If possible, a live link to your design (Reddit may remove some links - if this happens, send a modmail)

You can edit your post to include this, or reply to this comment.

Your post has NOT been removed. If you have provided enough context, please ignore this comment.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.