With Wunderlist Pro we introduce an new UI element, the Action Bar.
As we integrate Wunderlist deeply in our daily workflow, we discover a lot of things we want to improve and simplify. One specific problem we faced was a missing toolbar for quick access to important functions. The solution we came up with gives us the same possibilities like a normal toolbar, but in a smarter way.
To keep the focus on the list itself, the bar is hidden until you enter the bottom part of the window. So, all important actions are right there when the user needs them, but don’t distract from the main content.
We also grouped similar actions in some kind of a drop down interface to be able to show text labels for better explanation of the options.
No matter what device the user has, all clients will feature the Action Bar in mostly the same way with just slightly different interactions to access it.
So if you want to learn more about Wunderlist Pro and the Action Bar, head over to our site: Wunderlist Pro
12 months ago
Good action bar but better website design.
Thanks man, we worked hard on the app and the website, glad you like it!
I just don't like it in iPhone app. It's like something else what just don't fit in it. Maybe too dark or etc. This particular is ok, but the small icon what opens the action bar in iPhone app is not very sexy :P
One question: what's the rationale behind hiding it in the first place? (also, nice work and all that stuff :)
Thanks guys for your feedback, really appreciate it!
@Matej Hrescak Our goal was to provide important actions right then when the user needs them, but don’t clutter the interface with buttons. The focus should always be on the content itself and not on functional UI elements.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.