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

How to change the size of the touch and on-screen keyboard in Windows 10

Windows 10 PCs come with two keyboard apps, one is the OnScreen Keyboard , and the other is the Touch Keyboard . Basically, you don't need a touch screen to use the on-screen keyboard. It displays a virtual keyboard on the screen and you can use the mouse to select and press the keys. Although the on-screen keyboard app is very useful when we don't have a physical keyboard, its size is always a problem for users. You can move or enlarge the virtual keyboard from the icons in the upper right corner. If you want, you can also easily resize it. Changing the size of the on-screen keyboard is very easy. Type On-Screen Keyboard in your Windows search and run the desktop app, or you can also go via Settings > Ease of Access > Keyboard> Turn on the On-screen keyboard.   To change the size of the on-screen keyboard, move the cursor to the corner and drag it to the desired size. Resizing the touch keyboard is as simple as doing it! Just drag it and resize it us...
Post a Comment
Read more

Designing the Windows 8 touch keyboard.

When we began planning how touch and new types of PCs might work on Windows 8, we recognized the need to provide an effective method for text entry on tablets and other touch screen PCs. Since Windows XP SP1, which had Tablet PC features built in, Windows has included a touchable on-screen keyboard. But those features were designed as extensions to the desktop experience.  For Windows 8, we set out to improve on that model and introduce text input support that meets people’s needs, matches our design principles, and works well with the form factors we see today and expect to see in the future. I’m writing this blog post on our Windows 8 touch keyboard using the standard QWERTY layout in English. As I look at it, the keyboard seems very simple and sort of obvious. This comes partly from having worked on it for a while, but also because keyboards are familiar to us. But there is more here than meets the eye (or, fingertips). We started planning this feature area with no preco...
Post a Comment
Read more

How to install offline .NET Framework 3.5 on Windows 10 using DISM.

Windows 10 comes with .NET framework 4.5 pre-installed, but many apps developed in Vista and Windows 7 era require the .NET framework v3.5 installed along with 4.5. These apps will not run unless you will install the required version. When you try to run any such app, Windows 10 will prompt you to download and install .NET framework 3.5 from the Internet. However, this will take a lot of time. You can save your time and install .NET Framework 3.5 from the Windows 10 installation media. This method is much faster and does not even require an Internet connection. Here is how to install it. How to install offline .NET Framework 3.5 on Windows 10 using DISM. Contents: [ hide ] How to install offline .NET Framework 3.5 on Windows 10 using DISM. To install .NET Framework 3.5 in Windows 10, do the following: Insert your Windows 10 DVD, or double click its ISO image, or insert your bootable flash drive with Windows 10, depending on what you have. Open 'This PC' in File...
2 comments
Read more