6

I was curious about GUI design patterns, so I searched and got some information, including a list of UI patterns for the web. This UI patterns website says that:

UI Patterns is a growing collection of User Interface Design Principles and User Interface Usability Patterns present on web applications and sites today.

Are there any other design patterns for constructing websites or other user interfaces? Are there any books that describe these patterns? I'm particularly interested in patterns for Windows desktop development and web development in the .NET platform.

Thomas Owens
  • 85,641
  • 18
  • 207
  • 307
Niranjan Singh
  • 1,283
  • 9
  • 14

4 Answers4

9

There are a number of patterns and rules that correspond to usability principles. They aren't as concrete as other patterns, since there is variation in the user interface, think web applications versus desktop applications versus mobile devices versus kiosks, each with their own quirks. Users expect different things from different devices, so part of usability is matching user's mental models and expectations.

A few examples of usability rules include the 80/20 rule, Fitts' Law, Hick's Law, and the Rule of Thirds. There are also techniques, such as applying the Golden Ratio, form following function, and monitoring the singal-to-noise ratio, that can be used to enhance user interfaces. There are plenty more - that's just what I can remember off the top of my head from my software usability course.

For books, I would recommend Universal Principles of Design. It discusses a number of usability and user interface concepts that are abstract enough for any application, either desktop or web. Donald Norman's The Design of Everyday Things is also a classic text in interface design, although the focus is on physical objects and not computer-human interfaces.

These should be coupled with the user interface design guidelines for the target platform, if there is one.

Thomas Owens
  • 85,641
  • 18
  • 207
  • 307
3

Is there any Design patterns for constructing Website/Software GUI or not?

Yes.

Any book available for GUI Design patterns/ User Interface ??

I can personally recommend Don't Make Me Think, which has some great insights into web pages design. However, there are numerous other good books out there: This closed StackOverflow question has a lot of good examples.

Community
  • 1
Heinzi
  • 9,868
1

There are a couple of UI / UX design pattern libraries on the web:

  • Quince, by Infragistics, has a large catalog of design patterns for both the desktop and the web.
  • The Yahoo! Design Pattern Library is smaller and appears to not be actively maintained. Unlike Quince, it includes a section on social patterns.
Josh Kelley
  • 11,131
1

My personal favorite link for design patterns is http://www.welie.com/patterns/. Not only does it have a large list of patterns, but (more importantly) it discusses what usability problems the pattern solves (instead of just showing you a screen shot, which .. is terrible).

(This might not be a fully fledged answer, but I don't have enough clout on this stack exchange at the moment to leave comments, so oh well.)

carpeliam
  • 183