Shop Mobile More Submit  Join Login
Browser Concept 2 by Rock0 Browser Concept 2 by Rock0
Browser Concept 1




This concept alters and expands on Browser Concept 1 (and 1.1: [link]). Simply put, it's a tad glassier, and the location bar appears below the current tab after selecting it.

It is not as clean as the first concept, but is something to go with.




What do you think of this concept? Do you think it's viable? Let me know in the comments, and we'll make improvements from there.




Attributions: Metalik Glass Theme by Katz93 (katz93.deviantart.com)

Notes: 'iAuth' is a fictional, hypothetical example to demonstrate browser capabilities (in this case, secure file system access permissions); Permission is hereby granted to distribute modifications of this work at any time, on the single condition that the original is attributed (via linkage) to ~Rock0.
Add a Comment:
 
:icondevilishdb:
DevilishDB Featured By Owner Nov 17, 2012
Reeeeeeeeeeally nice. Looks kinda similar to 'compact nav' that came out in Chrome 13. Out of interest is that what you based it on?
Reply
:iconrock0:
Rock0 Featured By Owner Nov 21, 2012   Interface Designer
Glad you like it :) I based it on that compact layout, only a little more practical...
Reply
:icondevilishdb:
DevilishDB Featured By Owner Nov 21, 2012
I see what you mean. x-D
Reply
:iconben10nyson:
ben10nyson Featured By Owner Nov 2, 2011  Hobbyist Photographer
What program do you use?
Reply
:iconrock0:
Rock0 Featured By Owner Nov 4, 2011   Interface Designer
design-wise? Photoshop cs4 (and 5, sometimes) :)
Reply
:iconben10nyson:
ben10nyson Featured By Owner Nov 4, 2011  Hobbyist Photographer
Thanks! :)))) xD
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 9, 2011  Hobbyist Interface Designer
It's so simple concept, so it's quite simple to make:
1) Get Firefox
2) Get a theme you like
3) Reorder buttons like you need (I don't use Firefox anymore, but I'm sure you can put back/forward buttons to titlebar)
4) Get [link] to put menu button to toolbar, [link] to hide location bar, [link] to have next styles I write, [link] to hide location bar (2nd option), [link] to pick a style you want to apply to Firefox menu button.
Send me a note if you need more help!
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 9, 2011  Hobbyist Interface Designer
Double post :(
Reply
:iconrobotkoer:
robotkoer Featured By Owner Aug 9, 2011  Hobbyist Interface Designer
It's so simple concept, so it's quite simple to make:
1) Get Firefox
2) Get a theme you like
3) Reorder buttons like you need (I don't use Firefox anymore, but I'm sure you can put back/forward buttons to titlebar)
4) Get [link] to put menu button to toolbar, [link] to hide location bar, [link] to have next styles I write, [link] to hide location bar (2nd option), [link] to pick a style you want to apply to Firefox menu button.
Send me a note if you need more help!
Reply
:iconmintiphresh:
mintiphresh Featured By Owner Jun 6, 2011
What a beautiful concept... Would you mind if I try to recreate something similar to it?
Reply
:iconrock0:
Rock0 Featured By Owner Jun 6, 2011   Interface Designer
Glad you like it :)

Sure go ahead - Firefox theme?
Reply
:iconmintiphresh:
mintiphresh Featured By Owner Jun 6, 2011
No, as an independent application.
Reply
:iconrock0:
Rock0 Featured By Owner Jun 6, 2011   Interface Designer
Souns good - would love to see it!
Reply
:iconmintiphresh:
mintiphresh Featured By Owner Jun 7, 2011
:iconexcitedplz:
Reply
:iconengeltr:
engeltr Featured By Owner Apr 24, 2011
Used it here: [link]

Thx for the Concept ^^
Reply
:iconrock0:
Rock0 Featured By Owner Apr 24, 2011   Interface Designer
Cool cool - looks nice :)
Reply
:iconanonymous-thing:
anonymous-thing Featured By Owner Apr 23, 2011
Is there any specific language you want it written in? I could do it in C#... and the majority of the time taken would just be making the textures...
Reply
:iconrock0:
Rock0 Featured By Owner Apr 23, 2011   Interface Designer
Essentially, I would'nt want it coded, simply because it's meant to stand as a concept. Nevertheless, if you'd like to code it, go ahead.

I may have applied a CC license, but just ignore it. I'll take it off. :)

you mean write the browser, or code the skin?

and isn't c-sharp a dot-net language only? (Sorry, don't know all that much about it)
Reply
:iconanonymous-thing:
anonymous-thing Featured By Owner Apr 24, 2011
I mean write the browser, not just a skin. And yes, it is a .NET language only, so it'll only work in XP and above (no Mac or Linux, sadly,unless it's written in something stupid like Java). While I'm making it, I may ask you a few questions over PM... like what font, etc.
Reply
:iconrock0:
Rock0 Featured By Owner Apr 24, 2011   Interface Designer
It'll be interesting to see - never thought it would be written... :D :D Will chat over PM. :)
Reply
:iconanonymous-thing:
anonymous-thing Featured By Owner Apr 25, 2011
k :)
Reply
:icondfstorm:
DFStorm Featured By Owner Apr 22, 2011
It's near of firefox 4 ubuntu style with unity. (but without glass)
Reply
:icondfstorm:
DFStorm Featured By Owner Apr 22, 2011
hm, no.. oups sorry :P
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Apr 22, 2011  Professional Interface Designer
tell that to mozilla devs! those idiots never listen and are so damn arrogant... it's like they invented the browser! I've contacted a few firefox devs on twitter and told them about some of my ideas but they were very rude... basically telling me to piss off... I told them that they should fix their current UI cause it's buggy as hell even on the default Aero win7 theme and one idiot replied back: "our concern is about the users and not addons developers" and I'm not even a addon dev... but they are stupid and arrogant cause without addons firefox would be totally forgotten into the oblivion... well sorry to fill you comment section like this but I thought u were the right person to talk about this. thanks for listening and I wish u happy easter in case ur celebrating this.
Reply
:iconrock0:
Rock0 Featured By Owner Apr 23, 2011   Interface Designer
Strictly speaking, Mozilla is really a worldwide community, in which arrogant people exist.

My hope for posting concept designs is that someone will notice - instead of us ramming it down their throats (believe it ot not, that's the way many developers see it).

Despite that, they have no place to be rude - even if they're contributing to a project pro-bono.

It's seemingly difficult to get ideas across as many developers face ideas all the time - in some cases, it becomes too much to handle. Nevertheless, it gives them no right to tell you to piss off. A "thank you, but we've already made design considerations which are currently being shortlisted" would've been nice.

It would, however, really been nice if Mozilla (and other companies) introduced a better theming framework (like Unix has the GTK theming platform) in browsers. That way, wouldn't have to get devs to notice out work - we could create it ourselves. When I say framework, I mean one that can do anything with the browser - include hiding the address bar, and manipulating other elements.

This may already be in play - I haven't even looked at the new platform for making Firefox skins. For all I know, the above concept could be very easy to make.
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Apr 23, 2011  Professional Interface Designer
You're right about these rude ppl... and I second ur idea about a better theming framework. Would make the designers live a whole lot easier.
Take a look at the skinning platform of firefox when u got the time and you'll see what this is a skinner's nightmare!
Hopefully the mozilla team will understand in a near future what XD(Experience Design) is all about!
Reply
:iconrock0:
Rock0 Featured By Owner Apr 23, 2011   Interface Designer
I already had a look at the Addon SDK, and I'm not impressed. The day the introduce HTML[5] as the addon standard, then I'll consider it.

As for UX (User Experience design), not many companies/people get it right. In fact, the only ones that have are Microsoft, Apple, Facebook, Hootsuite, and a few others. And, of course, Chrome (well, Google in general). Mozilla is slowly, but surely, getting there.

:)
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Apr 24, 2011  Professional Interface Designer
Definitely Mozilla is going in the right direction but with the speed of a snail.
Google Chrome had a better start and I'm using it as we speak but they really should listen more to the users as well... I think their going towards the Activity Centered Design atitude or something, cause I cant explain why won't they introduce the option for 'Search as you start typing' or why the autoscroll is sooo damn laggy and could be smoother with a bit of coding, I'm sure of that! I know they think they know what's best for the user but it's not always the case... again, why won't they introduce a sidebar for the bookmarks? It would be a lot easier to manage your bookmarks this way...

Anyway this subject is endless so I'll leave you with this:
more on Activity Centered Design here: [link]
Reply
:iconrock0:
Rock0 Featured By Owner Apr 24, 2011   Interface Designer
I've always supported Mozilla at heart, simply because of the way they changed how one looks at a browser. Snail-pace or not, they're doing a fine job - including speeding up release intervals.

Just like millions of others, I also fell for Chrome - but recently switched back to FF. Chrome hugs a lot of memory, and renders certain elements differently, eg, the box-shadow - looks terrible. Their addon framework should also be enhanced, but it's good enough to put in some sidebars. Thanks, will read it later.
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Apr 25, 2011  Professional Interface Designer
My main browser is FF as well but I like experimenting with different software and use beside firefox, chromium and opera. Shadow box sure sucks in chrome and also border radius looks pretty ugly as well... same in opera.. plus opera still missing many css3 features like transition for example. Not going even to mention IE9... why can't these people get to an agreement regarding the web standards!? I'll never get that... money is not an issue for neither of these companies and still firefox, which is made by an organization btw, is the most fully featured and compatible browser.
Reply
:iconrock0:
Rock0 Featured By Owner Apr 25, 2011   Interface Designer
I disregarded ff because it was freakishly slow. Thank goodness they came out of that alive - it's now almost the perfect browser. I'm also a web designer, so it's easy to appreciate tiny little perfections in the way a page is rendered. Also, I don't trust Google. Not that I can hide or anything... :P

I wish, at least, that browsers would stick to the same css keywords, without their stupid little prefixes. Would be a good start...
Reply
(1 Reply)
:icontangmeister:
Tangmeister Featured By Owner Apr 19, 2011  Hobbyist Interface Designer
Best Browser concept i've ever seen :D <3
Reply
:iconrock0:
Rock0 Featured By Owner Apr 20, 2011   Interface Designer
Got plenty more ideas up my sleeve - glad you like this one :)
Reply
:iconmooshmassacre:
mooshmassacre Featured By Owner Apr 9, 2011  Student Digital Artist
amazing concept dude!
Reply
:iconrock0:
Rock0 Featured By Owner Apr 10, 2011   Interface Designer
Thanks dude! :)
Reply
:iconalex3me:
ALEX3ME Featured By Owner Apr 7, 2011   Interface Designer
very nice man ;)
Reply
:iconominousshadows:
OminousShadows Featured By Owner Apr 4, 2011
This would make an amazing browser skin. I once tried to make a skin for a browser (Firefox), but I ran away screaming shortly there after. So I can not lend an expert opinion in this matter.

I would rock this skin, but of course I would need Windows 7 to get the VS.
Reply
:iconrock0:
Rock0 Featured By Owner Apr 4, 2011   Interface Designer
I agree - though it does need a little TLC...

Thanks for the Llama! (and the Watch!) :D
Reply
:iconominousshadows:
OminousShadows Featured By Owner Apr 4, 2011
Your most welcome. :iconllamajumpplz:
Reply
:iconajblue7:
ajblue7 Featured By Owner Mar 30, 2011
i too am a minimalist, i try to find a happy medium between functionality and amount of space used without being crammed.

first off average users, even advanced users want to be lazy when browsing. the way most users browse the internet is through 3 ways. 1) they use google to search for their links and content. 2) they use bookmarks of their favorite sites to browse. 3) other websites they currently got to be it through search or bookmarks, they direct them to new places through links. non of which is absolute necessary to use the url bar at all.

if users use the browser as a normal person they will have no trouble with double clicking a tab to see the extra information. which should be a rarity anyway. Also I'm sure in his concept and in mine, there is an option to lock the url bar open all the time, allowing people that aren't open to change the ability to use how they please. also clicking on a tab vs clicking on the url box really doesn't make any sense, if they have trouble clicking a tab they have a problem. the tabs height on most browsers are even taller than the url box, just the width is smaller, and the width is still a lot of space to click. (creitive, even talks about how the url is so much larger than everything else, yet its the most unused thing.)

also, im pretty sure rock0 explained that to open the url bar, the user has to clicked the tab a second time when it is the active tab in order to open it. so if a user was righting a comment, went to a google tab to see how to spell something, then clicked the tab he was commenting on once, it would show the content with his comment still sitting there waiting to be typed in, and the url bar hasn't been opened.

then, at least in my concept the url bar doesn't move the content of the page down, it hovers over it and unless it is locked down, the content would then move down underneath the url bar that will always be open.

oh and i just notice, in rocks concept the url bar opening doesnt move the content down, hence the space between "i auth" and the top bar is decreased when the url bar is open, hinting to the fact the the url bar hovers over the content.

otherwise, creitve makes a few good points. unfortunately for him i have been thinking about all this already and have adequate solutions.


and, rock. id suggest home,bookmarks, and settings buttons to be on the tab bar. however the current os's have minmax and close buttons, which limit your space. however i have a good tab solution and an os solution that would make everything work like a dream. browsers and os's go hand in hand. i don't understand why mozilla hasnt started work on an os, and ubuntu not making their own browser let alone their own applications
Reply
:iconrock0:
Rock0 Featured By Owner Apr 26, 2011   Interface Designer
Wow, sorry... I forgot to reply to this (saw it on my phone first - can't type long replies)!

"... Also I'm sure in his concept and in mine, there is an option to lock the url bar open all the time... "

Never thought of that. So a single click to show the bar (on a focused tab), and double-click to show it all the time? :)

Thanks for putting some thought into this. Must be honest, it was a quickie..

I'd like to work on a new one soon. Just busy with clients, and this Logon Styler package I'm working on at night.

Thanks :)
Reply
:iconcreitve:
CreITve Featured By Owner Mar 30, 2011  Hobbyist Interface Designer
Hiding adress bar concept sucks. User should be able to instantly get info about what is he browsing now. Moreover, this concept will make user using always clicking tab label to enter smth in adress bar, instead of clicking anywhere in the textfield itself. I mean, adress field is large and easy to click, while tab is relatively small and requires more precision.
Another problem is about textfield focus.
To enter something in any text field you usually click inside it. It gets focus and you cant type text. In your concept, you have two options:
1)You put field in focus when tab is clicked. Then, if user was writing something on this page, e.g. blog entrie, each time he switch to this tab, he will need to put cursor at the place he was writing text to.
2)You DONT put field in focus. Then, to enter NEW adress user will need one MORE click — one to make field visible, and second to put cursor there. It's horrible.
And yet another one note. It's not good when height of user's view is constantly changing. User have to waste few milliseconds each time he look at the top of a browser, to determine, if it is part of page content or of the interface. Even worse, everery time he will see drop-down animation, blinking and shifting everything he was reading, down.
You also should improve window controls. It's not okay when 3 buttons look like sinle one at the bottom.
Make tab labels, buttons and window controls with equal corner radius, and back-forward icons are very small and uncontrast. Main rule of screen interfaces is "cursor must not be larger than controls user interact with this cursor". And these < and > are definitely smaller than pointing arrow on second screen.
Please, excuse my english, I hope this is understandable. I decided that if a dozen of people read this, world would be better a tiny bit. =)
Reply
:iconrock0:
Rock0 Featured By Owner Mar 30, 2011   Interface Designer
Thanks for your input. Keep in mind, these are just ideas to play around with - just to see what can be done to revolutionize the browser.

As for functionality, like focussing the URL bar, I don't define that - in fact it isn't really defined.

I must be honest, however, that you've shown me that I should look further into how the browser is used.
Reply
:iconcreitve:
CreITve Featured By Owner Mar 30, 2011  Hobbyist Interface Designer
Very glad to hear that. Good luck with it.
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Mar 29, 2011  Professional Interface Designer
looks pretty impressive! curios about the implementation of this concept in Firefox4.
Reply
:iconrock0:
Rock0 Featured By Owner Mar 30, 2011   Interface Designer
Thanks :)
Reply
:icondpcdpc11:
dpcdpc11 Featured By Owner Mar 30, 2011  Professional Interface Designer
ur welcome!
Reply
:iconajblue7:
ajblue7 Featured By Owner Mar 29, 2011
nice concepts, ive had a concept almost exactly the same for quite a few months now. although i do say the click on the selected tab is much better than the way i had it. i had a lone button for the url bar. My concept also included much more usability enhancements.

what i value most though is my os concept, as i have devised a plausible way to not have min,max, or even close on the windows. allowing the content to take up the whole window. even moving the window has been made possible without a drag bar.

i just wish mozilla had a linux os distro running, and to me more acceptable to ideas. some ideas are so abstract that its like deleting previous work they had been doing. the only way i see my concepts ever being realized is if i do it myself, and thats just not possible.

=) cheers to a better internet.
Reply
:iconrock0:
Rock0 Featured By Owner Mar 30, 2011   Interface Designer
Thanks :)

I tried to simplify everything, considering I'm a minimalist. I would be a waste of space to have a separate button...

The focus should be on the content, not necessarily the browser.

I see Mozilla doing it some time in the future - though it wouldn't be very complex. You can see they're already making changes. Their web-store is the first.

But, as always, it'll take a while for Mozilla to do anything...
Reply
:iconlink6155:
link6155 Featured By Owner Mar 29, 2011  Hobbyist Interface Designer
Hey, I could make something like this for firefox!
Reply
Add a Comment:
 
×
Download PNG 884 × 758




Details

Submitted on
March 28, 2011
Image Size
147 KB
Resolution
884×758
Link
Thumb
Embed

Stats

Views
6,759 (2 today)
Favourites
84 (who?)
Comments
82
Downloads
149

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×