Gimmie-Human

Revision 9 as of 2008-05-20 02:28:17

Clear message

Navigation(slides) Navigation(siblings,1)

Gimmie-Human

Gimmie-Human integrates the gnome desktop with the Gimmie desktop organizer, with additional graphical refinements to increase the usability of both. To reduce wasted space, and allow for a tabbed semi-transparent Gimmie-Bar along the bottom, functions from the traditional lower gnome panel were integrated into the upper panel, while other functions from the top panel have been integrated into the menu system.

This artwork was made entirely in MS Word over a one month span (I am a translator, not an artist or programmer). If people are interested in this theme, I encourage forks and welcome all suggestions. This is currently just a bunch of pictures and some ideas, but if anyone would like to develop it, just let me know in the comments section.

NOTE: this is just a submission for the theme and interface itself, not the icons. I found the icons herein on http://www.iconarchive.com/, and cannot vouch for their origin or license.

NOTE #2: I am having a lot of trouble uploading the 240 pxl jpgs I made for this page. I attached my large size palette and artwork at the bottom of the page. If anybody can help out, I would really appreciate it! Smile :) I also uploaded the pictures to Flickr, if you want to see them with accompanying text. Tagged - Gimmie Human Intrebid Ibex Ubuntu 8.10

Concept

Goals:

  • Theme should reflect the Ubuntu identity (black, brown, and orange)
  • Distinguish Ubuntu from competing Oss
  • Strike a balance between transparency and usability
  • Introduce an improved user interface which is readily implementable with Gimmie
  • Rescue the toolbar (dock) back from OSX, and make it better using Gimmie-Bar
  • Be clean and minimize unnecessary wasted space

Anchor(Palette) Palette

[Palette here]

Gimmie-Human strives to maintain the Ubuntu color palette, while using modern transparencies and design that will go well with almost any color-schemed wallpaper background. Whenever feasible I chose to use current Ubuntu solutions such as pull-bars and tab appearances. Transparencies and overlapping shapes are used when appropriate, as people have shown almost universal preference for glass and transparencies in architecture and design over the last 150 years. On large surfaces with lots of brown, I found adding a highly transparent layer of blue over top of the brown made the window more attractive and easier to blend with different backgrounds, thus the blue in the palette. This color layering effect is reminiscent of Mark Rothko’s paintings, and makes the brown easier to blend in with other (cool color) backgrounds. I tried to avoid overly thick window borders and generally just used a single white line around windows. I was unable to show shadow drops in the program I used (i.e. Office Word), but drop shadows would go far in differentiating windows with white over white. I also tried to strike a balance between window and menu transparencies and the need to see the text and buttons on the active windows. I didn’t want to see the same excessive transparencies as on MS Vista, such that an extra glow effect is used just to make window titles legible. Though not very resource intensive, some users may not be able to run with transparent windows, so I tried to make the theme so that it would look just as good when opaque.

Anchor(ConceptArt) Concept Art

[Computer menu pic here]

Traditional menu tree systems have been part of computer GUIs from their inception over 40 years ago. The Gimmie interface accepts that most people only use a small number of applications regularly, and therefore should not be the centerpiece of the user interface.

[Applications menu pic here]

[Documents menu pic here]

Gimmie uses tabs to access all the tasks users perform on their computerincluding tabs for functions relating to your computer, applications, documents, and people.

[People menu pic here]

I heavily modified the Gimmie interface itself to make it more aesthetically pleasing and decrease wasted space on the top panel. Inspired by the KDE 4.0 Kick-Start layout, the tabs would only appear when a user clicks on the Ubuntu logo in the upper left. The tabs are separated from the main window to increase the sense that they are objects floating in space, independent but synchronized. When the user clicks on a tab icon, clutter animations make the background square (which indicates an active tab) shift over, and the previously active icon lowers and fades into shadow. At the same time, the newly active tab icon transitions from being in shadow to being fully lit. It elevates slightly higher than the other icons, and text appears beneath it to show its name (text would only appear on mouse-over for inactive icons). For older computers, these Clutter animations could be cut out entirely.

Gimmie’s website is here: http://www.beatniksoftware.com/gimmie/Main_Page. A presentation outlining the system’s advantages is here: http://www.beatniksoftware.com/gimmie/Guadec06Slides2.pdf Implementing Gimmie-Human as I outline it here would require some upstream collaboration with the Gimmie developers.

Windows and Window Buttons

[Active and Inactive Windows here]

The window buttons were inspired by the latest KDE 4.0 way of spacing the close button farther away from minimize and maximize, reducing the likelihood of unintentionally closing a window. Here, they are further visually distinguished, because the close button is round, while minimize and maximize are grouped together in one long rounded rectangle.

[Window Button Details here]

Gimmie-Bar

[Gimmie-Bar details here]

At the bottom of the screen I include a modified Gimmie-Bar to quickly access desktop objects. It uses a black semi-transparent background, and Clutter-animated orange tab buttons to the left (Clutter animations can be turned off on low power systems). Gimmie-Bar is functionally superior to the panel launcher in the default Gnome desktop, and offers greater versatility than the dock from Apple. Also, including the Gimmie-Bar eliminates the need of having a long list of launch icons on the upper panel, saving lot of space. I made some functional modifications to the Gimmie-Bar concept to improve its use of space. If you go to the developer website, you will see the Gimmie-Bar currently takes up a lot of space because it shows all four tabs at the same time, and tries to replace the upper menu entirely. I modified it by placing the tabs to the left side, and redesigned it so the user only sees one tab at a time. This allows each tab to fill the whole bar, thus fitting more information. To avoid the problem of endlessly shrinking icons when users add more applications, such as seen in Apple’s dock, there is a pull bar to the bottom of the Gimmie-Bar. The pull bar effect really comes from the Ubuntu Mobil interface, and would look really similar. The pull bar is under the icons, and functions like an accelerator. If a user nudges it slightly to the right or left, the objects in the bar will move slowly in that direction. If a user pulls it all the way to the right or left, objects will start to whiz by at full speed. (NOTE: in the picture at the bottom, I included a blur effect only to visualize the sense of motion from using the pull bar. Blur effects are very resource intensive and it is not my intention to suggest using them as an actual default setting.)

Conclusion: Increase Efficiency and Simplicity

Less is more. For many users, especially laptop users, screen real estate is very valuable and should be used sparingly. I tried to reduce overall unused space on the desktop by combining redundant functions. As I see it, the need for a second panel at the bottom of the screen on the default Gnome setting is directly the result of poor use of space on the top panel. Common panel space wasters in the default setup include: 1) the Ubuntu menu troika (Applications, Places, and System); 2) the panel launchers; 3) having the user name on the upper panel; 4) having the full date and day of the week along with the time on the clock; 5) the duplicate shut-down button (it is in the menu after all, why have two?); 6) and the desktop switcher panel. Under the Gimmie-Human theme, 1) all menu functions are tucked away in the Gimmie main panel, and only appear when they are clicked; 2) panel launch icons are moved down to the Gimmie-Bar; 3) user name is displayed in the Gimmie panel under the computer tab; 4) just show the time - if people need the day and date, they can click the calendar; 5) only use the shut-down button located on each of the Gimmie tabs; 6) desktop switcher (normally on bottom panel) only shows up when you click on its icon (see sample pictures). Additionally, if icons to the left of the panel (background programs) become too numerous, a hide-inactive-icons function can be used to reduce their footprint. With this much saved space, minimized windows can now go up to the top panel (see sample images) and the bottom panel can be eliminated. Most of this can be done by users already, but it is not default and takes time. Ubuntu really should put its best foot forward if it is ever going to resolve BUG #1 (MS dominance), and that involves a better default layout.

Reference

Contributions

[wiki:/?action=AttachFile Attach File]

Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)

Comments

Attachment List

AttachList


CategoryArtwork