SlideShare une entreprise Scribd logo
1  sur  21
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 1
User Interface Design
and the Semantic Web
… from the idea to the experience
Duane Degler
Design for Context
www.DesignForContext.com
(direction)
and Insight (context)
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 2
Semantic Web:
Powerful advantages for design
Subject Object
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 3
Risks
Opportunities
Unintended Consequences
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 4
Risks
Scalability
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 5
Risks
www.delicious.com
www.zigtag.com
www.faviki.com
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 6
Risks
Everything’s a topic now
14 Nov 2010
www.facebook.com/pages/And/10150153988765438
14 Nov 2010
www.facebook.com/pages/
A-Little-Bit-of-Everything/113683898648991
“Now everything can link to everything…”
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 7
Risks
aqua.queenslibrary.org/
e-culture.multimedian.nl/demo/search
www.nytimes.com
(double click words on page)
Fostering Uncertainty
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 8
Risks
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 9
Risks
http://www.nytimes.com/2010/11/10/business/media/10privacy.html
http://www.bbc.co.uk/news/technology-11717448
ttp://online.wsj.com/article/SB10001424052748703940904575395073512989404.html
ttp://online.wsj.com/article/SB10001424052748703977004575393173432219064.html
http://www.nytimes.com/2010/11/10/business/media/10privacy.html
http://www2.thedailybeast.com/blogs-and-stories/2010-10-18/the-facebook-news-feed-how-it-works-the-10-biggest-secrets/full/
“What’s happening?”
Proactive Relevance
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 10
Opportunities
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 11
User’sawarenessofneed
Nature of content related to task
Prohibited Not available
Specific awareness
of content and ability
to articulate problem
Required Available
Awareness of
problem but little
ability to articulate
No awareness of
need for information
Relevance requires context recognition
“I don’t know
what I need to know”
“I know what I’m looking for--
get me to it!”
Identify
via analyzing
content and
term use
Identify
via direct user
feedback
Identify
via task
performance
assessment
“Just tell me
what I absolutely
must know”
“I didn’t know I needed that”
Degler/Battle (2003). Can Topic Maps Describe Enterprise-Wide Context?
http://www.designforcontext.com/publications/dd-lb_topic-maps_context_extreme2003.pdf
Data- and context-driven pages
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 12
Opportunities
Goal: embed in application pages
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 13
Opportunities
Flexibility
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 14
Opportunities
Facets… even more multi-dimensional
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 15
Opportunities
Slide 16Copyright © D. Degler, Design for Context. 9.28.2010
Enabling data
creation
…Flow
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 17
Opportunities
Images: www.apple.com/ipad/
…Context...
Design...
Risks
 Unintended consequences
 Fostering uncertainty
 Proactive relevance
 Flexibility
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 18
Opportunities
Design process: user-centered, intentional, iterative
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 19
Needs
Contexts
Experiences
Contexts
Semantic Web: open, extensible, related
Copyright © D. Degler, Design for Context. 6.22.2010 Slide 20
The Context Web… more than data
 The Data
• Open Linked Data
• Models that represent data domains
• Increasing number of tools for data display,
translation and manipulation
 The Experience
• Integrated
• Personal
• Social
• Mobile and location-aware
• Temporal
• Situated
• Multi-modal
To capture opportunities,
focus on…
 User experience
 Relationships
 Collaborating, and learning
from users over time
Copyright © D. Degler, Design for Context. 11.16.2010 Slide 21
User Interface Design
and the Semantic Web
… from the idea to the experience
Duane Degler
Design for Context
www.DesignForContext.com

Contenu connexe

Similaire à Duane Degler Presentation

Homer michelle mobile_presentation
Homer michelle mobile_presentationHomer michelle mobile_presentation
Homer michelle mobile_presentationMichelle Homer
 
Creating Android Apps with PhoneGap
Creating Android Apps with PhoneGapCreating Android Apps with PhoneGap
Creating Android Apps with PhoneGapDean Peters
 
Show, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyShow, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyJasmin Phua
 
Six iPad Apps for Student Creators
Six iPad Apps for Student CreatorsSix iPad Apps for Student Creators
Six iPad Apps for Student CreatorsLisa Tripoli
 
Trending Time on Google Glass - see what everyone's buzzing about
Trending Time on Google Glass - see what everyone's buzzing aboutTrending Time on Google Glass - see what everyone's buzzing about
Trending Time on Google Glass - see what everyone's buzzing aboutJason Salas
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013DMI
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013Kim Peratt
 
David Reed - Social Mobility and the 3rd Cloud
David Reed - Social Mobility and the 3rd CloudDavid Reed - Social Mobility and the 3rd Cloud
David Reed - Social Mobility and the 3rd Cloudvenice sessions
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignRZasadzinski
 
Typography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile DevelopmentTypography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile DevelopmentTiago Pedras
 
Android introduction session 1
Android introduction session 1Android introduction session 1
Android introduction session 1Sathish Raju
 
Mobile Accessibility - Accessibility Camp Toronto
Mobile Accessibility - Accessibility Camp TorontoMobile Accessibility - Accessibility Camp Toronto
Mobile Accessibility - Accessibility Camp TorontoTed Drake
 
mobile + location based design
mobile + location based designmobile + location based design
mobile + location based designGeorge Hayes
 
Pioneering Personal Storage as a Platform
Pioneering Personal Storage as a PlatformPioneering Personal Storage as a Platform
Pioneering Personal Storage as a PlatformHannry Chan
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Aaron Gustafson
 
Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8Snake Hill Web Agency
 
Web of Things Application Architecture
Web of Things Application ArchitectureWeb of Things Application Architecture
Web of Things Application ArchitectureDominique Guinard
 

Similaire à Duane Degler Presentation (20)

Homer michelle mobile_presentation
Homer michelle mobile_presentationHomer michelle mobile_presentation
Homer michelle mobile_presentation
 
Creating Android Apps with PhoneGap
Creating Android Apps with PhoneGapCreating Android Apps with PhoneGap
Creating Android Apps with PhoneGap
 
Show, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyShow, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic Technology
 
Six iPad Apps for Student Creators
Six iPad Apps for Student CreatorsSix iPad Apps for Student Creators
Six iPad Apps for Student Creators
 
Trending Time on Google Glass - see what everyone's buzzing about
Trending Time on Google Glass - see what everyone's buzzing aboutTrending Time on Google Glass - see what everyone's buzzing about
Trending Time on Google Glass - see what everyone's buzzing about
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
 
David Reed - Social Mobility and the 3rd Cloud
David Reed - Social Mobility and the 3rd CloudDavid Reed - Social Mobility and the 3rd Cloud
David Reed - Social Mobility and the 3rd Cloud
 
Visual Literacy Week 6 (of 6) Slides
Visual Literacy Week 6 (of 6) SlidesVisual Literacy Week 6 (of 6) Slides
Visual Literacy Week 6 (of 6) Slides
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Typography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile DevelopmentTypography and Responsive Grids in the World of Mobile Development
Typography and Responsive Grids in the World of Mobile Development
 
Android introduction session 1
Android introduction session 1Android introduction session 1
Android introduction session 1
 
Mobile Accessibility - Accessibility Camp Toronto
Mobile Accessibility - Accessibility Camp TorontoMobile Accessibility - Accessibility Camp Toronto
Mobile Accessibility - Accessibility Camp Toronto
 
My dotJS Talk
My dotJS TalkMy dotJS Talk
My dotJS Talk
 
mobile + location based design
mobile + location based designmobile + location based design
mobile + location based design
 
Pioneering Personal Storage as a Platform
Pioneering Personal Storage as a PlatformPioneering Personal Storage as a Platform
Pioneering Personal Storage as a Platform
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
 
A ROA for the WOT
A ROA for the WOTA ROA for the WOT
A ROA for the WOT
 
Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8
 
Web of Things Application Architecture
Web of Things Application ArchitectureWeb of Things Application Architecture
Web of Things Application Architecture
 

Plus de Mediabistro

Elements of a Successful Job Listing
Elements of a Successful Job ListingElements of a Successful Job Listing
Elements of a Successful Job ListingMediabistro
 
Kelvin Wee_Inside 3D Printing Melbourne 2014
Kelvin Wee_Inside 3D Printing Melbourne 2014Kelvin Wee_Inside 3D Printing Melbourne 2014
Kelvin Wee_Inside 3D Printing Melbourne 2014Mediabistro
 
Kelvin Wee_Inszi
Kelvin Wee_InsziKelvin Wee_Inszi
Kelvin Wee_InsziMediabistro
 
Paul Taylor_Inside 3D Printing Melbourne
Paul Taylor_Inside 3D Printing MelbournePaul Taylor_Inside 3D Printing Melbourne
Paul Taylor_Inside 3D Printing MelbourneMediabistro
 
Paul Mignone_Inside 3D Printing Melbourne
Paul Mignone_Inside 3D Printing MelbournePaul Mignone_Inside 3D Printing Melbourne
Paul Mignone_Inside 3D Printing MelbourneMediabistro
 
Angela Daly_Inside 3D Printing Melbourne
Angela Daly_Inside 3D Printing MelbourneAngela Daly_Inside 3D Printing Melbourne
Angela Daly_Inside 3D Printing MelbourneMediabistro
 
Chris Leigh-Lancaster_Inside 3D Printing Melbourne
Chris Leigh-Lancaster_Inside 3D Printing MelbourneChris Leigh-Lancaster_Inside 3D Printing Melbourne
Chris Leigh-Lancaster_Inside 3D Printing MelbourneMediabistro
 
Terry Wohlers_Inside 3D Printing Melbourne
Terry Wohlers_Inside 3D Printing MelbourneTerry Wohlers_Inside 3D Printing Melbourne
Terry Wohlers_Inside 3D Printing MelbourneMediabistro
 
2014 07-09 Juan Llanos Presentation
2014 07-09 Juan Llanos Presentation2014 07-09 Juan Llanos Presentation
2014 07-09 Juan Llanos PresentationMediabistro
 
Gary Anderson_Inside 3D Printing Melbourne
Gary Anderson_Inside 3D Printing MelbourneGary Anderson_Inside 3D Printing Melbourne
Gary Anderson_Inside 3D Printing MelbourneMediabistro
 
James canning inside bitcoin melbourne final
James canning inside bitcoin melbourne finalJames canning inside bitcoin melbourne final
James canning inside bitcoin melbourne finalMediabistro
 
Gst & bitcoins slides- Potential Pitfalls
Gst & bitcoins slides- Potential PitfallsGst & bitcoins slides- Potential Pitfalls
Gst & bitcoins slides- Potential PitfallsMediabistro
 
Building a trading platform from scratch
Building a trading platform from scratchBuilding a trading platform from scratch
Building a trading platform from scratchMediabistro
 
Bitcoin Lateral Economics
Bitcoin Lateral EconomicsBitcoin Lateral Economics
Bitcoin Lateral EconomicsMediabistro
 
State of Ethereum, and Mining
State of Ethereum, and MiningState of Ethereum, and Mining
State of Ethereum, and MiningMediabistro
 
Future of Bitcoin Mining- Josh Zerlan
Future of Bitcoin Mining- Josh ZerlanFuture of Bitcoin Mining- Josh Zerlan
Future of Bitcoin Mining- Josh ZerlanMediabistro
 
Evan Wagner and Robby Dermody Presentation
Evan Wagner and Robby Dermody PresentationEvan Wagner and Robby Dermody Presentation
Evan Wagner and Robby Dermody PresentationMediabistro
 
Morning Keynote: Bobby Lee
Morning Keynote: Bobby LeeMorning Keynote: Bobby Lee
Morning Keynote: Bobby LeeMediabistro
 

Plus de Mediabistro (20)

Elements of a Successful Job Listing
Elements of a Successful Job ListingElements of a Successful Job Listing
Elements of a Successful Job Listing
 
Kelvin Wee_Inside 3D Printing Melbourne 2014
Kelvin Wee_Inside 3D Printing Melbourne 2014Kelvin Wee_Inside 3D Printing Melbourne 2014
Kelvin Wee_Inside 3D Printing Melbourne 2014
 
Kelvin Wee_Inszi
Kelvin Wee_InsziKelvin Wee_Inszi
Kelvin Wee_Inszi
 
Melb oleg2
Melb oleg2Melb oleg2
Melb oleg2
 
Paul Taylor_Inside 3D Printing Melbourne
Paul Taylor_Inside 3D Printing MelbournePaul Taylor_Inside 3D Printing Melbourne
Paul Taylor_Inside 3D Printing Melbourne
 
Paul Mignone_Inside 3D Printing Melbourne
Paul Mignone_Inside 3D Printing MelbournePaul Mignone_Inside 3D Printing Melbourne
Paul Mignone_Inside 3D Printing Melbourne
 
Angela Daly_Inside 3D Printing Melbourne
Angela Daly_Inside 3D Printing MelbourneAngela Daly_Inside 3D Printing Melbourne
Angela Daly_Inside 3D Printing Melbourne
 
Chris Leigh-Lancaster_Inside 3D Printing Melbourne
Chris Leigh-Lancaster_Inside 3D Printing MelbourneChris Leigh-Lancaster_Inside 3D Printing Melbourne
Chris Leigh-Lancaster_Inside 3D Printing Melbourne
 
Terry Wohlers_Inside 3D Printing Melbourne
Terry Wohlers_Inside 3D Printing MelbourneTerry Wohlers_Inside 3D Printing Melbourne
Terry Wohlers_Inside 3D Printing Melbourne
 
2014 07-09 Juan Llanos Presentation
2014 07-09 Juan Llanos Presentation2014 07-09 Juan Llanos Presentation
2014 07-09 Juan Llanos Presentation
 
Gary Anderson_Inside 3D Printing Melbourne
Gary Anderson_Inside 3D Printing MelbourneGary Anderson_Inside 3D Printing Melbourne
Gary Anderson_Inside 3D Printing Melbourne
 
James canning inside bitcoin melbourne final
James canning inside bitcoin melbourne finalJames canning inside bitcoin melbourne final
James canning inside bitcoin melbourne final
 
Gst & bitcoins slides- Potential Pitfalls
Gst & bitcoins slides- Potential PitfallsGst & bitcoins slides- Potential Pitfalls
Gst & bitcoins slides- Potential Pitfalls
 
Building a trading platform from scratch
Building a trading platform from scratchBuilding a trading platform from scratch
Building a trading platform from scratch
 
Bitcoin Lateral Economics
Bitcoin Lateral EconomicsBitcoin Lateral Economics
Bitcoin Lateral Economics
 
State of Ethereum, and Mining
State of Ethereum, and MiningState of Ethereum, and Mining
State of Ethereum, and Mining
 
Future of Bitcoin Mining- Josh Zerlan
Future of Bitcoin Mining- Josh ZerlanFuture of Bitcoin Mining- Josh Zerlan
Future of Bitcoin Mining- Josh Zerlan
 
Evan Wagner and Robby Dermody Presentation
Evan Wagner and Robby Dermody PresentationEvan Wagner and Robby Dermody Presentation
Evan Wagner and Robby Dermody Presentation
 
Crypto Law
Crypto LawCrypto Law
Crypto Law
 
Morning Keynote: Bobby Lee
Morning Keynote: Bobby LeeMorning Keynote: Bobby Lee
Morning Keynote: Bobby Lee
 

Duane Degler Presentation

  • 1. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 1 User Interface Design and the Semantic Web … from the idea to the experience Duane Degler Design for Context www.DesignForContext.com
  • 2. (direction) and Insight (context) Copyright © D. Degler, Design for Context. 11.16.2010 Slide 2 Semantic Web: Powerful advantages for design Subject Object
  • 3. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 3 Risks Opportunities
  • 4. Unintended Consequences Copyright © D. Degler, Design for Context. 11.16.2010 Slide 4 Risks
  • 5. Scalability Copyright © D. Degler, Design for Context. 11.16.2010 Slide 5 Risks www.delicious.com www.zigtag.com www.faviki.com
  • 6. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 6 Risks Everything’s a topic now 14 Nov 2010 www.facebook.com/pages/And/10150153988765438 14 Nov 2010 www.facebook.com/pages/ A-Little-Bit-of-Everything/113683898648991
  • 7. “Now everything can link to everything…” Copyright © D. Degler, Design for Context. 11.16.2010 Slide 7 Risks aqua.queenslibrary.org/ e-culture.multimedian.nl/demo/search www.nytimes.com (double click words on page)
  • 8. Fostering Uncertainty Copyright © D. Degler, Design for Context. 11.16.2010 Slide 8 Risks
  • 9. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 9 Risks http://www.nytimes.com/2010/11/10/business/media/10privacy.html http://www.bbc.co.uk/news/technology-11717448 ttp://online.wsj.com/article/SB10001424052748703940904575395073512989404.html ttp://online.wsj.com/article/SB10001424052748703977004575393173432219064.html http://www.nytimes.com/2010/11/10/business/media/10privacy.html http://www2.thedailybeast.com/blogs-and-stories/2010-10-18/the-facebook-news-feed-how-it-works-the-10-biggest-secrets/full/ “What’s happening?”
  • 10. Proactive Relevance Copyright © D. Degler, Design for Context. 11.16.2010 Slide 10 Opportunities
  • 11. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 11 User’sawarenessofneed Nature of content related to task Prohibited Not available Specific awareness of content and ability to articulate problem Required Available Awareness of problem but little ability to articulate No awareness of need for information Relevance requires context recognition “I don’t know what I need to know” “I know what I’m looking for-- get me to it!” Identify via analyzing content and term use Identify via direct user feedback Identify via task performance assessment “Just tell me what I absolutely must know” “I didn’t know I needed that” Degler/Battle (2003). Can Topic Maps Describe Enterprise-Wide Context? http://www.designforcontext.com/publications/dd-lb_topic-maps_context_extreme2003.pdf
  • 12. Data- and context-driven pages Copyright © D. Degler, Design for Context. 11.16.2010 Slide 12 Opportunities
  • 13. Goal: embed in application pages Copyright © D. Degler, Design for Context. 11.16.2010 Slide 13 Opportunities
  • 14. Flexibility Copyright © D. Degler, Design for Context. 11.16.2010 Slide 14 Opportunities
  • 15. Facets… even more multi-dimensional Copyright © D. Degler, Design for Context. 11.16.2010 Slide 15 Opportunities
  • 16. Slide 16Copyright © D. Degler, Design for Context. 9.28.2010 Enabling data creation
  • 17. …Flow Copyright © D. Degler, Design for Context. 11.16.2010 Slide 17 Opportunities Images: www.apple.com/ipad/ …Context... Design...
  • 18. Risks  Unintended consequences  Fostering uncertainty  Proactive relevance  Flexibility Copyright © D. Degler, Design for Context. 11.16.2010 Slide 18 Opportunities
  • 19. Design process: user-centered, intentional, iterative Copyright © D. Degler, Design for Context. 11.16.2010 Slide 19 Needs Contexts Experiences Contexts Semantic Web: open, extensible, related
  • 20. Copyright © D. Degler, Design for Context. 6.22.2010 Slide 20 The Context Web… more than data  The Data • Open Linked Data • Models that represent data domains • Increasing number of tools for data display, translation and manipulation  The Experience • Integrated • Personal • Social • Mobile and location-aware • Temporal • Situated • Multi-modal To capture opportunities, focus on…  User experience  Relationships  Collaborating, and learning from users over time
  • 21. Copyright © D. Degler, Design for Context. 11.16.2010 Slide 21 User Interface Design and the Semantic Web … from the idea to the experience Duane Degler Design for Context www.DesignForContext.com

Notes de l'éditeur

  1. 11.16.2010
  2. 11.16.2010