Looks awesome, Josh! Interesting that you took an Instagram-style approach by putting a button in the tab bar. With this dark of an interface, maybe you should use a dark bar at the top.
Thanks Christopher. Ya the dark status bar actually caused the top to look really cluttered with so much white text on a dark background. The white gave a nice visual cut of where the top of the app is.
@Adi: At this point its just a visual brainstorm based on an upcoming new release of EarthAid.net. Nothing at a point of release.
@Louie: Dont leave me hanging! ;) I'd be interested in hearing your reasoning against. Definitely nothing is set in stone here so all input is welcome! :)
@Josh, mixing metaphors. Tabs and actions shouldn't sit together in a tab bar.
Perhaps you could try something like a normal toolbar with segmented buttons for the "tabs" and a different button entirely on the side for the "center" action. Check out Calendar.app and Maps.app's bottom bars. The tab bar is for switching views, not performing an action.
@Louie, thanks for the follow up! Definitely see the reasoning now. In this case the "action" would be less of a single based step and is more of another view than anything having a layer of accommodating actions. The term "snap action" as used in the mockup is a defined term of the product with 'action' being referenced as a noun as opposed to a verb. I'll see what I can tackle though with the recommendation provided. Definitely brought up a good point. Thanks man.
The functionality of the 'Snap Action' button reminds me of the 'Check-in' button on the Gowalla app. I like it and think it does a good job calling out a specific function the app is intended for.
45 Responses (page 1 of 2)
Pro
Josh Hemsley
Just preparing EarthAid.net for the possibilities of the future...
over 2 years ago
Looks awesome, Josh! Interesting that you took an Instagram-style approach by putting a button in the tab bar. With this dark of an interface, maybe you should use a dark bar at the top.
over 2 years ago
Pro
Josh Hemsley
Thanks Christopher. Ya the dark status bar actually caused the top to look really cluttered with so much white text on a dark background. The white gave a nice visual cut of where the top of the app is.
over 2 years ago
Nice looking app.
over 2 years ago
Pro
Rich Hemsley
Dude, this is sexy.
over 2 years ago
Pro
Shaun Moynihan
Nice work... especially the Verizon 3G =)
over 2 years ago
Pro
Adi Hezral
what app is this?
over 2 years ago
Pro
Louie Mantia
For what it's worth, I think putting an action in a tab bar is a very bad idea.
over 2 years ago
Pro
Josh Hemsley
Thanks guys.
@Adi: At this point its just a visual brainstorm based on an upcoming new release of EarthAid.net. Nothing at a point of release.
@Louie: Dont leave me hanging! ;) I'd be interested in hearing your reasoning against. Definitely nothing is set in stone here so all input is welcome! :)
over 2 years ago
Pro
Joel Helin
Love the vibes you've got going here. This is the amount of pixel-love I'd like to witness in every app.
over 2 years ago
Pro
Jord Riekwel
Pixel perfect!
over 2 years ago
Pro
Kyee
fucking beauty!
over 2 years ago
Tasteful!
over 2 years ago
Lovely but not sure about the icon used for 'tips'. Doesn't really say what i see.
over 2 years ago
Pro
Louie Mantia
@Josh, mixing metaphors. Tabs and actions shouldn't sit together in a tab bar.
Perhaps you could try something like a normal toolbar with segmented buttons for the "tabs" and a different button entirely on the side for the "center" action. Check out Calendar.app and Maps.app's bottom bars. The tab bar is for switching views, not performing an action.
over 2 years ago
Pro
Josh Hemsley
@Louie, thanks for the follow up! Definitely see the reasoning now. In this case the "action" would be less of a single based step and is more of another view than anything having a layer of accommodating actions. The term "snap action" as used in the mockup is a defined term of the product with 'action' being referenced as a noun as opposed to a verb. I'll see what I can tackle though with the recommendation provided. Definitely brought up a good point. Thanks man.
over 2 years ago
Pro
James ✌
This is looking awesome!
over 2 years ago
Pro
Shaun Moynihan
The functionality of the 'Snap Action' button reminds me of the 'Check-in' button on the Gowalla app. I like it and think it does a good job calling out a specific function the app is intended for.
over 2 years ago
Uhm. Wow.
over 2 years ago
Okay, so i just looked at this a few minutes later, and I'm still having problems collecting my jaw off the floor.
My ONLY point of question is, why is the top most > bigger than the others? Feels so weird.
over 2 years ago
Why can't all apps look like this?!?!
over 2 years ago
Pro
Josh Hemsley
Thanks guys & gals.
@Bryan: Already on top of it. :) Rubbed me the wrong way as well.
over 2 years ago
Pro
Joseph Silva
Wow... love it!
over 2 years ago
Pro
Morgan Allan Knutson
Looks pretty cool.
over 2 years ago
Still looking at it. Still beautiful.
over 2 years ago