• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

The Conversation Gets Interesting: Creating the Adaptive Interface

on

  • 51,298 views

With the proliferation of rich Internet applications and interactions more closely aligned with how people think, we face some interesting challenges: ...

With the proliferation of rich Internet applications and interactions more closely aligned with how people think, we face some interesting challenges:

* Do we design for one common audience and common tasks, or tailor applications around specific audiences and their unique activities?
* How do we resolve the tension between creating simple applications that ‘do less’ and the demand for new features that some people really do need?
* As we move beyond usability to create desirable interfaces, how do we handle a subjective domain like emotions?

These types of challenges could all be addressed by creating a truly ‘adaptive' interface. More than removing unused menu options or collaborative filtering, this would include functionality that is revealed over time as well as interface elements that change based on usage. Imagine the web-based email client that begins offering three forms fields for attachments instead of the default one, because it 'noticed' that you frequently upload more than one file. Or the navigation menu that disappears because it is not relevant to the task at hand. Sound scary? Look at the world of game design, where inconsistency has never been an issue and where users learn new functions over time, as needed. In the same ways that ads are becoming more targeted around context and behavior, we can also create interfaces that respond, suggest, or change based on actual usage data.

While much of this is still speculative, we'll explore some concrete examples of how such ideas have already been used, and other instances where they could be used. We'll also take a brief look at what technologies might support these interactions, as well as some of the rules engines that might make this possible. And, to ground this in the past, we'll at some existing navigational theories and research that might support this argument for an interface that is truly conversational and context aware.

Statistics

Views

Total Views
51,298
Views on SlideShare
48,555
Embed Views
2,743

Actions

Likes
265
Downloads
2
Comments
9

50 Embeds 2,743

http://ianchia.com 1274
http://uxperience.wordpress.com 406
http://weblog.flyers.nl 318
http://www.poetpainter.com 280
http://www.felgner.ch 117
http://www.slideshare.net 51
http://www.flyers.nl 50
http://www.iasummit.org 34
http://www.bojhan.nl 29
http://paper.li 24
http://www.fucinaweb.com 18
http://www.matthewparsons.com 15
http://www.robfay.com 12
http://capcloud.com 10
http://vladk2k.homeip.net 10
http://www.linkedin.com 9
http://www.techgig.com 8
http://translate.googleusercontent.com 6
http://bojhan.nl 6
http://www.2und40.net 5
http://v-writes.blogspot.com 5
http://blog.web-interfete.com 5
http://matthewparsons.com 5
http://a0.twimg.com 4
http://kimkyuhee.tistory.com 4
http://poetpainter.com 4
http://www.cyanto.net 3
https://www.linkedin.com 3
https://s3.amazonaws.com 2
http://robfay.com 2
http://www.filescon.com 2
http://www.blogger.com 2
http://lj-toys.com 2
http://metanotes.kicks-ass.org 2
http://nandop.tumblr.com 1
http://www.ranksit.com 1
http://www.google.com 1
http://115.112.206.131 1
http://www.daags.nl 1
http://www.tanjadebie.nl 1
http://www.knowledgethoughts.com 1
http://jisi.dreamblog.jp 1
http://paul.flyers.nl 1
http://www.rapidshareeasy.com 1
http://asociacionelmoral.blogspot.com 1
http://virgenesnegras.blog.com 1
http://209.85.129.132 1
http://www.grancanario.com 1
http://www.ofertadeviaje.org 1
https://uxperience.wordpress.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

19 of 9 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hello
    Am mary ,
    i saw your profile today and became interested in you, i will like to know you the more, and i want you to send an email to my mail so that i can give you my picture for you to know whom i am. Here is my email address (maryjobe86@yahoo.de) I believe we can move from here. I am waiting for your reply in my mail don't send it in the site.
    Remember the distance or color does not matter but love matters allot in life
    (maryjobe86@yahoo.de)
    Are you sure you want to
    Your message goes here
    Processing…
  • As a management instructor I enjoy viewing the work of others. This is probably the best presentation on planning I have viewed.
    Teisha
    http://dashinghealth.com http://healthimplants.com
    Are you sure you want to
    Your message goes here
    Processing…
  • Good presentation. Too bad there's no sound to it....

    The ideas have been around for some time. It's a shame developers and designers use them so rarely. Good food for thought!
    Are you sure you want to
    Your message goes here
    Processing…
  • It made me think that it is not only in AT or WEB interfacing that people need to deal with adaptative stuff. Let's extend it to marketing propositions, sales interaction, public services. Have you ever thought of it?
    Are you sure you want to
    Your message goes here
    Processing…
  • great stuff ..can u enable download please
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    The Conversation Gets Interesting: Creating the Adaptive Interface The Conversation Gets Interesting: Creating the Adaptive Interface Presentation Transcript

    • The Conversation Gets Interesting: Creating the Adaptive Interface < icro? presented by Stephen P. Anderson
    • s started. . Where thi
    • SUBJECTIVE / QUALITATIVE Focused on Experiences (People, Activities, Context) Meaningful Has personal significance Pleasurable Memorable experience worth sharing Convenient THIS IS THE “CHASM” THAT IS REALLY, REALLY HARD FOR ORGANIZATIONS TO CROSS Super easy to use, works like I think Usable Can be used without difficulty Reliable Is available and accurate Functional (Useful) Works as programmed Focused on Tasks (Products, Features) OBJECTIVE / QUANTIFIABLE
    • Information presented in the most desirable fashion (requires high degree of personalization and adaptation) unique situations Open Space for Competitive Differentiation! Zone of ‘safe mediocrity’ Data displayed an interface (no filtering/presentation)
    • hat I’m NOT W talking about. .
    • hat I’m NOT W talking about. . “Hey what happened to my application?!!??”
    • hat I’m NOT W talking about. . (Microsoft’s ‘Smart Menu’)
    • hat I’m NOT W talking about. . (Adaptive Content)
    • Neural Networks hat I’m NOT W AI Social Mobs talking about. . User Models Unified User Interface Design Decision-Theoretic Optimization Machine Learning Algorithms Active Elicitation Keyhole Plan-Recognition Intended Plan-Recognition Polymorphic Task Hierarchies Bayesian Optimization Algorithm etc.
    • “Scripted” “Intelligent”
    • (This example pulled from a slide from Will Wright)
    • (This example pulled from a slide from Will Wright)
    • (This example pulled from a slide from Will Wright)
    • (This example pulled from a slide from Will Wright)
    • mples of what 2 quick exa lking about... I AM ta
    • (Quicktime Animation, showing file attachment; what if... the default number of exposed form fields changed based average use?)
    • http://www.uxmatters.com/MT/archives/000015.php
    • http://www.uxmatters.com/MT/archives/000015.php
    • http://www.uxmatters.com/MT/archives/000015.php
    • “Are people looking for a specific value (i.e. discharges this month) OR do they simply need a sense of all the information at once?” http://www.uxmatters.com/MT/archives/000015.php
    • context. . some is interesting (why this to me)
    • natural “Greasemonkey” language cool “Identity 2.0” recognition Javascript behaviors product as person / “Polite Interfaces” game design My interest in “Scent” Adaptive Interfaces “Less” designing for small screens (mobile apps) Behavioral Targeting personalization/ customization “Interface as features Conversation”
    • natural “Greasemonkey” language cool “Identity 2.0” recognition Javascript behaviors product as person / “Polite Interfaces” game design My interest in “Scent” Adaptive Interfaces “Less” designing for small screens (mobile apps) Behavioral and this one Targeting personalization/ little project customization “Interface as I was on.. features Conversation”
    • Project” The “Dream
    • A ‘group information management system’ for a busy executive and his 3 executive admins*. *overworked and over-stressed personal administrators, assigned to manage every aspect of one of three dimensions (family, philanthropy, business) of the busy executive's life
    • Only 4 Users No constraints Application needed to ‘work like I think’ BUT... Widely different levels of computer literacy Information needs varied per user Display of information varied per user Divergent screen size & orientation preferences
    • selected agenda type changed the options that followed
    • The ‘regular’ version different layouts & content the tablet version
    • only used only used only wanted a month view month view to to list of today’s calendar to never used a look for actions look for month view, projects color ‘gaps’ (did most only a wanted 2 coded as ‘non- of the week view profit’ ignored scheduling) all else Also, the idea of a ‘personal schedule’ and this guy’s schedule were pretty blurred! different calendar/planning views per user
    • learned: What I difficult to It’ s not that ized UIs. te personal crea
    • This happens IF THEN ELSE and/or We know that
    • at h W? If
    • at h W? If WHY NOT?
    • at h W? If WHY NOT? If, Then...
    • larification. . Quick c
    • Adaptive progressive disclosure Content UI Adaptable (personalization/customization)
    • Adaptive Content UI Adaptable (personalization/customization)
    • Adaptive (and mostly rich internet apps) Content UI Adaptable (personalization/customization)
    • ugh talk . Eno hat If?” n to the “W O
    • ugh talk . Eno hat If?” n to the “W O (take what you like, leave what you don’t like)
    • http://javascript.internet.com/forms/textbox-expander.html (Quicktime Animation, showing auto resizing text boxes) http://www.felgall.com/jstip45.htm
    • http://javascript.internet.com/forms/textbox-expander.html (Quicktime Animation, showing auto resizing text boxes) http://www.felgall.com/jstip45.htm
    • http://www.daylife.com/home http://www.ip-adress.com/index.php
    • What if... YOUR country was at the top based on IP Address?
    • What if... we noticed that a user was ‘missing’ the button. We could increase the button size! (Credit to Derek Featherstone for this one!)
    • http://www.boxesandarrows.com/view/ambient_signifi
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • ShaunInman.com is in its tenth incarnation; the third in a series of experiments using color and saturation to suggest the age (and arguably relative importance) of its content. Each day of the year is associated with a color. Winter begins with a blue which Spring changes to green. Summer fades to yellow and turns an orange-red by Autumn. As time passes, these colors begin to fade.
    • What if... The prominence of help links changed over time?
    • What if... we moved placement of text based on amount of text
    • A little information design, to emphasize the important stuff..
    • But ‘the important stuff’ changes over time.. What about different ‘time-based’ layouts?
    • But ‘the important stuff’ changes over time.. Confirmation What about different ‘time-based’ layouts?
    • But ‘the important stuff’ changes over time.. Navigation What about different ‘time-based’ layouts?
    • But ‘the important stuff’ changes over time.. Check-In What about different ‘time-based’ layouts?
    • But ‘the important stuff’ changes over time.. What about different ‘time-based’ layouts?
    • http://www.alistapart.com/articles/switchymclayout
    • What if... We collapsed this information after the 50th time!!
    • Why not..
    • Why not.. 1 area based on my activity
    • Why not.. 3 ‘fixed’ 1 area based on areas my activity
    • Why not.. 1 area they want to expose to me? 3 ‘fixed’ 1 area based on areas my activity
    • What if.. We changed the help text based on audience?
    • What if.. We changed the labeling per audience? Let’s book a trip! Add trip details
    • What if.. The navigation label varied from region to region? (slide from Adaptive Path)
    • “I’ve recently realized that there’s only 2 types of forms. There are forms you use very often, and forms you only use occasionally.” I disagree. I think there are 3 types of forms; forms that you use very often, forms that you use frequently, and forms that you use occasionally. It’s important that we make this distinction and clarify the issue so that we can architect those pages appropriately. Otherwise, we might end up making a “frequent” form that is of an “occasional” difficulty level; or worse, an “occasional” form as easy to use as a “very often” form. http://v1.garrettdimon.com/archives/the-duality-of-forms
    • “I’ve recently realized that there’s only 2 types of forms. There are forms you use very often, and forms you only use occasionally.” I disagree. I think there are 3 types of forms; forms that you use very often, forms that you use frequently, and forms that you use occasionally. It’s important that we make this distinction and clarify the issue so that we can architect those pages appropriately. Why decide? Otherwise, we might end up making a “frequent” form that is of an “occasional” difficulty Why not adapt level; or worse, an “occasional” form as easy to based on use? use as a “very often” form. http://v1.garrettdimon.com/archives/the-duality-of-forms
    • (Quicktime Animation)
    • Area 1 Area 2 Area 3 Area 4 Area 5 Option 1 Option 2 Option 3 Where I am. Option 4 Option 5 Options 6
    • Area 1 Area 2 Area 3 Area 4 Area 5 g n o r r fo Option 1 W n ! Option 2 r s e t Where Iion Option 3 t Pa am. t a Option 4 ic pl Option 5 p a Options 6
    • Where I started What I can do next Where I am. Where I came from What I can do next What I can do next
    • “Suddenly, the interface isn’t fixed and rigid, it’s fluid and molten.” -Time article, commenting on the new iPhone
    • What can we know about a person?
    • User Two Frequents: What can we amazon.com ebay.com know about a techcrunch.com person? delicious.com flickr.com popurls.com threadless.com thinksecret.com digg.com User One Frequents: google.com amazon.com getfirefox.com ebay.com twitter.com basecamphq.com etrade.com bloglines.com google.com refreshdallas.org finance.yahoo.com sxsw.com backpackit.com mail.yahoo.com textpattern.com consumerreports.org lukew.com
    • How might this help us make a design decision around discoverability? (no indication necessary) “just in time messaging” explicit indicator
    • is all this But possible?
    • Given the right data, all of this is relatively easy.
    • How? primarily cookies, also ‘data seepage’, rich profiles (within a site), marketing data (behavioral targeting), OpenID (+ClaimID, etc.), MAC/IP Address, and of course, internally collected data and usage patterns.
    • How? primarily cookies, also ‘data seepage’, rich profiles (within a site), marketing data (behavioral targeting), OpenID (+ClaimID, etc.), MAC/IP Address, and of course, internally collected data and usage patterns. http://www.erratasec.com/ferret.html
    • Elements Page Session Domain Network [all sites]
    • Why now?
    • • Bandwidth/Storage (‘yeah, yeah, yeah’) • “Long Tail” (apps tailored for very specific audiences) • Open Source / ReUse (frees up time to do cooler things!) • Clean micro changes) Separation / Standards (ability to make • Product Maturity / “Experience Based Differentiation”
    • hy bother? W
    • Better Experiences
    • Information presented in the most desirable fashion (requires high degree of personalization and adaptation) unique situations Open Space for Competitive Differentiation! Zone of ‘safe mediocrity’ Data displayed an interface (no filtering/presentation)
    • A Silver Bullet?
    • 5 out of 12 require/involve adaption http://www.socialtechnologies.com/
    • Any caveats?
    • Get the basics right first, before trying any of this!
    • Get the basics right first, before trying any of this!
    • Communication and disclosure is vital.
    • Doing it wrong is worse than not doing at all.
    • Be careful with how you interpret data.
    • Using a better widget in one place might make another part of the interface crummy.
    • Customer support?
    • QA? Automated Testing?
    • Consistency.
    • Keep it small. No BIG changes.
    • “Please logout if you are not Stephen.”
    • Be wary of messing with spatial organization.
    • When dealing with data (especially identity related data) treat this like a relationship... Don’t freak people out by ‘knowing’ too much too soon!!
    • esting or ound inter S useful?
    • at h W? If WHY NOT? If, Then...
    • at h This is the W? fun part! If WHY NOT? If, Then...
    • at h This is the W? fun part! If Ask your friendly neighborhood WHY NOT? developer.. If, Then...
    • at h This is the W? fun part! If Ask your friendly neighborhood WHY NOT? developer.. Learn what data If, Then... IS available!
    • Greasemonkey natural language Identity 2.0 adaptive elements product as person / “polite apps” game design INVESTIGATE “Scent” THESE TOPICS “less” Designing for analytics / Mobile Apps data mining behavioral targeting Personalization/ and more!! Customization Interface as features Conversation
    • Greasemonkey natural language Identity 2.0 adaptive elements product as person / “polite apps” game design INVESTIGATE “Scent” THESE TOPICS “less” Designing for analytics / Mobile Apps data mining behavioral targeting Personalization/ and more!! Customization Interface as features Conversation
    • Thanks! ME MY PERSONAL SITE THE BEST WAY TO REACH ME
    • Thanks! ME MY PERSONAL SITE THE BEST WAY TO REACH ME and we’re hiring! Psst.. I work for