131
The Seduc)on of the Interface

The Seduction of the Interface

Embed Size (px)

DESCRIPTION

Interaction designers need to seduce their users with the very design of their products, not by relying on the efforts of external "marketing people". I discuss seduction techniques and merchandising traditions in a context of the interaction designs of Web 2.0 products and services.

Citation preview

Page 1: The Seduction of the Interface

TheSeduc)onoftheInterface

Page 2: The Seduction of the Interface
Page 3: The Seduction of the Interface

seduc&on

Page 4: The Seduction of the Interface

graphpaper.com

ChristopherFahey

Page 5: The Seduction of the Interface

merchandising

Page 6: The Seduction of the Interface

merchandisingvs.

marke&ng

Page 7: The Seduction of the Interface
Page 8: The Seduction of the Interface

marke&ng

Page 9: The Seduction of the Interface
Page 10: The Seduction of the Interface

merchandisingThestrategyandimplementa1onofhowaproductispresentedtocustomersastheydecidewhetherornottopurchase.

Page 11: The Seduction of the Interface

merchandising

ThreeModesofMerchandising:

1.SellingContexts

2.Packaging

3.ProductsthatSellThemselves

Page 12: The Seduction of the Interface

1.SellingContexts

Page 13: The Seduction of the Interface
Page 14: The Seduction of the Interface
Page 15: The Seduction of the Interface
Page 16: The Seduction of the Interface

SellingContexts

E‐commerceSellingContexts

• Marke1ngexpertsares1lllearninghowtoop1mizeplacement,pricing,sequences,nomenclature.

Page 17: The Seduction of the Interface

SellingContexts

E‐commerceSellingContexts

• Marke1ngexpertsares1lllearninghowtoop1mizeplacement,pricing,sequences,nomenclature.

Buttherehavebeenmanyfeatureinnova1ons...

• Automatedrecommenda1ons

• “Peoplelikeyoubought”

• Wishlists

• RobustUIproductpreviews

Page 18: The Seduction of the Interface

2.Packaging

Page 19: The Seduction of the Interface
Page 20: The Seduction of the Interface
Page 21: The Seduction of the Interface

Packaging=TheSellingContext?

Page 22: The Seduction of the Interface
Page 23: The Seduction of the Interface
Page 24: The Seduction of the Interface
Page 25: The Seduction of the Interface

Don’tThinkofYourProduct’s“Box”

Page 26: The Seduction of the Interface

3.ProductsthatSellThemselves

Page 27: The Seduction of the Interface
Page 28: The Seduction of the Interface

merchandisingThestrategyandimplementa1onofhowaproductispresentedtocustomersastheydecidewhetherornottopurchase.

Page 29: The Seduction of the Interface

beyondmerchandising

Page 30: The Seduction of the Interface

marke&ngvs.design

Page 31: The Seduction of the Interface

marke&ngvs.design

Page 32: The Seduction of the Interface

marke&ng=design

Page 33: The Seduction of the Interface

design

Page 34: The Seduction of the Interface

“web‐centric”

Page 35: The Seduction of the Interface

pleasure

Page 36: The Seduction of the Interface

pleasure!=sensoryexperiences

Page 37: The Seduction of the Interface

pleasuredrivesus

Page 38: The Seduction of the Interface
Page 39: The Seduction of the Interface

pleasure

“ANrac&vethingsworkbeNer.”

‐DonNorman,Emo+onalDesign

Page 40: The Seduction of the Interface
Page 41: The Seduction of the Interface
Page 42: The Seduction of the Interface
Page 43: The Seduction of the Interface

“web2.0”

Page 44: The Seduction of the Interface

web2.0

HowthedesignofWeb2.0userexperienceschangehowproductsaremarketed:

• Subscrip1on‐basedproductmodels

• Vibrantcommuni1esaroundandwithinproducts

• Fully‐func1onaldemos,easilydistributedandmanaged

• Whatisa“product?”UnclearseamsbetweenplaYorms

• Free!

Page 45: The Seduction of the Interface

conversion

Page 46: The Seduction of the Interface
Page 47: The Seduction of the Interface

the“hardsell”the“hardsell”

Page 48: The Seduction of the Interface
Page 49: The Seduction of the Interface

conversionisobsolete

Page 50: The Seduction of the Interface
Page 51: The Seduction of the Interface

conversionconnec&on

Page 52: The Seduction of the Interface

seduc&on

Page 53: The Seduction of the Interface

fallinginlove

Page 54: The Seduction of the Interface

TheThreeStagesofSeduc&on1.Inspiretheira[en1on,interestanddesire2.Drawthemin(leadthemastray)3.Capturetheirongoingdevo1on

Page 55: The Seduction of the Interface

StageOne:Inspiretheira7en)on,interestanddesire

Page 56: The Seduction of the Interface

chooseyour“vic&m”

Page 57: The Seduction of the Interface

• TheInnocent

• TheExplorer

• TheSage

• TheHero

• TheOutlaw

• TheMagician

Mark&Pearson’s“Archetypes”

Source: The Hero and the Outlaw by Margaret Mark and Carol Pearson

Page 58: The Seduction of the Interface

RobertGreene’s“Vic&ms”

• TheReformedRakeorSiren

• TheDisappointedDreamer

• ThePamperedRoyal

• TheNewPrude

• TheCrushedStar

• TheNovice

• TheConqueror

• TheExo1cFe1shist

• TheDramaQueen

Source: The Art of Seduction by Robert Greene

• TheProfessor

• TheBeauty

• TheAgingBaby

• TheRescuer

• TheRoué

• TheIdolWorshipper

• TheSensualist

• TheLonelyLeader

• TheFloa1ngGender

Page 59: The Seduction of the Interface

Yahoo’s“Compe&&veSpectrum”

Source: http://developer.yahoo.com/ypatterns/pattern.php?pattern=competitive

Page 60: The Seduction of the Interface

Makeupyourown!

Detectyourusers’emo&onalquali&esandspeaktotheminyourUIdesign.Examples:

• Rebelliousnessanddifference

• PowerandControl

• Achievementandaspira1ontoanewclassrole

• Modesty

• Avoidanceofembarrassment

• Authen1city

• Acceptanceinone’ssocialgroup

• Funandreleasefromstress

Page 61: The Seduction of the Interface

UserPersonas

Page 62: The Seduction of the Interface

UserPersonas

PersonaUsageGuidelines:• Personasofanykindshouldbeinformedbyresearch.

• Eventhesmallestamountofresearchhelps.It’snotabadthingifthedesignersthemselvesdosomeoralloftheresearch.

• Thediscussionsa2ertheresearcharealmostmoreimportant.

• Thejourneyismoreimportantthantheresult.

• Differen&ateseduc&vequali&esfromgenuineuserfunc&onalneeds.

Page 63: The Seduction of the Interface

makethefirstmove

Page 64: The Seduction of the Interface

makethefirstmove

Aboutpick‐uplines:

• Shouldnotbethreatening

• Shoulds1rcuriosity

• Shouldbeaspringboardformoreconversa1on

• Shouldbeavehiclefordisplayingyourvalue

Page 65: The Seduction of the Interface

makethefirstmove

•UseWords

• Speakdirectlytotheuser

• Tellthemwhattheycandotodospecifically

•UseMo1on

• Anima1on

• Videodemos

•CarefulwithAudio!

Page 66: The Seduction of the Interface

butdon’tbeajerk

Page 67: The Seduction of the Interface

createasenseofmystery

Page 68: The Seduction of the Interface

thefirstmove

• Blah

Page 69: The Seduction of the Interface
Page 70: The Seduction of the Interface
Page 71: The Seduction of the Interface

appeardesirable

Page 72: The Seduction of the Interface
Page 73: The Seduction of the Interface

appeardesirable

PresentTes1monials

• Notjustmediates1monials

• Butrealusertes1monials,too

Page 74: The Seduction of the Interface

appeardesirable

PresentTes1monials

• Notjustmediates1monials

• Butrealusertes1monials,too

Page 75: The Seduction of the Interface

flaNerthem

Page 76: The Seduction of the Interface
Page 77: The Seduction of the Interface

projectconfidence

Page 78: The Seduction of the Interface

showcalculatedvulnerability

Page 79: The Seduction of the Interface

temptthem

Page 80: The Seduction of the Interface

StageTwo:DrawThemIn(LeadThemAstray)

Page 81: The Seduction of the Interface

dazzlethemwithwonder

Page 82: The Seduction of the Interface
Page 83: The Seduction of the Interface
Page 84: The Seduction of the Interface

tellastory

Page 85: The Seduction of the Interface

enablestories

Page 86: The Seduction of the Interface
Page 87: The Seduction of the Interface

bestylish

Page 88: The Seduction of the Interface
Page 89: The Seduction of the Interface
Page 90: The Seduction of the Interface
Page 91: The Seduction of the Interface

delightinthedetails

Page 92: The Seduction of the Interface
Page 93: The Seduction of the Interface
Page 94: The Seduction of the Interface
Page 95: The Seduction of the Interface
Page 96: The Seduction of the Interface

haveasenseofhumor

Page 97: The Seduction of the Interface
Page 98: The Seduction of the Interface
Page 99: The Seduction of the Interface

offeraffordancesofdesire

Page 100: The Seduction of the Interface
Page 101: The Seduction of the Interface

distractthemfromtheirresponsibili&es

Page 102: The Seduction of the Interface
Page 103: The Seduction of the Interface
Page 104: The Seduction of the Interface
Page 105: The Seduction of the Interface

Switch to the other mode and find your selection there.

Focus on theselected folders or project, temporarily hiding everything else.

Group your projects under headings based on their containing folders or various dates.

Clean Up puts everything where it belongs, based on the changes you made.

Sort your projects by various criteria, or leave them unsorted.

Reset the next review date for the selected projects.

Type to filter the view for matching folders, projects, and actions.

Click the View button in the toolbar to see the View bar, which contains lots of handy menus for filtering your outline, and the column headers.View Bar

Filter your projects by status.Remaining: Left to be doneActive: Currently working on Stalled: Without available actionsPending: Starting in the futureOn Hold: Not currently working onDropped: Given upCompleted: Finished successfully

Filter actions by status.Remaining: Actions not yet completeNext Action: The next thing you can do in each projectAvailable: Actions you can do right nowCompleted: Actions finished successfully

Filter actions by estimated time, so you can find stu! that can be done in the time you have available right now.

Open the inspectors, where you can edit details of the selected items.

Filter actions by whether you have flagged them. Flags don't have any inherent meaning; they're just a convenience.

Print what's currently visible in the outline.

ToolbarPlanning mode is where you organize your actions into projects and folders.

Planning mode and Context modeContext mode is where you can ignore the hierarchy and concentrate on working.

Planning Sidebar

Contexts Sidebar

The Inbox: dump in stu! to process later

The Library contains all your folders, projects, and actions

Folders: Categorize your projects

A Project represents some goal you hope to achieve

Select any item in the sidebar to see its contents in the main outlin!

A Shoebox holds single actions that don't fit into a project

The No Context box: actions still needing contexts

A Context represents the place or the tools necessary to get something done

Contexts can contain subcontexts

Select a context to see the actions assigned to i"

Numbers indicate your inbox items "gray#, overdue actions "red#, and almost$due actions "orange#

Clear your custom filters, returning to the defaults or to the last perspective you opened

You can switch back and forth between planning mode and context mode by clicking the Mode switcher

or the Switch button on the toolbar.

Outline This is the detailed view of your inbox, folders, projects, and actions, arranged in rows and columns. Contexts mode is similar, except that actions are broken out of their project hierarchies so you can see them individually by project, due date, and so on.

The Inbox appears above your library of projects and actions. Outline new ideas, incoming tasks, or emerging projects here. When you're ready, assign a project and a context to an item, then click the Clean Up button to turn it into an action. Or,

drag an item to the sidebar to turn it into a project.

The darker gray rows are your grouping, as set in the View Bar above. This outline is grouped by folder.

Lighter gray rows are projects. A project should be a goal that you can complete some day; this one is the title of a painting.

The first remaining thing you can do in each project, the next action, is colored purple.

Because this project is sequential, all actions after the next action are considered unavailable. You have to finish the

earlier actions before you can start the later ones.

When you put the mouse pointer on a row, you see the columns and buttons available for that item.

You can use the Add Child, Indent, and Group commands in the Edit ! Outlining menu to collect related actions into a

group for easier tracking.

Overdue items are red.

Single!action lists are like projects, but they contain loose, unrelated items instead of actions aimed toward the

completion of a goal.

All single actions are considered “next actions,” and they are colored blue to distinguish them from project actions.

...And here's the next folder, with its own projects and single$action lists inside.

The arrows on a project or a group indicate whether it is parallel or sequential. The sequential “Work” must have its actions done in the order they are listed, while the parallel “Ideas to sketch out” can have its actions done in any order.

This action is flagged. Click the flag icon to mark items with a flag for your own reference; the flag filter in the View Bar above can find all of your flagged items for you.

This action has a due date. You can show the Due Date column "and other columns# in the View menu.

This action has a note, as shown by the note icon. Click a note icon to see the note area, where you can type or drop files.

Categorize your actions by context; then you can switch to Contexts Mode and organize them by when and where you can do each one.

PerspectivesPerspectives store the settings for your OmniFocus window, so you can get back to them again and again. You can find them in the Perspectives menu.

Click the plus button to create a perspective from your current

OmniFocus window.

Double$click a perspective to open it in your front OmniFocus

window, or Option$double$click to open it in a new window.

You can assign keyboard shortcuts in the options area below for quick access.

The pane on the right shows the view settings for the selected perspective.

Drag an image file onto a perspective, or choose an image

from the options below, to give it a custom icon. These icons become available as toolbar buttons in the

main window.

Quick Entry Whatever application you're using, press the Quick Entry shortcut ""#Space by default# to quickly send information to OmniFocus.

Outline freely in the quick entry window just like you do in the inbox.

If you don't assign a project or a context, your quick entry items land in the inbox for you to process later.

Set up a Clippings shortcut in Preferences, then use it to send selected content from any application straight to Quick Entry.

OmniFocus OverviewToolbar

View bar

Outline

Quick Entry

Sidebar

Perspectives

Use the Action pop$up menu to customize columns.

"Planning mode#

Click the Snapshot button to overwrite the selected perspective

with the current window's settings.

Click the expand button to see options for the selected perspective.

Page 106: The Seduction of the Interface

Switch to the other mode and find your selection there.

Focus on theselected folders or project, temporarily hiding everything else.

Group your projects under headings based on their containing folders or various dates.

Clean Up puts everything where it belongs, based on the changes you made.

Sort your projects by various criteria, or leave them unsorted.

Reset the next review date for the selected projects.

Type to filter the view for matching folders, projects, and actions.

Click the View button in the toolbar to see the View bar, which contains lots of handy menus for filtering your outline, and the column headers.View Bar

Filter your projects by status.Remaining: Left to be doneActive: Currently working on Stalled: Without available actionsPending: Starting in the futureOn Hold: Not currently working onDropped: Given upCompleted: Finished successfully

Filter actions by status.Remaining: Actions not yet completeNext Action: The next thing you can do in each projectAvailable: Actions you can do right nowCompleted: Actions finished successfully

Filter actions by estimated time, so you can find stu! that can be done in the time you have available right now.

Open the inspectors, where you can edit details of the selected items.

Filter actions by whether you have flagged them. Flags don't have any inherent meaning; they're just a convenience.

Print what's currently visible in the outline.

ToolbarPlanning mode is where you organize your actions into projects and folders.

Planning mode and Context modeContext mode is where you can ignore the hierarchy and concentrate on working.

Planning Sidebar

Contexts Sidebar

The Inbox: dump in stu! to process later

The Library contains all your folders, projects, and actions

Folders: Categorize your projects

A Project represents some goal you hope to achieve

Select any item in the sidebar to see its contents in the main outlin!

A Shoebox holds single actions that don't fit into a project

The No Context box: actions still needing contexts

A Context represents the place or the tools necessary to get something done

Contexts can contain subcontexts

Select a context to see the actions assigned to i"

Numbers indicate your inbox items "gray#, overdue actions "red#, and almost$due actions "orange#

Clear your custom filters, returning to the defaults or to the last perspective you opened

You can switch back and forth between planning mode and context mode by clicking the Mode switcher

or the Switch button on the toolbar.

Outline This is the detailed view of your inbox, folders, projects, and actions, arranged in rows and columns. Contexts mode is similar, except that actions are broken out of their project hierarchies so you can see them individually by project, due date, and so on.

The Inbox appears above your library of projects and actions. Outline new ideas, incoming tasks, or emerging projects here. When you're ready, assign a project and a context to an item, then click the Clean Up button to turn it into an action. Or,

drag an item to the sidebar to turn it into a project.

The darker gray rows are your grouping, as set in the View Bar above. This outline is grouped by folder.

Lighter gray rows are projects. A project should be a goal that you can complete some day; this one is the title of a painting.

The first remaining thing you can do in each project, the next action, is colored purple.

Because this project is sequential, all actions after the next action are considered unavailable. You have to finish the

earlier actions before you can start the later ones.

When you put the mouse pointer on a row, you see the columns and buttons available for that item.

You can use the Add Child, Indent, and Group commands in the Edit ! Outlining menu to collect related actions into a

group for easier tracking.

Overdue items are red.

Single!action lists are like projects, but they contain loose, unrelated items instead of actions aimed toward the

completion of a goal.

All single actions are considered “next actions,” and they are colored blue to distinguish them from project actions.

...And here's the next folder, with its own projects and single$action lists inside.

The arrows on a project or a group indicate whether it is parallel or sequential. The sequential “Work” must have its actions done in the order they are listed, while the parallel “Ideas to sketch out” can have its actions done in any order.

This action is flagged. Click the flag icon to mark items with a flag for your own reference; the flag filter in the View Bar above can find all of your flagged items for you.

This action has a due date. You can show the Due Date column "and other columns# in the View menu.

This action has a note, as shown by the note icon. Click a note icon to see the note area, where you can type or drop files.

Categorize your actions by context; then you can switch to Contexts Mode and organize them by when and where you can do each one.

PerspectivesPerspectives store the settings for your OmniFocus window, so you can get back to them again and again. You can find them in the Perspectives menu.

Click the plus button to create a perspective from your current

OmniFocus window.

Double$click a perspective to open it in your front OmniFocus

window, or Option$double$click to open it in a new window.

You can assign keyboard shortcuts in the options area below for quick access.

The pane on the right shows the view settings for the selected perspective.

Drag an image file onto a perspective, or choose an image

from the options below, to give it a custom icon. These icons become available as toolbar buttons in the

main window.

Quick Entry Whatever application you're using, press the Quick Entry shortcut ""#Space by default# to quickly send information to OmniFocus.

Outline freely in the quick entry window just like you do in the inbox.

If you don't assign a project or a context, your quick entry items land in the inbox for you to process later.

Set up a Clippings shortcut in Preferences, then use it to send selected content from any application straight to Quick Entry.

OmniFocus OverviewToolbar

View bar

Outline

Quick Entry

Sidebar

Perspectives

Use the Action pop$up menu to customize columns.

"Planning mode#

Click the Snapshot button to overwrite the selected perspective

with the current window's settings.

Click the expand button to see options for the selected perspective.

Page 107: The Seduction of the Interface

Switch to the other mode and find your selection there.

Focus on theselected folders or project, temporarily hiding everything else.

Group your projects under headings based on their containing folders or various dates.

Clean Up puts everything where it belongs, based on the changes you made.

Sort your projects by various criteria, or leave them unsorted.

Reset the next review date for the selected projects.

Type to filter the view for matching folders, projects, and actions.

Click the View button in the toolbar to see the View bar, which contains lots of handy menus for filtering your outline, and the column headers.View Bar

Filter your projects by status.Remaining: Left to be doneActive: Currently working on Stalled: Without available actionsPending: Starting in the futureOn Hold: Not currently working onDropped: Given upCompleted: Finished successfully

Filter actions by status.Remaining: Actions not yet completeNext Action: The next thing you can do in each projectAvailable: Actions you can do right nowCompleted: Actions finished successfully

Filter actions by estimated time, so you can find stu! that can be done in the time you have available right now.

Open the inspectors, where you can edit details of the selected items.

Filter actions by whether you have flagged them. Flags don't have any inherent meaning; they're just a convenience.

Print what's currently visible in the outline.

ToolbarPlanning mode is where you organize your actions into projects and folders.

Planning mode and Context modeContext mode is where you can ignore the hierarchy and concentrate on working.

Planning Sidebar

Contexts Sidebar

The Inbox: dump in stu! to process later

The Library contains all your folders, projects, and actions

Folders: Categorize your projects

A Project represents some goal you hope to achieve

Select any item in the sidebar to see its contents in the main outlin!

A Shoebox holds single actions that don't fit into a project

The No Context box: actions still needing contexts

A Context represents the place or the tools necessary to get something done

Contexts can contain subcontexts

Select a context to see the actions assigned to i"

Numbers indicate your inbox items "gray#, overdue actions "red#, and almost$due actions "orange#

Clear your custom filters, returning to the defaults or to the last perspective you opened

You can switch back and forth between planning mode and context mode by clicking the Mode switcher

or the Switch button on the toolbar.

Outline This is the detailed view of your inbox, folders, projects, and actions, arranged in rows and columns. Contexts mode is similar, except that actions are broken out of their project hierarchies so you can see them individually by project, due date, and so on.

The Inbox appears above your library of projects and actions. Outline new ideas, incoming tasks, or emerging projects here. When you're ready, assign a project and a context to an item, then click the Clean Up button to turn it into an action. Or,

drag an item to the sidebar to turn it into a project.

The darker gray rows are your grouping, as set in the View Bar above. This outline is grouped by folder.

Lighter gray rows are projects. A project should be a goal that you can complete some day; this one is the title of a painting.

The first remaining thing you can do in each project, the next action, is colored purple.

Because this project is sequential, all actions after the next action are considered unavailable. You have to finish the

earlier actions before you can start the later ones.

When you put the mouse pointer on a row, you see the columns and buttons available for that item.

You can use the Add Child, Indent, and Group commands in the Edit ! Outlining menu to collect related actions into a

group for easier tracking.

Overdue items are red.

Single!action lists are like projects, but they contain loose, unrelated items instead of actions aimed toward the

completion of a goal.

All single actions are considered “next actions,” and they are colored blue to distinguish them from project actions.

...And here's the next folder, with its own projects and single$action lists inside.

The arrows on a project or a group indicate whether it is parallel or sequential. The sequential “Work” must have its actions done in the order they are listed, while the parallel “Ideas to sketch out” can have its actions done in any order.

This action is flagged. Click the flag icon to mark items with a flag for your own reference; the flag filter in the View Bar above can find all of your flagged items for you.

This action has a due date. You can show the Due Date column "and other columns# in the View menu.

This action has a note, as shown by the note icon. Click a note icon to see the note area, where you can type or drop files.

Categorize your actions by context; then you can switch to Contexts Mode and organize them by when and where you can do each one.

PerspectivesPerspectives store the settings for your OmniFocus window, so you can get back to them again and again. You can find them in the Perspectives menu.

Click the plus button to create a perspective from your current

OmniFocus window.

Double$click a perspective to open it in your front OmniFocus

window, or Option$double$click to open it in a new window.

You can assign keyboard shortcuts in the options area below for quick access.

The pane on the right shows the view settings for the selected perspective.

Drag an image file onto a perspective, or choose an image

from the options below, to give it a custom icon. These icons become available as toolbar buttons in the

main window.

Quick Entry Whatever application you're using, press the Quick Entry shortcut ""#Space by default# to quickly send information to OmniFocus.

Outline freely in the quick entry window just like you do in the inbox.

If you don't assign a project or a context, your quick entry items land in the inbox for you to process later.

Set up a Clippings shortcut in Preferences, then use it to send selected content from any application straight to Quick Entry.

OmniFocus OverviewToolbar

View bar

Outline

Quick Entry

Sidebar

Perspectives

Use the Action pop$up menu to customize columns.

"Planning mode#

Click the Snapshot button to overwrite the selected perspective

with the current window's settings.

Click the expand button to see options for the selected perspective.

Page 108: The Seduction of the Interface

Switch to the other mode and find your selection there.

Focus on theselected folders or project, temporarily hiding everything else.

Group your projects under headings based on their containing folders or various dates.

Clean Up puts everything where it belongs, based on the changes you made.

Sort your projects by various criteria, or leave them unsorted.

Reset the next review date for the selected projects.

Type to filter the view for matching folders, projects, and actions.

Click the View button in the toolbar to see the View bar, which contains lots of handy menus for filtering your outline, and the column headers.View Bar

Filter your projects by status.Remaining: Left to be doneActive: Currently working on Stalled: Without available actionsPending: Starting in the futureOn Hold: Not currently working onDropped: Given upCompleted: Finished successfully

Filter actions by status.Remaining: Actions not yet completeNext Action: The next thing you can do in each projectAvailable: Actions you can do right nowCompleted: Actions finished successfully

Filter actions by estimated time, so you can find stu! that can be done in the time you have available right now.

Open the inspectors, where you can edit details of the selected items.

Filter actions by whether you have flagged them. Flags don't have any inherent meaning; they're just a convenience.

Print what's currently visible in the outline.

ToolbarPlanning mode is where you organize your actions into projects and folders.

Planning mode and Context modeContext mode is where you can ignore the hierarchy and concentrate on working.

Planning Sidebar

Contexts Sidebar

The Inbox: dump in stu! to process later

The Library contains all your folders, projects, and actions

Folders: Categorize your projects

A Project represents some goal you hope to achieve

Select any item in the sidebar to see its contents in the main outlin!

A Shoebox holds single actions that don't fit into a project

The No Context box: actions still needing contexts

A Context represents the place or the tools necessary to get something done

Contexts can contain subcontexts

Select a context to see the actions assigned to i"

Numbers indicate your inbox items "gray#, overdue actions "red#, and almost$due actions "orange#

Clear your custom filters, returning to the defaults or to the last perspective you opened

You can switch back and forth between planning mode and context mode by clicking the Mode switcher

or the Switch button on the toolbar.

Outline This is the detailed view of your inbox, folders, projects, and actions, arranged in rows and columns. Contexts mode is similar, except that actions are broken out of their project hierarchies so you can see them individually by project, due date, and so on.

The Inbox appears above your library of projects and actions. Outline new ideas, incoming tasks, or emerging projects here. When you're ready, assign a project and a context to an item, then click the Clean Up button to turn it into an action. Or,

drag an item to the sidebar to turn it into a project.

The darker gray rows are your grouping, as set in the View Bar above. This outline is grouped by folder.

Lighter gray rows are projects. A project should be a goal that you can complete some day; this one is the title of a painting.

The first remaining thing you can do in each project, the next action, is colored purple.

Because this project is sequential, all actions after the next action are considered unavailable. You have to finish the

earlier actions before you can start the later ones.

When you put the mouse pointer on a row, you see the columns and buttons available for that item.

You can use the Add Child, Indent, and Group commands in the Edit ! Outlining menu to collect related actions into a

group for easier tracking.

Overdue items are red.

Single!action lists are like projects, but they contain loose, unrelated items instead of actions aimed toward the

completion of a goal.

All single actions are considered “next actions,” and they are colored blue to distinguish them from project actions.

...And here's the next folder, with its own projects and single$action lists inside.

The arrows on a project or a group indicate whether it is parallel or sequential. The sequential “Work” must have its actions done in the order they are listed, while the parallel “Ideas to sketch out” can have its actions done in any order.

This action is flagged. Click the flag icon to mark items with a flag for your own reference; the flag filter in the View Bar above can find all of your flagged items for you.

This action has a due date. You can show the Due Date column "and other columns# in the View menu.

This action has a note, as shown by the note icon. Click a note icon to see the note area, where you can type or drop files.

Categorize your actions by context; then you can switch to Contexts Mode and organize them by when and where you can do each one.

PerspectivesPerspectives store the settings for your OmniFocus window, so you can get back to them again and again. You can find them in the Perspectives menu.

Click the plus button to create a perspective from your current

OmniFocus window.

Double$click a perspective to open it in your front OmniFocus

window, or Option$double$click to open it in a new window.

You can assign keyboard shortcuts in the options area below for quick access.

The pane on the right shows the view settings for the selected perspective.

Drag an image file onto a perspective, or choose an image

from the options below, to give it a custom icon. These icons become available as toolbar buttons in the

main window.

Quick Entry Whatever application you're using, press the Quick Entry shortcut ""#Space by default# to quickly send information to OmniFocus.

Outline freely in the quick entry window just like you do in the inbox.

If you don't assign a project or a context, your quick entry items land in the inbox for you to process later.

Set up a Clippings shortcut in Preferences, then use it to send selected content from any application straight to Quick Entry.

OmniFocus OverviewToolbar

View bar

Outline

Quick Entry

Sidebar

Perspectives

Use the Action pop$up menu to customize columns.

"Planning mode#

Click the Snapshot button to overwrite the selected perspective

with the current window's settings.

Click the expand button to see options for the selected perspective.

Page 109: The Seduction of the Interface

StageThree:CaptureTheir

OngoingDevo)on

Page 110: The Seduction of the Interface

involveothers

Page 111: The Seduction of the Interface
Page 112: The Seduction of the Interface
Page 113: The Seduction of the Interface
Page 114: The Seduction of the Interface
Page 115: The Seduction of the Interface
Page 116: The Seduction of the Interface

con&nuallygrow

Page 117: The Seduction of the Interface
Page 118: The Seduction of the Interface
Page 119: The Seduction of the Interface

thedesignprocess

Page 120: The Seduction of the Interface

goals,scenariosandpaths

Page 121: The Seduction of the Interface

goals

Yourusershavegoals.Writethemdownandusethemtoguideandinspireyourdesign.

• Theywill“muddlethrough”thehardpartsiftheendresultiss1llvisibletothem.

• Usetempta1onandencouragementtokeepthemgoing.

• Don’tlie:Behonestabouthowclosetotheirgoalstheyreallyare.

Page 122: The Seduction of the Interface
Page 123: The Seduction of the Interface

planfordelight

Page 124: The Seduction of the Interface

evaluatewithpsychologyand

emo&on

Page 125: The Seduction of the Interface

understandyourself

Page 126: The Seduction of the Interface

RobertGreene’s“Seducers”

• TheProfessor

• TheBeauty

• TheAgingBaby

• TheRescuer

• TheRoué

• TheIdolWorshipper

• TheSensualist

• TheLonelyLeader

• TheFloa1ngGender

• TheSiren

• TheRake

• TheIdealLover

• TheDandy

• TheNatural

• TheCoque[e

• TheCharmer

• TheCharisma1c

• TheStar

Source: The Art of Seduction by Robert Greene

Page 127: The Seduction of the Interface

The30‐SecondSeducers

• TheScholar

• TheShow‐off

• TheSneak

• TheRoman1c

• TheBestFriend

Source: The 30-Second Seduction by Andrea Gardner

Page 128: The Seduction of the Interface

closingthoughts

Page 129: The Seduction of the Interface

closingthoughts

Seduc1onis...

...notaboutsex‐‐it’saboutloveandtogetherness...enchantmentandpleasure.

...user‐centric

...ajourney

...proac1ve

...andnothingtobesqueamishabout!

Page 130: The Seduction of the Interface

closingthoughts

Seduc&onisnolongertheexclusiveresponsibilityof“themarke&ngpeople”.

It’sadesignjob.Sodoit.

Page 131: The Seduction of the Interface

ChristopherFahey

graphpaper.com

Thanks,Ihadfun!