|
|
Optimize with a SATA RAID Storage Solution
Range of capacities as low as $1250 per TB. Ideal if you currently rely on servers/disks/JBODs
Page 2 of 5
In the mid-1980s, human-computer interaction pioneers Bill Moggridge and Bill Verplank coined the term interaction design. Ten years later, other designers rediscovered this term and started to use it.
In 1999, Web consultant Jenifer Tidwell presented the first substantial set of interaction design patterns via her Common Ground collection. Since then, she has written Designing Interfaces, which presents new and revised patterns.
More interaction design pattern libraries have since emerged. The Yahoo! Design Pattern Library currently offers 59 user interface patterns. Android Patterns is a pattern repository for designing Android mobile apps.
Tidwell presents an extensive catalog of interaction design patterns on her website. Most of her patterns are documented in terms of examples, context, problem, forces (tradeoffs being considered), solution, and (often) a resulting context. The Narrative pattern presented in Figure 1 is a good example (courtesy of Jenifer Tidwell).
Patterns can be combined to solve particular design problems. Figure 2 shows an example where several interaction design patterns are combined in a traditional telephone interface, as shown in Figure 2 (courtesy of Jenifer Tidwell).
Martijn van Welie has collected many examples of interaction design patterns used by web designers. You are likely familiar with the Breadcrumbs pattern, which helps website visitors know where they are in a site hierarchy, and also makes it easier for them to navigate back to higher levels.
The breadcrumb bar in the above design is typical. It presents a path that shows the location of the current page in the total
page hierarchy. Each hierarchy level is labeled and behaves as a link to that level. The current page is marked in some way
to give feedback about where the user is currently located and should not be presented as a link. Note that in Figure 3 the
> symbol is used to separate breadcrumbs.
Microsoft's Windows 7 Explorer program presents another example of the Breadcrumbs pattern. While navigating the filesystem, the breadcrumbs control located at the top of the window presents the path to the current folder. Each folder in this chain is presented as a button that you can click in order to examine the folder's contents. You can also click on any of the parent folder buttons, as shown in Figure 4.
Architectural patterns have much in common with software design patterns but are broader in scope. Whereas software design patterns address issues at the source code level, architectural patterns address them at the higher level of software architecture. Issues addressed by architectural patterns include hardware performance limitations, high availability and scalability, and business risk minimization. Architectural patterns come in many flavors and are often best learned by studying an implementation example. The patterns below are further discussed in the linked JavaWorld articles and case studies: