dAKirby309's avatar

V3 Windows 10 Explorer Concept - Reimagined Ribbon

By dAKirby309
59 Favourites
46 Comments
18K Views

:bulletblue: :bulletblue: New, updated concept (V4) can be seen here! V4 is much more consistent with MS's Windows 10 design as well: fav.me/d93y6td



:bulletred: This is a constant WIP. I have submitted this on the Windows subreddit (redd.it/2w3xi7) for others to see and so I can get some more criticizing and critiquing on the concept, and I work on it and update it.

:bulletorange: If you want, you can vote for this design on the Windows 10 UserVoice! windows.uservoice.com/forums/2…

:bulletgreen: Another Windows 10 File Explorer concept! I know I have released two other Windows 10 Explorer concepts recently, but this one is much different than the others in many aspects!

:bulletorange: I present to you... a Windows Explorer ribbon... reimagined! As you can see in the concept, I completely replaced the Ribbon menu seen in Windows 8 with a new touch AND click-friendly simpler Quick Access Menu! This Quick Access Menu has all the same functions as the Ribbon has but it takes up MUCH less vertical room, all functions are there at a glance, it removes the need for the Quick Access Toolbar, and it is more straightforward and to-the-point than the Ribbon is.

:bulletblue: The little down arrows by some of the buttons, when clicked/touched, would reveal less commonly used buttons related to the buttons they're next to. The buttons that you can see at a glance are buttons that are more frequently used; such as New folder.

:bulletred: A NOTE: The 3-line hamburger button in the top left corner of the File Explorer is equivalent to the File button/menu present on Windows 8... so those functions would also still be there in this concept.

:bulletpurple: File Explorer could be so much more if MS would let it. I especially think they need to work on TABS and they should have a greatly enhanced Navigation Pane, the one that's currently implemented is years old and has hardly changed. It has a lot of room for improvement. When comparing Windows' Nav. Pane to Mac OS X, Apple's is quite superior in functionality and customization. The current one in Windows is so limiting and basic. Because there are screens of all sizes being used, it's important to maintain as much space as possible, in my concept I do my best to make more room for viewing items and less scrolling in the File Explorer.

:bulletyellow: Some features such as RAM/CPU usage, tab previews, and updates bubbles would OF COURSE be an optional feature.

:bulletgreen: What do you think of the concept, and the redesigned Ribbon idea? :D

:bulletred: By the way, the reimagined Ribbon wasn't an original idea of mine, it's inspired by the new Office 2016 design, which is made to be friendly for touch and mouse/keyboard simultaneously: blogs.office.com/2015/02/04/ne… :)

All elements in this concept are designed by me (but many icons are based off of pre-existing icons owned by MS and other companies)
IMAGE DETAILS
Image size
3360x4200px 3.9 MB
Published:
© 2015 - 2020 dAKirby309
Comments46
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
exlibrisas's avatar
I wish MS would actually hire designers to make W look like this. I always have problem with Windows looks and modify it to suite my needs.
maxxdogg's avatar
Can you give link for all system icons please?
dAKirby309's avatar
dAKirby309Professional Interface Designer
Sorry, the icons you see in this image are fake. They were only used and made for this concept. :/
dpcdpc11's avatar
dpcdpc11Professional Interface Designer
looking nice and all but one question:
where do you grab to move the window if the titlebar is filled with opened tabs?
Rock0's avatar
I have to agree with this. Thing is, one would move an explorer window much more often than a browser for the purposes of dragging files between two windows.

Otherwise, I like the concept - it's a very interesting approach indeed. :-)
dAKirby309's avatar
dAKirby309Professional Interface Designer
How do you grab a titlebar filled with tabs on any other browser such as Chrome or Firefox? Grab a part that isn't being taken up by tabs. By default, Chrome and Firefox purposefully leave a small area of the titlebar next to min/max/close buttons clear so you can still grab the titlebar, same would apply here. :)
dpcdpc11's avatar
dpcdpc11Professional Interface Designer
that's the case when the window is maximized... when it's at normal size (restored) they all left space above the tabs bar.
it's just not productive to leave a small space between the caption buttons and the tabs to grab the window.
looks nice but not the best solution specially if you have like 2 monitors and many windows opened and you want to move them around quickly.
dAKirby309's avatar
dAKirby309Professional Interface Designer
That is a good point, I haven't really considered it because I usually have my browsers maximized (obviously not everyone does) and to move windows around my 2 monitors, I just use keyboard shortcuts Win+Up/Down/Left/Right, Win+Shift+Up/Down/Left/Right and tear tabs to perform all my management.

But either way, the same principle can pretty easily apply in this concept as in browsers, with two possibilities: 1) a small line of space above the tabs on un-maximized windows to grab, or 2) a small gap/empty space next to the caption buttons as in maximized browsers; the space would need to be wide enough for a finger to grab relatively easily.... somewhere between 32 and 64 pixel reservation/space would likely suffice.
dpcdpc11's avatar
dpcdpc11Professional Interface Designer
I prefer using mouse gestures using StrokesPlus to move windows around, close, minimize, maximize etc.
For me it's faster than keyboard shortcuts since I mostly have one hand on the mouse/stylus and the other on the keyboard.
Gandalforce's avatar
Love it,

Will this be for 8.1 and 10?
dAKirby309's avatar
dAKirby309Professional Interface Designer
It is a concept for Windows 10. Just a picture I designed :)
Gandalforce's avatar
okay, cool
Gandalforce's avatar
Oh, and are you thinking of doing something with the start menu, if the final product is not really up to par?
dAKirby309's avatar
dAKirby309Professional Interface Designer
Not that sure I'll attempt to make a Start Menu concept, I don't have a lot of time due to school and I feel the criticism won't be all that pleasant with it cause I don't know much about the new start menu in Windows 10 to base ideas off of, and I don't really have ideas for it as of right now.
TechInterest's avatar
I like your stuff, especially for the desktop. 
Perhaps the task bar can also stack similar programs/windows.
I like the Windows Explorer UI. It's a bit busy and it will take a bit of learning, although a quick mouse hover always states the function ;)

I have focused more on continuum (aka touch mode), let me know what you think.
fav.me/d8gu83v
DesertAvenger's avatar
DesertAvengerHobbyist Digital Artist
I WANT THIS.
DmitriLeon2000's avatar
DmitriLeon2000Student General Artist
Will Cortana be the new speech recognizer in Windows?
dAKirby309's avatar
dAKirby309Professional Interface Designer
Yeah :) it will be the same as it is on Windows Phone currently. And it's basically Microsoft's equivalent of Siri from Apple.
DmitriLeon2000's avatar
DmitriLeon2000Student General Artist
And Google one.
TheNeonPolygon's avatar
TheNeonPolygonStudent General Artist
I like the new ribbon, it takes up a lot less space. It's soo much better than windows 8's ;-)
wwsalmon's avatar
wwsalmonHobbyist Interface Designer
Very awesome! Definitely an improvement over the current Windows file explorer! The only suggestion I have is to get rid of the lines that separate the items in the ribbon and the line that separates the ribbon from the address bar to reduce visual clutter, but maybe that's just me. Great concept! Three votes on UserVoice! (side note: Microsoft Office is getting more and more like Google Docs?)
dAKirby309's avatar
dAKirby309Professional Interface Designer
Concept has been updated to meet a few people's concerns and a new unified Preview & Details Pane. :)
wwsalmon's avatar
wwsalmonHobbyist Interface Designer
Great! Removal of the line makes it overall look much better!
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In