uxsg 2114 making web more human by nurgul karadeniz

39
UX AND SEMANTIC WEB Making the web more humanNurgul Karadeniz Principal Consultant UX Thought @nurdeniz

Upload: nurgul-karadeniz

Post on 29-Nov-2014

393 views

Category:

Internet


1 download

DESCRIPTION

Linked Data and Semantic web offer another level to online user experience. Understanding capabilities of these technologies when designing digital products.

TRANSCRIPT

Page 1: UXSG 2114 Making web more human by Nurgul Karadeniz

UX AND SEMANTIC WEB !

!

“Making the web more human”

Nurgul Karadeniz Principal Consultant UX Thought ! @nurdeniz

Page 2: UXSG 2114 Making web more human by Nurgul Karadeniz

Internet Today

10,000,000,000 Connected Devices

Cisco estimates 20 billion by 2020

Page 3: UXSG 2114 Making web more human by Nurgul Karadeniz

OR

Known Known

I know where to get gluten free products. I

just need to find the link

1 Known Unknown

OR

I need to find some gluten free products

2 Unknown Known

OR

I need to find some sort of special dietary

products, what was it

3 Unknown Unknown

OR

I have absolutely no idea what products I

need nor what I can do with them

4

Page 4: UXSG 2114 Making web more human by Nurgul Karadeniz

We need technology that can adapt to users rather than forcing users to adapt to

technology

Page 5: UXSG 2114 Making web more human by Nurgul Karadeniz

Human Language

"I want to find a hotel for next week in Singapore with a pool and less than 5 min walking distance to any MRT station"

User asks

Page 6: UXSG 2114 Making web more human by Nurgul Karadeniz

Human LanguageWeb understands

“Destination Name:City name’ “Date range”: Calendar Start Date + Number of Nights “Room type”

Page 7: UXSG 2114 Making web more human by Nurgul Karadeniz

“Is there an easy way to find the best mortgage product and the best mortgage deal from the high street banks in UK”

Page 8: UXSG 2114 Making web more human by Nurgul Karadeniz

Making the Web more human?

Page 9: UXSG 2114 Making web more human by Nurgul Karadeniz

Semantic Web

Users Data Relationships

Whats data?

Page 10: UXSG 2114 Making web more human by Nurgul Karadeniz

Present information in a structured way

Which university course?

Potential job titles

Industry

review

Sala

ry st

ats

Universities

Entry

Req

uire

men

ts

Tuition Fee

Market estimations

Decision and Application

Page 11: UXSG 2114 Making web more human by Nurgul Karadeniz

Program Pages

BioNews

Current Web

Wiki

web page

“ Web results for Jeremy Clarkson?”

Jeremy Clarkson

Page tags!

Page 12: UXSG 2114 Making web more human by Nurgul Karadeniz

Semantic Web

“ Who is the guy who works with Jeremy Clarkson?”

Jeremy Clarkson

Wiki

Page 13: UXSG 2114 Making web more human by Nurgul Karadeniz

Current Web Results

Page 14: UXSG 2114 Making web more human by Nurgul Karadeniz

Semantic Web Results

Page 15: UXSG 2114 Making web more human by Nurgul Karadeniz

This brings together a focus area

Understanding users data relationships

Page 16: UXSG 2114 Making web more human by Nurgul Karadeniz

Semantic Web Process

Design Process

Discovery User Research Interaction Design Visual Design Usability Evaluation

Linked Data Ontology

RDF

FOAF Development

Page 17: UXSG 2114 Making web more human by Nurgul Karadeniz

Storing information with actual meaning..

Page 18: UXSG 2114 Making web more human by Nurgul Karadeniz

Semantic WebCurrent Web

Page 19: UXSG 2114 Making web more human by Nurgul Karadeniz

Things and the relations

Page 20: UXSG 2114 Making web more human by Nurgul Karadeniz

MORE RELATIONS

Page 21: UXSG 2114 Making web more human by Nurgul Karadeniz

CASE STUDY…

Project: PEOPLE, PLACES and EVENTS

BBC Learning

Page 22: UXSG 2114 Making web more human by Nurgul Karadeniz

Auto curated pages

Page 23: UXSG 2114 Making web more human by Nurgul Karadeniz

Step 1: What these means for users

Page 24: UXSG 2114 Making web more human by Nurgul Karadeniz

Step 2: How things could be related

Page 25: UXSG 2114 Making web more human by Nurgul Karadeniz

Find information about Churchill

People “Adolf Hitler”

Places “Kent”

Events “Battle of Britain”

Things “Imperial War

Museum

Step 3: Designing user journeys

Things “Churchill speeches”

Related content Related content Entry Point

Place “Germany”

Event “World War I”

Page 26: UXSG 2114 Making web more human by Nurgul Karadeniz

People

Events

Things

Places

Related Events

Related People

Related Things

Related Places

PEOPLE PLACES AND EVENTS

Page 27: UXSG 2114 Making web more human by Nurgul Karadeniz

!

Understanding Relationships Christmas day – Charlie Chaplin died Christmas - Religion

Level of information needed

Project Boundaries

Project ChallengesPEOPLE PLACES AND EVENTS

Page 28: UXSG 2114 Making web more human by Nurgul Karadeniz

BBC aims;

Connect the content of 5 million BBC Pages !

Provide one service for ten product across four screens

PEOPLE PLACES AND EVENTS

Page 29: UXSG 2114 Making web more human by Nurgul Karadeniz

Guided Navigation !

!

Page 30: UXSG 2114 Making web more human by Nurgul Karadeniz

Guided Navigation !

!

Page 31: UXSG 2114 Making web more human by Nurgul Karadeniz

CONSPROS

Level of information required at concept phase !Consider different users e.g. cultural stereotype !Cost of building !Extensive IA and Analysis required to spot edge cases

Easy to discover content !Easy to manage large volumes of content !Guided navigation !Presents information in a structured way !Multiple ways of accessing information

Page 32: UXSG 2114 Making web more human by Nurgul Karadeniz
Page 33: UXSG 2114 Making web more human by Nurgul Karadeniz

Examples of semantic web today

Facebook: Graphsearch

Google: 15% of Search

Apple: Siri Windows: Cortana

BBC: Public content

Twitter: Realtime search

Best Buy: Online retail

!

Page 34: UXSG 2114 Making web more human by Nurgul Karadeniz

Finance Healthcare Public services E-commerce Education Media Help & Support

Where can we use semantic web?

Page 35: UXSG 2114 Making web more human by Nurgul Karadeniz

!

Understand human language - Linked Data

Understand other meaning of words - Linked Data

Manages sources - RDFs

Define related information - Ontologies

Product Visibility - Domain Driven Design

Semantic Technologies

Page 36: UXSG 2114 Making web more human by Nurgul Karadeniz

!

Understands what we mean Reliable online services and contextual content Offering successful decision support applications Auto-curated pages guided by the users needs

Semantic Web

Page 37: UXSG 2114 Making web more human by Nurgul Karadeniz

!

Users: Mental model, Motivation, Culture, Perception Data: Content, Sharing resources, User Journeys !

Design: Defining user journeys, designing variety of page template for auto curated content

Designing for semantic web

Page 38: UXSG 2114 Making web more human by Nurgul Karadeniz

UX AND SEMANTIC WEB

Punk

Big & Bold

Beautifully Clean

References

- Article: Too much information? Improving user experience of semantic web http://www.publishingtechnology.com/2011/03/user-experience-semantic-web/

- Bing vs. Google - http://www.entrepreneur.com/blog/224639

- Duane Degler - Design for Semantic Web, Design for Context www.designforsemanticweb.com/

- Crowdsourcing, citizen sensing and sensor web technologies for public. http://link.springer.com/article/10.1186%2F1476-072X-10-67/fulltext.html#Fig11_459

- Facebook Graph Search - https://www.facebook.com/about/graphsearch

- Faceted Semantic Search - Massimiliano Dal Mas http://arxiv.org/pdf/1202.6685.pdf

- Find out about Semantic Web in simple terms - http://luca.wordpress.com/2008/02/03/semantic-web-for-dummies/

- Frankfurt Show Daily Article: The future of content delivery in publishing http://www.publishingtechnology.com/2012/10/the-future-of-content-delivery-in-publishing/

- How a Facebook Search Engine Could Change the Way People Find Your Business http://www.entrepreneur.com/blog/224452

- Lee Feigenbaum (May 1, 2007). "The Semantic Web in Action". Scientific American. Retrieved February 24, 2010

Nurgul Karadeniz ! nurdeniz

Page 39: UXSG 2114 Making web more human by Nurgul Karadeniz

UX AND SEMANTIC WEB

Punk

Big & Bold

Beautifully Clean

!

- Linked data and the semantic web - http://www.bbc.co.uk/academy/technology/article/art20130724121658626

- Link Data Platforms - http://www.w3.org/2012/ldp/wiki/Main_Page

- Music Datasheet - Automatic Interlinking of Music Datasets on the Semantic Web Yves Raimond, Christopher Sutton and Mark Sandler (http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.123.9753&rep=rep1&type=pdf)

- Next-Generation Wikis: What Users Expect; How RDF Helps- Axel Rauschmayer

- Semantic Web Handbook - Pascal Hitzler Krzysztof Janowicz http://knoesis.wright.edu/pascal/pub/crc-handbook-13.pdf

- The Semantic Web: Research and Applications - Springer Link http://link.springer.com/book/10.1007/978-3-642-13486-9

- The Friend of a Friend (FOAF) project - hhttp://www.foaf-project.org

- The NoTube Project, http://notube.tv (retrieved on January 31st, 2012)

- The NoTube Use Case “Personalised News”, http://notube.tv/showcases/personalised-news/ (retrieved on January 31st, 2012)

THANK YOU !

Nurgul Karadeniz ! nurdeniz