views:

679

answers:

6

Where do you go when you want to know how other people solved a particular GUI problem? I'm still stuck at the Google Images level, but 99% of the images you find are screenshots from extremely boring UIs that are part of online tutorials.

I know of a few webpages that maintain links to interesting new Web UIs, but is there any collaborative effort for Desktop UIs, preferably platform-agnostic?

+3  A: 

For historical reference, check out http://www.guidebookgallery.org/.

Marko
Oh my gosh... they've got RiscOS! That takes me back. Thanks for the link, if not inspirational it's at least nostalgic.
David Rutten
+3  A: 

A start for UI design inspirations might be UI-Patterns, that keeps a collection of somewhat useful pieces of UI that one can apply to their own design.

From their front page:

It has long been common practice to use recurring solutions to solve common problems. Such solutions are called design patterns; standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.

This site will help you in two ways: You can read insightful design pattern articles or browse through our screenshot collection.

So, you can search for appropriate patterns and see related screenshots and maybe then try the actual software, when possible/if needed, to get a more thorough insight.

Jawa
Thanks Jawa, if I could distribute the bounty over 2 answer, I would.
David Rutten
+2  A: 

From a theoretical point of view, you could read about design heuristics on Jakob Nielsen's site. Concepts to think about are:

  • Visibility: making it clear what each element in the UI is used for
  • Feedback: making it clear what action has been achieved through each element
  • Affordance: Making it clear what can be done with each element
  • Simplicity: Make simple common tasks simple to do
  • Structure: Structure elements in a meaningful way, e.g. grouping elements that are related with a groupbox
  • Consistency: In appearance, positioning, behaviour so it makes it easier to learn and remember
  • Tolerance: The ability to prevent errors or recover from them. E.g. greyed out items

For inspiration, this depends if you're a designer or not. If you're not and just want some inspiration that goes beyond the normal set of widgets and (radiobox, checkbox, dropdown list) then you could think of design metaphors, such as Joel's post on metaphors (a bit old now though, Google ui design metaphors for more). Or take some ideas (aka steal) from jQuery's UI and various plugins, and YUI. But you'll still struggle to make it look original and polished without someone with natural design ability.

Chris S
+6  A: 

I'd suggest to try Quince.

It's a big and very well done online repository of UI Patterns (or UX Patterns, as they name them). The patterns are described in a technology-agnostic way, with a lot of desktop GUI (non-Web) examples.

Some features:

  • filtering of patterns by various criteria (by user tasks, by tag relation, ...)
  • well written descriptions
  • all patterns I've looked at come with several examples
  • links to external sources

Among the sources Quince cites are two that I'd also like to recommend:

m3mitsuppe
Great links! Thanks a bunch.
David Rutten
+1  A: 

To get the philosophy behind UI design, I recommend "About Face 2.0". It's a great book to teach you why you should do this instead of that. To get inspiration, nothing is better than copying and adapting from others' solutions. For this, you just need to see a lot of cases.

Stefano Borini
Thanks Stefano, I'll check it out.
David Rutten
+1  A: 

Just think about what annoys the hell out of you when you use a GUI and try not to implement a GUI that does those annoying things.

For example, having to press 4 buttons to do something when 1 button would be sufficient is annoying ;)

Davie
Thanks Davie, I sort of got to this point by myself. But as a programmer one is confronted with so much standard stuff, it's hard to think outside the box. I'm mostly looking for innovative UIs that can help me widen my thinking.
David Rutten
No problem. On a more serious note, I don't know much about UI design methodologies, but perhaps you can take some inspiration from companies who people recognise as having good UIs and seeing if you can take the good parts from their UIS and incorporate it into your application. For example, the google homepage is minimalistic and Apple UIs are consistent across the entire system (Mac OS X).
Davie