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.
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.
Nice looking app.
Dude, this is sexy.
Nice work... especially the Verizon 3G =)
what app is this?
For what it's worth, I think putting an action in a tab bar is a very bad idea.
@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! :)
Love the vibes you've got going here. This is the amount of pixel-love I'd like to witness in every app.
Lovely but not sure about the icon used for 'tips'. Doesn't really say what i see.
@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.
This is looking awesome!
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.
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.
Why can't all apps look like this?!?!
Thanks guys & gals.
@Bryan: Already on top of it. :) Rubbed me the wrong way as well.
Wow... love it!
Looks pretty cool.
Still looking at it. Still beautiful.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter