Shop Mobile More Submit  Join Login
Metro Desktop Concept by BoneyardBrew Metro Desktop Concept by BoneyardBrew
Background Information
This is a concept I made based on Microsoft's Metro UI. This concept brings Metro to the desktop and includes something I would love to see in future versions of Windows.

Windows - Social Sidebar
A Social Sidebar has been integrated into the desktop, which can be shown or hidden by clicking on the gradient strip on the right-hand side of the sidebar. When opened, you can easily view and interact with any social network you choose. I left Twitter selected as an example. I feel that this would be something nearly every Windows user would make good use of.

Windows - Taskbar
The taskbar is mostly the same, and you would have the option to combine applications and hide labels ala Windows 7. I just feel that the expanded text view would better match the Metro design. The Photoshop picture popup represents the preview of that particular window, I left it blank in this concept.

Steam - General Information
Also included in this concept is a Metro version of Valve's Steam platform. It basically takes all it's cues from the Zune Software by Microsoft, and follows the exact same design.

Steam - Friends List
The friends list is a little mashup of my own that uses a mini picture that the Zune Software uses for the album art to show your friend's avatars. I tried to integrate the side gradient in a feasible way by putting it behind your information making it easily recognized and discernible from your friends.

Steam - Chat Window
The chat window is fairly simple, and has the options Steam currently has built-in. You can toggle between multiple conversations by selecting the name of the friend you would like to chat with in the titlebar.

It took a lot of time to make this concept, but I feel that I did a decent job accomplishing my goal; bringing Metro to the desktop while keeping usability in-tact.

Note: Those tweets are not real, regardless of how much I wish they were. :(
Add a Comment:
 
:iconalefen36:
alefen36 Featured By Owner Dec 28, 2014
have you this windows theme ?looks like awesome!!
Reply
:iconalefen36:
alefen36 Featured By Owner Dec 28, 2014
i really like this!!  When can use it? :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jan 3, 2015  Hobbyist Interface Designer
I don't have any plans to make this a reality. :(
Reply
:iconjamie19ization:
Jamie19ization Featured By Owner Dec 4, 2012  Student Digital Artist
looks great! You should implement this into an actual theme for steam...i would love that :D
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 4, 2012  Hobbyist Interface Designer
At one point the MetroTwit theme looked more or less exactly like this. It's outdated now, though.
Reply
:iconyonkersandme:
Yonkersandme Featured By Owner Feb 16, 2012
How do i do download this -_?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Feb 17, 2012  Hobbyist Interface Designer
Sorry, it's just a concept! :(
Reply
:iconeverybodylies2:
EverybodyLies2 Featured By Owner Jan 27, 2012
интересная идея
Reply
:iconshanesemler:
shanesemler Featured By Owner Aug 28, 2011  Professional Digital Artist
This is cool and would make sense. But the Windows 8 previews I've seen just have a touch-based metro interface and when you use desktop applications, it just switches to Aero. :/
Reply
:iconmaster260:
MASTER260 Featured By Owner Aug 21, 2011
Good news! Microsoft decided to make Windows 8 based on Metro! (Along with the newest versions of everything they make.) Bad/good news, (depending on how you look at it,) they took it in a completely different direction than you did! Now what do you think about that? xD
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Aug 21, 2011  Hobbyist Interface Designer
Yes, very good news! I actually love what they did.

When I did this redesign I took what we had now (Aero) and made it Metro. What they did was think out of the box and make it more of a Windows Phone 7 experience on your desktop. I can't wait to try it!
Reply
:iconmaster260:
MASTER260 Featured By Owner Aug 21, 2011
Actually, this looks a little like the non-glass version of the Aero Lite theme Win 8's gonaa include, but, whatever...
Reply
:iconhannibalector:
Hannibalector Featured By Owner May 17, 2011
You should sooo get hired by Microsoft! ;D
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 17, 2011  Hobbyist Interface Designer
Thank you so much!
Reply
:iconrock0:
Rock0 Featured By Owner Apr 6, 2011   Interface Designer
Fantastic! Love the concept! :D :D
Reply
:iconmukuroko:
Mukuroko Featured By Owner Mar 12, 2011
beautiful
Reply
:iconbassultra:
BassUltra Featured By Owner Dec 20, 2010  Hobbyist Interface Designer
One more thing I would like to ask: When an item in the taskbar is selected or hovered (like a minimized task), does it change its background color? Or is it still white? If it doesn't change, how will you know what you've clicked on in a notification area if there is no visual indicator of it being selected?
Reply
:iconreksveks:
ReksVeks Featured By Owner Nov 29, 2010
awesome love the steam skin, don't know if steam can be skinned but will go google it now.
Reply
:iconbassultra:
BassUltra Featured By Owner Sep 10, 2010  Hobbyist Interface Designer
Why is there no notification area and why is the search where the notification area is supposed to be?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Sep 10, 2010  Hobbyist Interface Designer
You know, that's one thing I overlooked with this concept. I am terrible at designing icons, so I try to avoid it anytime I can.

Thanks for pointing that out though.
Reply
:iconsevenposses:
Sevenposses Featured By Owner Sep 2, 2010  Hobbyist Traditional Artist
it looks awesome, but umm is this going to be released as a windows 7 theme?
Reply
:iconisaac-weyard:
Isaac-Weyard Featured By Owner Aug 27, 2010
What kind of drop shadow are you using?
Reply
:iconwojtekmaj:
wojtekmaj Featured By Owner Aug 13, 2010  Hobbyist General Artist
I deserve it so much
Reply
:iconequinox31:
Equinox31 Featured By Owner Aug 4, 2010
Great. If you can, plz do a Win 7 style, it would be fucking great :D
Reply
:iconpap3rclips:
PAP3RCLIPS Featured By Owner Jul 24, 2010
Wow, this is pretty funny. I'm also creating a Metro theme for Win7 and we have a lot of very similar ideas. Great minds think alike. lol
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jul 24, 2010  Hobbyist Interface Designer
I actually don't know how to make themes for Windows 7, so unfortunately mine will remain a concept.

I can't wait to see your theme though!
Reply
:iconpap3rclips:
PAP3RCLIPS Featured By Owner Jul 25, 2010
Ah, that is unfortunate. I'll publish my concept tonight. Theme building has become easier with Windows 7 Style Builder. You should try it sometime.
Reply
:iconbloker:
Bloker Featured By Owner Jun 15, 2010
did you submit this to Microsoft or yet? i think you should!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 15, 2010  Hobbyist Interface Designer
I don't really know where I could send it.

I did post it on Twitter and direct it to a few Microsoft employees though. :D
Reply
:icondominek95:
Dominek95 Featured By Owner Jun 9, 2010
One word - I want it! :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 10, 2010  Hobbyist Interface Designer
Me too =P
Reply
:iconuupis:
Uupis Featured By Owner Jun 2, 2010
Oh wow, it would be so awesome if this was real!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 2, 2010  Hobbyist Interface Designer
Thanks! :)
Reply
:icon0x10de:
0x10de Featured By Owner May 30, 2010
Looks awesome, hope I can use it soon :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 2, 2010  Hobbyist Interface Designer
Thanks! Unfortunately it's only a concept though. :(
Reply
:iconisaac-weyard:
Isaac-Weyard Featured By Owner May 26, 2010
Love metro ui. I love this, gotta say. I wish it was a legit windows skin. What fonts did you use?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 26, 2010  Hobbyist Interface Designer
I mostly used Zegoe UI Semibold and Light weights. I used Segoe UI on a few parts as well if my memory serves me right.
Reply
:iconijmm:
ijmm Featured By Owner May 21, 2010
Perfect!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 21, 2010  Hobbyist Interface Designer
Thanks!
Reply
:iconsavagealien:
savagealien Featured By Owner May 17, 2010  Student
What font is used in the steam mockup?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 18, 2010  Hobbyist Interface Designer
Zegoe UI Semibold.

Segoe UI Semibold could also be used as a substitute since both fonts look very similar.
Reply
:iconsarkdog:
Sarkdog Featured By Owner May 12, 2010
Could I try to create a steam theme using this concept?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 25, 2010  Hobbyist Interface Designer
Sure, you're more than welcome to.

Keep us updated on it's progress; I can't wait to see it when it's done!
Reply
:icononlywish:
onlywish Featured By Owner May 9, 2010   Photographer
i need to download this. can anyone please tell me how? thks.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 9, 2010  Hobbyist Interface Designer
Sorry, but this is also just a concept. :(

I'm glad you like it though. :)
Reply
:icononlywish:
onlywish Featured By Owner May 10, 2010   Photographer
this is just evil! :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 10, 2010  Hobbyist Interface Designer
It torments me daily as well. =P
Reply
:iconmusicislife1995:
musicislife1995 Featured By Owner May 5, 2010
i really love this! i love how it's all based on the same theme, now i know that sounds like a ridiculously obvious comment but i'll explain.

in some themes, some of them aren't carefully thought out and you sometimes get other programs that look default, and stray from the design even in concepts! but this looks amazing! i love the simplicity, but how it looks modern and elegant all at the same time :)

just wish it was real!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 5, 2010  Hobbyist Interface Designer
Thank you so much for the comment!

That's what Metro is all about, everything should be consistent, simple, but attractive and easy on the eyes at the same time.

Thanks again!
Reply
:iconmusicislife1995:
musicislife1995 Featured By Owner May 6, 2010
its good, because you get some themes or concepts that the white is just too harsh. but with this one you have flashes of colour and the greys make it modern, breaks it up a bit but also make it relaxed :)

to make it perfect or look perfect like that is quite difficult, and you nailed it.

your welcome! :)
Reply
Add a Comment:
 
×




Details

Submitted on
April 25, 2010
Image Size
2.0 MB
Resolution
1920×1200
Link
Thumb
Embed

Stats

Views
33,711 (6 today)
Favourites
146 (who?)
Comments
86
×