Skip to main content

Jason Bao's Library tagged patterns → View Popular

Filter:
All
Annotated

17 Jul 09

搜搜搜 21个Auto Completion搜索教程_视觉中国

c.chinavisual.com/...index.shtml - Preview

ux patterns sample

18 Jun 09

40+ Helpful Resources On User Interface Design Patterns | Developer's Toolbox | Smashing Magazine

www.smashingmagazine.com/...user-interface-design-patterns - Preview

patterns design ux

13 Nov 07

Tag Clouds Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine

This article offers some selected examples of tag clouds, its shortcomings and also some suggestions for tagging data and links in a more profound and effective way.

www.smashingmagazine.com/...ry-examples-and-good-practices - Preview

design examples patterns usability

Due to their “cloudy” form the design of tag clouds sets them apart from other design elements on a page.
8 more annotations...
- An interesting tendency we’ve been observing recently is the use of tag indexes instead of tag clouds.
- In fact, it’s used more and more often — in indexes the tags are sorted alphabetically.
- Font-size-weighted Tag Clouds
  
  In many cases tag clouds are placed within a sidebar on the left or the right side of the page; therefore they usually don’t have much site area to fill. Consequently, enormous fonts are used sparingly.
- Colorful Tag Clouds
  
  Instead of large font sizes designers tend to use colors. The weight of the tags isn’t only determined by the font-size, but also by the color it has. The more contrast exists between the color of the tag and the background, the more active the tag is. “Passive” tags usually have colors more similar to the background color — they have to remain in the background.
  
  Caution: the more colors are used, the more irritating tag clouds are. Visitors have to be able to gain an immediate understanding of how tag weights are distributed; a variety of colors doesn’t provide any helpful information. What do the used colors stand for? Is green more important than blue? In most cases 2-3 colors should be the maximal number of colors used in a tag cloud.
  - In most cases 2-3 colors should be the maximal number of colors used in a tag cloud.
    三色原则 - on 2007-11-13
  - the more colors are used, the more irritating tag clouds are. - on 2007-11-13
  Add Sticky Note
- Tagclouds as Startpages
  
  On these web-sites tag cloud is the only design element used on the start page. Extreme tag-o-rama. Frankly, some content would be quite useful.
  
  A map of Google News. Take notice of the arrows: they symbolize the development of popularity of the given tag.
  
  Extreme-Tagging on Plurn. And no, it’s not the original screenshot. It was scaled down.
  
  This site is kind of links-directory. The color of the tags stands for the topic the tag belongs to. E.g. pink stands for fashion. Many users might have problems sorting out what is what.
  
  Chain of thoughts: a web-site as a single tag cloud.
- Winkwaves Tag Cloud Generator
- Understanding Tag Clouds explains the theory behind tag clouds, their use in practice and displays some examples.
- Collection of tools / sites to create tag clouds

08 Nov 07

Yahoo! Design Pattern Library

developer.yahoo.com/...index.php - Preview

design patterns ui usability yahoo

1 - 4 of 4

Showing 20▼ items per page

Selected Tags

patterns

Related Tags

Sponsored Links

Ads by Google

Top Contributors

Click in to find related links.

See more »

Groups interested in patterns

User Experience Design

Members (73)

bookmarks (355)
Coders

Members (331)

bookmarks (1636)
Fashion Forward

Members (136)

bookmarks (589)

See more »

Related Lists on Diigo

Space

How is the universe organiz...

Items: 51 | Visits: 58

Created by: Charlie Sensenbrenner
patterns

Items: 5 | Visits: 34

Created by: Jerome Degl'innocenti
Java

Java

Items: 21 | Visits: 34

Created by: Brant Chen

See more »

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo