nsrosenqvist on DeviantArthttp://creativecommons.org/licenses/by-sa/3.0/https://www.deviantart.com/nsrosenqvist/art/GNOME-Shell-mobile-layout-mockup-404297921nsrosenqvist

Deviation Actions

nsrosenqvist's avatar

GNOME-Shell mobile layout mockup

By
Published:
4.4K Views

Description

I wanted to test out some design ideas surrounding the GNOME-Shell after I've seen all the nice new updates that came with 3.10. This is in no way completely thought through, it's just a quick attempt at translating the desktop UI onto a smaller touch device (I know that there is no way of accessing the overview except through a hardware button). All comments and critiques are welcome!

# UPDATE 2013-10-06:
I decided to make a second revision of the design and this time basing it on the 1280x768 display of a LG Nexus 4, so that I get a proper reference for the position and size of elements.

Changes:
* The shape of elements adhere closer to the style of GNOME-Shell's default theme but I've kept my changes that I think improves the user experience. An example is that I've chosen a flatter look and removed borders of most elements.
* The overview now also has the search bar so that it's more accessible.
* An example of the window list overflowing has been provided.
* The pagination on the view showing all installed apps ordered by title are now placed horizontally, differing from the desktop GNOME-Shell since the swiping gesture is then more comfortable on a handheld device.
* An example of a search view has been added.
* An example for the notifications view in the overlay has been added.

p.s. Sorry #GIMP-Artists, this time I implemented the designs in Inkscape since I found it to be much easier handling "objects" like interface elements and aligning objects with it. Though this presentation of all screens has been put together in The GIMP :)

NOTE:
The search results are supposed to show a longer list with results from the web, even direct results from google/ddg, I just didn't have the time to make it more detailed.
Image size
960x4710px 4.58 MB
Comments33
Join the community to add your comment. Already a deviant? Log In
JSZVB's avatar
This is so beautiful... :(
I want it.