Shop Mobile More Submit  Join Login
Exploration: The Metro Broswer by clindhartsen Exploration: The Metro Broswer by clindhartsen
Taking cues from the Zune HD, as well as the Windows Phone, the Metro Browser is a conceptual idea of what a pure translation of the mobile browsers on either device would possibly look like in the Windows setting.

Featuring the larger back and forward buttons from the present beta of IE 9, the largest piece to the browser would be pushing down the chrome to simply being a dimmed overlay for the top section for the page title/address location, plus the use of simple pop-ups for Favorites, as well as settings, which will be explored further.

If you were to get something like this on Windows, do you have any additional things which should be added to the concept? Or changed?

**Edit #1: Adjusted location bar/tabs, modified tabs, scrollbars
Add a Comment:
sidamed Featured By Owner Jan 1, 2013  Student Photographer
Forrestdf Featured By Owner Nov 5, 2012  Student Interface Designer
I like it.
Tintinytdj Featured By Owner Aug 24, 2012  Hobbyist Digital Artist
I can see this boomin' in the wind.
jorgemama94 Featured By Owner Apr 11, 2012
I love make it in my w7?
Lumen-Melano Featured By Owner Sep 19, 2011
Nice. I've always felt Engadget perfectly suits the Metro design philosophy.

PS: I've been pointing people to your mockups to show the haters how good the Metro UI can look.
XuHaibo Featured By Owner Aug 25, 2011
Looks like IE10
suyashsrijan Featured By Owner Aug 8, 2011
Mine is a real working one. Check my profile!
Yggdragon Featured By Owner Jul 22, 2011
I love this. My style. Nice and clean.
Ed1H3r0 Featured By Owner Jul 17, 2011  Hobbyist Digital Artist
Hope someone makes firefox theme...
Genedon Featured By Owner Jul 1, 2011  Hobbyist Artist
This is completely possible with Firefox and Less Chrome add-on, hope someone with enough skill will see this. Very refreshing idea.
aufa333 Featured By Owner Jul 1, 2011  Hobbyist General Artist
i like this viewer so dam much ,i may have some ideas
1-what if u moved the max-min-close tab as a separate tab to the top of the window.
2-what about just having a scroll bar without the gray bg 'not sure how it will end up' ,or maybe narrow the bg to the same width of the bar.
3-the back and forward button ,are both active/inactive are white ? if yes ,why not making the inactive as gray 'i think it makes more sense this way'

but away from all of that i just ADORE it. hopefully u'll release it soon.
picaccino Featured By Owner May 29, 2011  Hobbyist Digital Artist
next generation of IE? total luxury.. chrome-killer design!
Commander-jao Featured By Owner May 26, 2011  Student General Artist
looks so nice
evilsushi74 Featured By Owner Apr 26, 2011
Looks great! nice translation to a useful presentation. One thing that would be interesting to see is maybe a more finger freindly and metroized close, maximize and minimize buttons. I was thinking maybe putting a circle around them and slightly enlarging the close button to mimick the style of the back and foward buttons... What do you think.
Deviatore Featured By Owner Mar 22, 2011
You know it is possible to make Google Chrome like this. They plan to integrate Address Bar and Tab Bar. Maybe then someone can come up with this theme?
ansonruk Featured By Owner Mar 17, 2011  Professional Interface Designer
that's broswer what i really wanna try,i like its simplicity
Bonkietje Featured By Owner Mar 16, 2011  Hobbyist Interface Designer
I like this concept, but I really can't understand how I could move this window on my screen?
But how big is the chance that the Internet would be changed by apps?
Imagine! xXD
evilsushi74 Featured By Owner Apr 26, 2011
three finger move
yankoa Featured By Owner Mar 13, 2011
Small world - I has the almost same idea - [link]

A little bit different, but metro in the core :D
Pseudowhis Featured By Owner Mar 13, 2011   Digital Artist
I like the idea of a Quicktime style disappearing interface, but putting it all in one bar would struggle to be useful after you'd opened more than a few tabs, though I suppose you could always collapse the URL.
TheAgeKay Featured By Owner Mar 13, 2011
If I had something like this on Windows, I would definitely use it!
markedward Featured By Owner Mar 10, 2011  Professional Digital Artist
This is so slick and minimal. As long as it had some sort of add-on support, I would definitely use this.
rajadain Featured By Owner Mar 9, 2011
Wow! This is quite close to the mock-up I made (after being inspired by your earlier work, of course) [link] and [link]
I hope this means that we're all heading towards the same direction of beautiful browsing.
What bothers me about your design is how the top bar (with the url and tabs) overlays over the website. If I want to click, for example, the "coverage by humans" link on top of Engadget, how would I do it? I really like the translucent scrollbar idea: it is the perfect balance between having a vanishing scrollbar (like the iPhone, something I like but feel many won't) and the current "always on" scrollbar. I don't like the flat rectangular scrollbar, but that is part of Metro, so I can't complain much. And when you have tabs for Twitter and Facebook but not Engadget, is that a mock-up oversight or some sort of genuine functionality you forgot to explain?
BusbyBrit58 Featured By Owner Mar 9, 2011
Fantastic work as usual, very creative would love to see your concept's developed into programs one day.
math0ne Featured By Owner Mar 8, 2011
I like it a lot you've got some really good ideas.
joogz Featured By Owner Mar 7, 2011  Student Digital Artist
Brilliant design!
Jackknife35 Featured By Owner Mar 7, 2011
I would definitely use that browser! Absolutely beautiful... I really wanna use it now! xD
clindhartsen Featured By Owner Mar 7, 2011  Professional Interface Designer
If I could do it, I would. I do use IE9 though, which is probably the nearest I'll get to this.
BassUltra Featured By Owner Mar 7, 2011  Hobbyist Interface Designer
I think the most shocking thing is that there are no tabs, and they really wouldn't work with this concept. What about hovering over links? Where would they go, on the overlay toolbar or on the bottom left?

And about the scrollbars, maybe they should be "overlay" scrollbars? Like on mobile devices. Although when you hover over the scrollbars they'll get larger and be easier to grab? I think that would work out really well.
clindhartsen Featured By Owner Mar 7, 2011  Professional Interface Designer
The link's address would probably appear in the bottom right, alike to Chrome.

And on the scrollbars, that's an interesting idea. The one thing I'd want to do personally would make it be more of a click and pull to scroll, vs clicking on the scroll area personally, like if you were touching the screen, except you hold-click and then move your mouse up or down to scroll.

Thanks for the input.
BassUltra Featured By Owner Mar 8, 2011  Hobbyist Interface Designer
Bottom right? I thought chrome's was bottom left. It's been a while since I've tried chrome.

And actually, maybe the link's address should go on the toolbar, beside the settings and favorites button, kind of like in early firefox 4 betas.

Your idea on scrollbars is also interesting. It's kind of like a mouse gesture in a way.
clindhartsen Featured By Owner Mar 8, 2011  Professional Interface Designer
My sense of direction is backwards, so yes, you are correct there.

As for appearing on top, I'm not sure where it would work without appearing that much more complicated.
Dvoracc Featured By Owner Mar 7, 2011  Hobbyist Interface Designer
Looks like a nice start but it doesn't seemed as polished as your usual work (sorry!). There were two things that struct me when I first looked at it:
1) The name/location bar on the top is too hard to read. Making it less transparent might be extremely helpful in usability.
2) The scrollbars seem way too wide. Why not take the route MS has in WP7?
clindhartsen Featured By Owner Mar 7, 2011  Professional Interface Designer
No, not a problem at all. I need to explore the location/name bar further, as well as tabs, plus the scrollbar. The main issue on the scrollbar is making it visible, but not invisible, but not obtrusive, so I'll experiment with a thinner width on a later concept.
danielsherv Featured By Owner Mar 7, 2011  Student Digital Artist
gorgous work!
clindhartsen Featured By Owner Mar 7, 2011  Professional Interface Designer
Thank you.
Add a Comment:


Submitted on
March 7, 2011
Image Size
1.1 MB


10,327 (1 today)
55 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.