Skip to main content

Windows 8 Metro style Reddit client.

Recently though, there's been a lot of buzz about Windows 8 and the Windows Store for downloading third-party apps.

Microsoft's Metro design language, which was first introduced with Windows Phone 7, and will be the centrepiece of Windows 8, is a total rethink of how Windows looks, feels and behaves: so it's an exciting time for developers!

With the launch of Windows 8 only months away, we decided we wanted to get our feet wet and start developing an app for Windows 8. It had to be something that wouldn't take a year to develop, not too complex, but also something we would use ourselves.

In other words, what is the first app that we would want to download at the launch of Windows 8?


Well, we're all pretty big fans of Reddit and at least a few of us are hooked on the Alien Blue client for iOS (if you use Reddit and have an iOS device, go get it now and go PRO). So, we decided a great way for us to jump into Windows 8 development would be through a Reddit client!

After a few design sessions we came up with a vision for how it might be realized, and here are the resulting mockups:

Desktop Tile.


We toyed around with different ideas for tiles, but decided to go with a static, non-live tile for now. We could change this in the future, but we are a bit concerned about the possibility that too many active tiles might make your Windows 8 desktop look like a late '90s-era Geocities page. If this fear is misguided, let us know.

Front Page.


Taking our queue from Microsoft's Metro-style apps, posts are displayed as individual tiles. These tiles display an image (when possible), title, subreddit, post and comment counts. By swiping left and right, you can view the content based on the different filters (What's Hot, New, Controversial, Top, Saved).

Tapping/clicking on any tile brings you into a specific post view with a preview of the link (when possible) and comments. From here you can choose to open the link in Internet Explorer (see PDF below for more detailed mockups).
-->

My Reddits.


When browsing "My Reddits", each page contains a different one of your subscribed-to subreddits with a selection of the first 7 posts. Tapping/clicking the subreddit name or "See more" button brings you to the subreddit view...

Subreddit.


... which is similar, but displays only posts from that specific subreddit on each page.

Photo/Image View.

There would be an option to browse image threads in a gallery format. Tapping an image would either show a larger preview (if possible) or open it directly in IE. Tapping the comment would bring you to the Comment view.


Managing Subreddits.


The Manage page allows you to easily search for new subreddits, and add or remove existing ones.

For a much more thorough overview of the design and interface navigation, you can check out our full design doc (PDF).

Keep in mind that this is a vision of how our Reddit app on Metro could look. Some features were left out, and we're admittedly newbies when it comes to Windows 8. If you have any feedback for us, please let us know in the comments or contact us. We welcome suggestions, questions, and best of all, brutal honesty.

www.zanox.com

If you liked this article, subscribe to the feed by clicking the image below to keep informed about new contents of the blog:

windows_xp

Labels:

Comments

Post a Comment

Do not insert clickable links or your comment will be deleted. Checkbox Send me notifications to be notified of new comments via email.

Popular posts from this blog

Windows Media Player 12 Themes for Windows 7

Bored of your default Windows Media Player Skins?. Grab some fresh and new Windows Media Player 12 themes for Windows 7 ! Windows Media Player 12 Codecs Windows Media Player 12 comes with support for DivX and MP4, but it still lacks supports for many other video formats. (amr | mpc | ofr | divx | mka | ape | flac | evo | flv | m4b | mkv | ogg | ogv | ogm | rmvb | xvid)ù A popular codec pack can be downloaded here and here . Windows Media Player 12 Skins The following skin packages includes some really awesome themes for your Windows Media Player: Alienware Theme Batman Theme Catwoman Theme Darkstar Theme Half-Life Theme Halo 2 Theme The Last Samurai Theme Stalker Theme XBOX Theme XSN Sports Them Download Windows Media Player Themes Pack 1 (70 Skins) Download Windows Media Player Themes Pack 2 (12 Skins) New Year Theme 2010 for Windows 7 This theme can be downloaded for free from uploaded.to Custom Search If you liked this article, subscribe t...
Post a Comment
Read more

Windows 7 Themes.

Windows themes always seem to be a big hit. With the launch of Windows 7, the themes for Windows 7 have been in high demand.  These themes are free, both on Microsoft's part and the other ones as well.  Windows 7 has been developed keeping in mind the different points of views of the users and the commentators, because it's very easy to use and light to carry.  I've created a compilation where you can find many Windows 7 (W7) themes.  Take a look at some of these themes, some are really attractive based on Windows 7 and others are based on games, cars, vehicles, animations, just to name a few. Enjoy! Windows Strata40 Download Info of Windows Strata40 Blaque :: Final:: Download Info of Blaque :: Final:: Winter Mac Theme on W7 Download Info of Winter Mac Theme on W7 Sonye Theme for Win7 v2 Download Info of Sonye Theme for Win7 v2 Elegant-Glass-V2 Download Info of Elegant-Gl...
Post a Comment
Read more

Windows 7 Keyboard Shortcuts.

Keyboard shortcuts are combinations of two or more keys that, when pressed, can be used to perform a task that would typically require a mouse or other pointing device. Keyboard shortcuts can make it easier to interact with your computer, saving you time and effort as you work with Windows and other programs.  Most programs also provide accelerator keys that can make it easier to work with menus and other commands. Check the menus of programs for accelerator keys.  If a letter is underlined in a menu, that usually means that pressing the Alt key in combination with the underlined key will have the same effect as clicking that menu item. Pressing the Alt key in some programs, such as Paint and WordPad, shows commands that are labeled with additional keys that you can press to use them. Dialog box keyboard shortcuts. The following table contains keyboard shortcuts for use in dialog boxes. Press this key To do this: Ctrl+Tab Move forward through tabs...
Post a Comment
Read more