Showing posts with label design. Show all posts
Showing posts with label design. Show all posts

Sunday, August 7, 2011

gPodder QML Mock-ups by wazd, part 2

Here's the second part of our mock-up collection for gPodder's QML UI (part 1 here). Let's start off with two more recent designs: One for the bottom media player and the "tab" to pull it up (the tab would always be visible while something is playing) and the other for the episode actions, which is something that I though would be good to have in addition to the context menu - the episode actions will put the most important actions (download, delete, play, stream, shownotes) into view when an episode is selected from the list:


Next up are two more of these green-ish mock-ups, where one has a different style of playback control buttons for the audio player widget, and the other one is an example of how the settings view could look like in the new style (again, this was before any of the Harmattan UI style guidelines have been published, so the design is very unique and doesn't take into account the availability of Qt Components yet):


And finally, here is a mock-up of a possible "Summary" view, summarizing what's new and also suggesting some new podcasts that might be interesting for you, based on existing subscriptions. This is not implemented yet, but it could be added at some point with a more deeper integration with gpodder.net, which already provides podcast suggestions and a tag-based podcast directory:


Thanks for your interest, and stay tuned for some updates regarding gPodder itself (for N8x0 users, N900 users and N950/N9 users as well) in the next days!

Wednesday, August 3, 2011

gPodder QML Mock-ups by wazd, part 1

Andrew Zhilin has been creating awesome mock-ups for the last few months for gPodder's new QML UI. Back in December 2010, Andrew started with the first mock-ups based on the screenshots from meego.com:


After that, we decided to go a step further and make it look even more futuristic (this was partly inspired by Metro - two months before #feb11). Most of the title bar and podcast list design have been kept (although evolved) in the current design. This is also the first time that Andrew integrated the playback feature into the mock-ups - a player "widget" that can be pulled down. In the current version, it's still a widget that can be brought in with a tab, but it's placed on the bottom:


And here are two more of these rare mock-ups - the first one was a suggestion for the main menu (something which we don't have at the moment - the "main view" in gPodder/QML currently is the podcast list, with buttons in the title bar for more actions). The second one is also a very unique design in my opinion - I especially like the vertical progress bars, and the slick black-and-gray color tones. The gray rectangle at the top of the second mock-up was just a placeholder for the window manager's title bar:


Stay tuned for more mock-ups by your favorite Russian designer in the second part. Also, the real implementation of gPodder/QML is progressing nicely. Expect some additional updates on this in the next days, too :)

Tuesday, September 8, 2009

gPodder on Maemo 4 gets a facelift

I finally got around to redesign parts of the dialogs in gPodder for Maemo 4, because some dialogs were still not really finger-friendly and usable. It's still a work-in-progress, but it looks really slick already and the whole UI is completely finger-friendly.

Let me show you some highlights (gPodder 0.17.0 is the current version available in Maemo Extras and "some old version" is from April 2008):


Pretty icons and slicker UI for the main window (compared to the same window in gPodder 0.17.0 and some old version).


The updated podcast directory dialog allows easy discovery of new content (compared to the same dialog in gPodder 0.17.0 and some old version).


The new episodes dialog shows more text and has finger-friendly rows (compared to the same dialog in gPodder 0.17.0 and some old version).


You will be able to filter the episode view and only show downloaded or unplayed episodes (a new feature!).

The complete set of screenshots can be found on Flickr.