I don't think it's oversized at all. I like to have the space to tap a button instead of wishing I hit the right one. I do agree an active button state might add value. Besides that, this is looking gorgeous and has a lot of personality imo.
never a fan of using sliding animation for mobile devices as most of the time the animation will appear staggered and slow to load. A simple show/hide function I feel works better!
Thanks for all the love and feedback you guys! Pressed state for the menu icon is a legit feedback. However, I do not agree with some of the comments regarding the menu being overkill, too big or unnecessary for 4 items, and here's why:
I'm not only designing a mobile experience for my portfolio site to be just responsive and functional, but I want the experience to be as simple and smooth as possible. I guess I'm trying to make up for the fact that I've had the most unresponsive site in the world for a year now. I do agree the menu is big, it's tall but not really. What I mean by that is, I designed the height for a menu row roughly 70px tall in 1x. Since this is about 26px taller than Apple's optimal tap target area, I was never convinced with the optimum to start with. I'm sure there's a good amount of research behind it, but I'm also sure coming up with these optimums, they would need to consider bunch of limitations. That being said, I don't have majority of these limitations designing my "portfolio" website. So I guess what I'm saying is, people who think the menu is a bit tall are not wrong. But it doesn't make my conscious decision of making the menu tall wrong either. It was just after a quick thought weigh-in and understanding I don't have the limitations Apple has building their platform and foundation. I have 4 items, and I don't want people to zoom in to be able to tap on those targets. I will stop mumbling now.
Cheers to all of you who took time to give me feedback here, I really appreciate it. Group hug.
I wish Dribbble was used more like this thread. The feedback and hearing @Kerem Suer's response was very valuable, both in making him think about why he's doing what he's doing and to other designers looking at his thought process.
(also I realize the irony of not providing feedback with this post; however, i mainly going to mention the active state and say the header nav shadow looks slightly harsh and not as smooth as it could be, but it could be because it's small)
33 Responses (page 1 of 2)
I'm alive.
3 months ago
Cool effect, but the hamburger is a bit oversized? I would definitely give the icon an active state too.
3 months ago
I like the effect - simple and works well.
I agree with @Christian Philippsen that the icon should have an active state.
Another thing to consider is to show the current page as highlighted or omit it entirely from the nav
3 months ago
Awesome work!
3 months ago
I want to tap that.
3 months ago
fat finger friendly :)
3 months ago
good clean no fuss stuff!
3 months ago
cool :)
3 months ago
Seems like overkill for four nav items.
3 months ago
Neat ;)
3 months ago
I agree with @Christian Philippsen . But it's very nice. Awesome work.
3 months ago
Goood
3 months ago
I don't think it's oversized at all. I like to have the space to tap a button instead of wishing I hit the right one. I do agree an active button state might add value. Besides that, this is looking gorgeous and has a lot of personality imo.
3 months ago
never a fan of using sliding animation for mobile devices as most of the time the animation will appear staggered and slow to load. A simple show/hide function I feel works better!
3 months ago
"Send File to Dropbox"
3 months ago
I would ditch the extra tap and just have the links beside your logo. I personally don't think there are enough links there to need a drop down menu.
3 months ago
Still getting the old version here.. same url?
3 months ago
Nice one, maybe just a pressed state on the top right would help ?
3 months ago
Nice work, tit neck.
3 months ago
Thanks for all the love and feedback you guys! Pressed state for the menu icon is a legit feedback. However, I do not agree with some of the comments regarding the menu being overkill, too big or unnecessary for 4 items, and here's why:
I'm not only designing a mobile experience for my portfolio site to be just responsive and functional, but I want the experience to be as simple and smooth as possible. I guess I'm trying to make up for the fact that I've had the most unresponsive site in the world for a year now. I do agree the menu is big, it's tall but not really. What I mean by that is, I designed the height for a menu row roughly 70px tall in 1x. Since this is about 26px taller than Apple's optimal tap target area, I was never convinced with the optimum to start with. I'm sure there's a good amount of research behind it, but I'm also sure coming up with these optimums, they would need to consider bunch of limitations. That being said, I don't have majority of these limitations designing my "portfolio" website. So I guess what I'm saying is, people who think the menu is a bit tall are not wrong. But it doesn't make my conscious decision of making the menu tall wrong either. It was just after a quick thought weigh-in and understanding I don't have the limitations Apple has building their platform and foundation. I have 4 items, and I don't want people to zoom in to be able to tap on those targets. I will stop mumbling now.
Cheers to all of you who took time to give me feedback here, I really appreciate it. Group hug.
3 months ago
I wish Dribbble was used more like this thread. The feedback and hearing @Kerem Suer's response was very valuable, both in making him think about why he's doing what he's doing and to other designers looking at his thought process.
(also I realize the irony of not providing feedback with this post; however, i mainly going to mention the active state and say the header nav shadow looks slightly harsh and not as smooth as it could be, but it could be because it's small)
Great job, Kerem.
3 months ago
I love it buddy. This header looks great, and probably very easy to use and reach. Keep it up.
3 months ago
Big buttons ftw. I've never felt that 44px felt comfortable.
3 months ago
@Kevin Jones You should jump on Hunie then!
3 months ago
That a new logo?...
3 months ago