Not Signed-In
Which clippings match 'Widget' keyword pg.1 of 2
25 JULY 2013

jQuery Mobile: touch-friendly websites for browsers and devices

"jQuery Mobile is an example of the web living up to its promise of everyone having equal access to free and public content posted to the web, regardless of the device they are using. It isn't just for mobile, it's 'mobile–first', NOT 'mobile–only' so it can be used as a base for responsive web design. All those great touch–friendly form inputs and widgets are fully themeable and work great no matter what the device (mobile or desktop)."

(Marc Grabanski, 19 April 2013)



AJAXCSSdesign for the screendigital design • Filament Group • HTML5interaction designjQueryjQuery Mobile • layout engine • Marc Grabanski • mediated interactionmobile • mobile first • mobile first web design • mobile only • page navigation model • Scott Jehl • screen-based interfacetablet interfacetechnology innovationtechnology solution • theme engine • Todd Parker • touch-friendly interface • touch-friendly UI widgets • touchscreen • touchscreen phones • UI widgets • user experienceuser interface designvisualisationweb design • web design ready • web first • widget


Simon Perkins
29 APRIL 2013

The idiomatic paradigm of user interface design

"This third method of user interface design solves the problems of both of the previous two. I call it idiomatic because it is based on the way we learn and use idioms, or figures of speech, like 'beat around the bush' or 'cool.' They are easily understood but not in the same way metaphors are. There is no bush and nobody is beating anything. We understand the idiom because we have learned it and because it is distinctive. Pretty simple, huh? This is where the human mind is really outstanding, mastering learning and remembering idioms very easily without having to depend on comparing them to known situations or understanding how they work. It has to, because most idioms don't have any metaphoric meaning at all. Most of the controls on a GUI interface are idioms. Splitters, winders, comboboxes and scrollbars are things we learn idiomatically rather than intuit metaphorically.

We tend to think that learning is hard because of the conditioning we have from the technology paradigm. Those old user interfaces were very hard to learn because you also had to understand how they worked. Most of what we know we learn without understanding; things like faces, social interactions, attitudes, the arrangement of rooms and furniture in our houses and offices. We don't 'understand' why someone's face is composed the way it is, but we 'know' their face. We recognize it because we have looked at it and memorized it, and it wasn't that difficult.

The familiar mouse is not metaphoric of anything but rather is learned idiomatically. That scene in Star Trek IV where Scotty returns to twentieth–century Earth and tries to speak into a mouse is one of the few parts of that movie that is not fiction. There is nothing about the mouse that indicates its purpose or use, nor is it comparable to anything else in our experience, so learning it is not intuitive. However, learning to point at things with a mouse is incredibly easy. Someone probably spent all of three seconds showing it to you your first time, and you mastered it from that instant on. We don't know or care how mice work and yet we can operate them just fine. That is idiomatic learning.

The key observation about idioms is that although they must be learned, good ones only need to be learned once. It is quite easy to learn idioms like 'cool' or 'politically correct' or 'kick the bucket' or 'the lights are on but nobody's home' or 'in a pickle' or 'inside the beltway' or 'take the red–eye' or 'grunge.' The human mind is capable of picking up an idiom like one of the above from a single hearing. It is similarly easy to learn idioms like checkboxes, radiobuttons, pushbuttons, close boxes, pulldown menus, buttcons, tabs, comboboxes, keyboards, mice and pens.

This idea of taking a simple action or symbol and imbuing it with meaning is familiar to marketing professionals. Synthesizing idioms is the essence of product branding, whereby a company takes a product or company name and imbues it with a desired meaning. Tylenol is a meaningless word, an idiom, but the McNeil company has spent millions to make you associate that word with safe, simple, trustworthy pain relief. Of course, idioms are visual, too. The golden arches of MacDonalds, the three diamonds of Mitsubishi, the five interlocking rings of the Olympics, even Microsoft's flying window are non–metaphoric idioms that are instantly recognizable and imbued with common meaning.

Ironically, much of the familiar GUI baggage often thought to be metaphoric is actually idiomatic. Such artifacts as window close boxes, resizable windows, infinitely nested file folders and clicking and dragging are non–metaphoric operations–they have no parallel in the real world. They derive their strength only from their easy idiomatic learnability."

(Alan Cooper, 1995)

Alan Cooper (1995). "The Myth of Metaphor", Visual Basic Programmer's Journal.



1995 • click and drag • cognitive map • combo box • computer mouseconceptual modelfigure of speechgraphical user interfaceGUI • hard to learn • human-computer interactionidiom • idiomatic • idiomatic learnability • idiomatic learning • idioms • imbued with meaning • interface designinterface metaphor • known situations • learned behaviour • learning and remembering • meaning making • nested file structure • no parallel in the real world • non-metaphoric idioms • non-metaphoric operationsn • pulldown menu • pushbutton • radiobutton • resizable window • scrollbar • synthesizing idioms • tabbed browsing • technology paradigm • user interface design • user interfaces • widget


Simon Perkins
28 MARCH 2012

Retaggr: sharing your portable online profile across social networks

"retaggr [was before it closed] a widget–based service that enables active web users to link all their various site–based profiles into a single, always updated, interactive business card that can be attached to virtually any type of content or interaction the user has on the web.

The interactive profile card can be linked to or embedded anywhere online, including in email signatures, blog entries, other text, or as part of online profiles on sites like LinkedIn, Facebook, twitter, and others. It lets you leave a summary of the way you define yourself on the web anywhere you want to share it."

(Retaggr, CrunchBase Profile)



aggregate • attached to content • business card • content aggregation • defunct • digital business card • discontinued • email signature • embeddingFacebook • interactive profile card • linkedLinkedIn • making a personal connection • online • online business card • online content • online profile • online profiles • others to see • personapersonal identitypersonal information • personal profile tool • personal website • personality • portable snapshot • profile tool • promoted to others • public profile • Retaggr • self • single business card • site-based profile • social networkingsocial networksTwitter • virtual business card • Web 2.0web presencewidget • widget-based service • yourself


Simon Perkins
29 MAY 2010

Interactive Google Doodle Celebrates Pac-Man's 30th

"Google transformed its ever–changing website logo into a game of Pac–Man on Friday to celebrate the game's impending 30th anniversary.

The company says that the widget, on the Google home page, is its first ever interactive, playable doodle. By pressing 'Insert Coin' where the 'I'm Feeling Lucky' button usually appears, you can start the game up and control Pac–Man with the arrow keys.

Insert two 'coins' and two players can play simultaneously, controlling Ms. Pac–Man with the WASD keys.

Google says the doodle will stay active for 48 hours. Much like the original game, it has been programmed to glitch and end at the 256th screen.

On May 22, 1980, Namco put the first Pac–Man arcade machine on location test in Shibuya, Tokyo."

(Chris Kohler, Wired Magazine, 21 May 2010)



1980 • 256th screen • anniversaryarcade machinecultural literacyculturedigital culturegameglitch • Google doodle • Google Inc • I'm Feeling Lucky • innovation • Insert Coin • interactiveJapanlogo • Namco • Pac-Manpioneering • playable doodle • WASD • widget


Simon Perkins
13 JULY 2009

Skittles Website takes it to the people

"Skittles [ ] no longer have a "traditional" website, yet their presence on the Internet has been expanded dramatically and an enormous buzz has been created.

When you enter the skittles web address in your browser you are presented with what can be likened to a widget. This points you to the various sites on the social web."



David Rogerson

to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.