Widgets 101 1. Analysis of Attendio Widget 2. Fun in design: an advocacyWidget Ralph Sklarew, principal workingWidgets

What’s a Widget? Widgets are movable web applications that focus a lot of power in a small screen space. They can do anything a large Web site can do but many can be placed and fit on a single page so you can have everything at your fingertips. They don't have to be whole applications; someday you'll be able to connect them yourself to do whatever you want, when and where you want.

Widgets are movable web applications that focus a lot of power in a small screen space.

They can do anything a large Web site can do but many can be placed and fit on a single page so you can have everything at your fingertips.

They don't have to be whole applications; someday you'll be able to connect them yourself to do whatever you want, when and where you want.

What’s a Widget? Widgets are built to share . If you see one you like, you can take a copy and customize it for yourself. And use it in your blog, on your web pages, on your computer desktop or on your cell phone.

Widgets are built to share . If you see one you like, you can take a copy and customize it for yourself.

And use it in your blog, on your web pages, on your computer desktop or on your cell phone.

What’s a Widget Used For? Distribute information... answers, events, places, prices, people... Integrate information, analyze it and present it in interesting ways... networks for members, finding the right job, elearning, glue for the virtual company... Communicate ... people to people by text, images, audio, video or virtual reality; though computers, phones or cell phones for learning, advertising, sales, support, fun or friends...

Distribute information... answers, events, places, prices, people...

Integrate information, analyze it and present it in interesting ways... networks for members, finding the right job, elearning, glue for the virtual company...

Communicate ... people to people by text, images, audio, video or virtual reality; though computers, phones or cell phones for learning, advertising, sales, support, fun or friends...

What’s a Widget Used For? They're personalized, secure and self-serve. And they're viral , so everyone help distribute information. Scheduling for events, facilities or services such as rooms, meetings and people, or transportation, restaurants and hotels Shopping - from product/service research to inventory to selection to purchase to payment to shipping to delivery Community building for affinity groups - companies, associations, fans, neighborhoods, schools, or churches

They're personalized, secure and self-serve. And they're viral , so everyone help distribute information.

Scheduling for events, facilities or services such as rooms, meetings and people, or transportation, restaurants and hotels

Shopping - from product/service research to inventory to selection to purchase to payment to shipping to delivery

Community building for affinity groups - companies, associations, fans, neighborhoods, schools, or churches

Advantages of Widgets Provide " clear " communications (without spam) Extend brand beyond Web site Powerful search engine optimization tool Placed by the user where it will be seen frequently On the user's desktop working with pre-loaded information offline In mobile environment Small and colorful with workflow built-in Can be work-focused Use same backend and information as web site

Provide " clear " communications (without spam)

Extend brand beyond Web site

Powerful search engine optimization tool

Placed by the user where it will be seen frequently

On the user's desktop working with pre-loaded information offline

In mobile environment

Small and colorful with workflow built-in

Can be work-focused

Use same backend and information as web site

Advantages of Widgets I Presence they can be placed where the user is... home page on Web – blog – Google start page – MySpace – Facebook… computer desktop cell phone they can indicate others’ presence they present results to the user

Presence

they can be placed where the user is...

home page on Web

– blog

– Google start page

– MySpace

– Facebook…

computer desktop

cell phone

they can indicate others’ presence

they present results to the user

Advantages of Widgets II " Push " - the user "pulls" the widget but it's information is pushed to the user Customization – they can be customized by the provider, the user or in response to user behaviors Distribution - can be spread virally, see one you like and take a copy (and get an account if required)

" Push " - the user "pulls" the widget but it's information is pushed to the user

Customization – they can be customized by the provider, the user or in response to user behaviors

Distribution - can be spread virally, see one you like and take a copy (and get an account if required)

Advantages of Widgets III Security - the owner can control who gets them and user's identities; misbehavior can be punished, leads to trust Footprint - small (so many can be at the user's figure tips) with carefully thought out workflow Anywhere - works online and offline or with intermittent connections

Security - the owner can control who gets them and user's identities; misbehavior can be punished, leads to trust

Footprint - small (so many can be at the user's figure tips) with carefully thought out workflow

Anywhere - works online and offline or with intermittent connections

Anatomy of a Widget 1. Click "View Profile" or the image at top left to see the widget owner details. 2. There are two main views: list view and calendar view (this example shows list view). Click this button to toggle between them From: attendio.com/widgets/about

1. Click "View Profile" or the image at top left to see the widget owner details.

2. There are two main views: list view and calendar view (this example shows list view). Click this button to toggle between them

Anatomy of a Widget 3. The widget's "owner" can add new events by clicking this button 4. Click any event to see its details page in Attendio. Details pages supports images, maps, more info, etc. From: attendio.com/widgets/about

3. The widget's "owner" can add new events by clicking this button

4. Click any event to see its details page in Attendio. Details pages supports images, maps, more info, etc.

Anatomy of a Widget 5. Users can click the calendar icon under the event to save event details to their personal calendar (Outlook, Google Calendar, iCal, etc). They can click the email icon to tell Friends about the event via email, and click the Mobile icon to set up a mobile reminder. From: attendio.com/widgets/about

5. Users can click the calendar icon under the event to save event details to their personal calendar (Outlook, Google Calendar, iCal, etc).

They can click the email icon to tell Friends about the event via email, and click the Mobile icon to set up a mobile reminder.

Anatomy of a Widget 6. Change category here if the widget's owner is listing events in more than one category. From: attendio.com/widgets/about

6. Change category here if the widget's owner is listing events in more than one category.

Anatomy of a Widget 7. Users can change their location to see events only in their area. We advise leaving the location as "All of USA" for most widgets. From: attendio.com/widgets/about

7. Users can change their location to see events only in their area. We advise leaving the location as "All of USA" for most widgets.

Anatomy of a Widget 8. Change category here if the widget's owner is listing events in more than one category 9. Fans can click " Grab it! " to get a copy of this widget for their own site or a fan site. From: attendio.com/widgets/about

8. Change category here if the widget's owner is listing events in more than one category

9. Fans can click " Grab it! " to get a copy of this widget for their own site or a fan site.

Event Settings

Place the widget other places