SlideShare a Scribd company logo
Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject
VIRAK, Mapping workshop, Hva er potensialet i fellesløsninger for emnedata, June 13th, 2017
Hugo Huurdeman, Dan Michael Heggø
Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject
in collaboration with Department of Informatics
by support of the National Library of Norway
start: Sept. 2016. duration two years
Three project streams…
Physical interaction (2)
Visualization (1)
Visual navigation
prototypes
Continuation (3)
Extended Emnesøk
interface
Enhanced data &
infrastructure
1. Visual Navigation
Create new interfaces f/visual book browsing and navigation, using infrastructure vocabularies
2. Physical Interaction
Explore novel interaction with library materials, e.g. via touch screen, touch table, etc.
3. Continuation and Extension
Extend subject search infrastructure and interface, add vocabularies
Sep. Okt. Nov. Dec. Jan. Feb. Mar. Apr. May Jun.
Prototyping
ideas d3
Initial
testing
Refine & adapt
to touch table
Design
HF app
Deploymt.
HF app
Infrastructure
development
User
test
UI-old
S1: Visual
Navigation
S2: Physical
Interaction
S3: Continua-
tion & Extension Refine-
ment UI
& system
Design
Abel
app
Eval
1a
Eval
1b
Yaron Master project prototyping and testing
d3
familiarizati
on
creating website
Documentation
& outreach
weekly project reports
User
test
UI-new
Refine-
ment
Y. Final proto
VIRAK
work-
shop
LibCarp
work-
shop
Deploy
Abel
app
Proto-
typing
ideas
User
testing
Adaptation
(visual nav.)
VIRAK
submis-sions
Present at Realf, HumS, Jur, Med,
Ledermøte, WebGrp, DigS,
MapProj,Alma/Oria, BibsysWG
Prepping
VIRAK
contribs
Test
Vis.
Nav
Apps
Prep.
demos
VIRAK
Eval
Eval
LibCarp
work-
shop
brain-
storms
INF2260 Bachelor project
Query
analysis Oria
Library
observations
Inter-
view
s
brain-
storms
Eva-
luate
year
1 of
pro-
ject
picture: Colorbox
picture: UiO
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
picture: Yaron Okun
picture: Yaron Okun
Searching
ExplorationGaming
Navigation
Personalization
Relaxation
Creation
Collabo-
ration
Simulations
picture: Yaron Okun
Observations Brainstorms
affinity mapping
Interviews User Queries
1. atekst 1425
2. pubmed 1221
3. exphil 719
4. det kvalitative forskningsintervju 711
5. nature 669
6. medical genetics 598
7. direktekrav 562
8. menneskets fysiologi 540
9. 998903677444702000 500
10. science 483
11. spesialpedagogikk 475
12. lancet 438
13. jussens venner 369
What do searchers look for & why do queries fail?
Lessons from user queries in Oria
50 most popular queries (20.000x)
50 random “zero result” queries.
Importance of aiding students finding better results
Enhanced spell check / query corrections
why students underacheive → 0 results
why students underachieve → 463 results
Query suggestions and autocomplete
Could be based on previous (successful) queries
Importance of "pensum" queries
Course codes (e.g. INF2260), "to catalog or not to catalog”
More support for Database queries (“pubmed” issue)
Explorative studies
Lessons along the way… (1)
• Commonalities & differences (observ.)
• Support study & leisure (brainst.)
• “Collaborate, Create, Personalize, Explore, Simulate,
Relax, Search, Navigate”
• Encourage users to use library services (intvw.)
• Stimulate curiosity, “surprise”
• Rethink "classical" library catalog interaction (query)
• Utilizing usage logs & data for improvement
• “Personalizing" approaches
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
geo terms, e.g. Oslo, Finnmark, Göttingen,
Lillehammer etc.
genres, e.g. Biografier,
Ungdomslitteratur, Humor
temporal terms, e.g. 1900-tallet, 1990-
tallet
topics, e.g. Biologi,
Matematikk
relations, e.g. broader, narrower,
exactMatch
Variety of (visual) exploration options! Specific to
each vocabulary
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Interactive bar graphs
color: DDC, size: Amazon rating
Force-directed diagrams
relations: DDC numbers (size: Amazon rating)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Subset: HumSam pensum books
Subset: HumSam pensum books
Subset: HumSam pensum books
Geographical Maps
realfagstermer: locations
Word Clouds
words: book abstracts
colors: ratings
So, lots of opportunities
distinct properties of each type of visualization
Read more: ub.uio.no/om/prosjekter/the-visualisation-project
5. Scatterplots
horizontal: DDC, vertical: rating
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Explorative studies
Lessons along the way… (2)
• Importance of data
• Enrich existing catalog data (covers, abstracts)
• Utilize subject vocabularies & mappings
• Research different elements of metadata which can
be used
• For instance, geographical subject headings, topics,
time periods, etc.
• Suitability data, visualization & screen size
• some visualizations don’t ‘fit’ the data , or screen
• Large contrast with existing library catalogs & systems
• Need for testing novel tools further..
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Stream 2: Physical Interaction
• Stream 1 & 3 build on top of
existing work and infrastructure
• Approach Stream 2:
experiment with novel ways of
interaction in physical space
• with library’s book collections
• experiments with a touch
table (Science Library)
• Includes an INF2260 project &
INF Master project Yaron Okun
Physical
interaction
(2)
Visualiza-
tion (1)
Visual
navigation
prototypes
Picture: Marina Tofting
picture: Yaron Okun
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
3. Connect
Video: Yaron Okun
Picture: Simen Kjellin
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Lessons along the way… (3)
• Opportunities for integrating apps into library space
• Collection-focused: Science Fiction
• Event-focused: Abel Prize, Hidden Figures
• A new object in the library..!
• “What is it?” “A touch table?” “Is it a freezer?”
• …some encouragement needed
• “Touch me!” icon
• Gaining experience in touch app development
• Practical issues (design f/touch, ‘kiosk’, content ..)
• Understandability & usability
• Re-usability
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Picture: Simen Kjellin
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
100%0% 20% 40% 60% 80%
numberofpagesviewed
percentage of users
n=249
n=182
n=66
Lessons along the way… (4)
• Monitoring and detecting issues
• navigation: “clicks leading to nowhere”, swipes
• Unused app content (depth vs breadth)
• Redesign based on usage data
• e.g. Hidden Figures: after two weeks
• Developing a “toolbox” for analytics b/o usage data
• microticks: gather data
• python scripts: automatically summarize data
• One chance for a good impression
• Optimize for first interaction (importance of content)
• Match user interests…
@BookNavigation
bit.ly/VisualNavigationProject
• Design and development
• Emnesøk (subject search)
• Personalization (RFID scanning)
• Lowering the barriers to application creation
• Dissemination
• Integration of tools in regular (online) infrastructure
• Check options for online publication of apps (rights, etc)
(Some) Next Steps:
Stream 3: Continue & Extend
• Emnesøk infrastructure & UI
• extend vocabularies
• especially multilingual MeSH
vocabulary
• also: on-going mapping
Humord & Realfagstermer to
WebDewey
• enhance interface and improve
usability
• make it more usable and
attractive to general user
Physical
interaction
Visualizat-
ion (1)
Visual
navigation
prototypes
Continua-
tion (3)
Extended
Emnesøk
interfaceEnhanced data &
infrastructure
Visual Navigation Project Progress (in: VIRAK Mapping Workshop)
• Design and development
• Emnesøk (subject search)
• Personalization (RFID scanning)
• Lowering the barriers to application creation
• Dissemination
• Integration of tools in regular (online) infrastructure
• Check options for online publication of apps (rights, etc)
(Some) Next Steps:
Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject
VIRAK, Mapping workshop, June 13th, 2017

More Related Content

PPTX
Visual Navigation Project - Rethinking Digital Access to Library Materials
PDF
Introducing digital humanities through the analysis of cultural productions
PDF
Outcomes Visual Navigation Project
PDF
Visual Navigation Project Outcomes - breakfast meeting - Part 1
PDF
Workshop: Inspirational Journeys - Challenges and Solutions for Visual Naviga...
PPTX
Challenges and Solutions for Visual Navigation of Library Resources (VIRAK co...
PDF
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
PPTX
Ux and Data Visualisation
Visual Navigation Project - Rethinking Digital Access to Library Materials
Introducing digital humanities through the analysis of cultural productions
Outcomes Visual Navigation Project
Visual Navigation Project Outcomes - breakfast meeting - Part 1
Workshop: Inspirational Journeys - Challenges and Solutions for Visual Naviga...
Challenges and Solutions for Visual Navigation of Library Resources (VIRAK co...
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Ux and Data Visualisation

Similar to Visual Navigation Project Progress (in: VIRAK Mapping Workshop) (20)

PDF
How to Make User Experience Practical in your Library
PPTX
The Visual Navigation Project at the 'Cultures of Machine Participation' Work...
PPTX
Basics of Interaction Design & Strategy - 6/12/15
PPTX
Functional Design Lab
PPT
User Research on a Shoestring
PDF
Web valley talk - usability, visualization and mobile app development
PPTX
Basics of Interaction Design and Strategy
PDF
The Design Discovery Jetpack
PPTX
UX Crash Course
PPTX
Emtacl15 presentation - Students and Library as partners in innovation
PPTX
#ADBU 2016 User Experience Research : Just do it ! par Andy Priestner
PPTX
Basics of Interaction Design & Strategy - 4/9/16
PDF
Session 5 - Measuring UX + Getting Into UX
PDF
15 Strategies for a Better User Experience
PDF
Pixel Envy
PPTX
Basics of Interaction Design & Strategy - 4/11/15
PPTX
Library Website Evaluation
PDF
http://taxitaiongtho.com/chuyen-nha-lien-tinh-thue-xe-tai-lien-tinh/
PDF
Making waves ixda student presentation
How to Make User Experience Practical in your Library
The Visual Navigation Project at the 'Cultures of Machine Participation' Work...
Basics of Interaction Design & Strategy - 6/12/15
Functional Design Lab
User Research on a Shoestring
Web valley talk - usability, visualization and mobile app development
Basics of Interaction Design and Strategy
The Design Discovery Jetpack
UX Crash Course
Emtacl15 presentation - Students and Library as partners in innovation
#ADBU 2016 User Experience Research : Just do it ! par Andy Priestner
Basics of Interaction Design & Strategy - 4/9/16
Session 5 - Measuring UX + Getting Into UX
15 Strategies for a Better User Experience
Pixel Envy
Basics of Interaction Design & Strategy - 4/11/15
Library Website Evaluation
http://taxitaiongtho.com/chuyen-nha-lien-tinh-thue-xe-tai-lien-tinh/
Making waves ixda student presentation
Ad

More from Visual Navigation Project (6)

PPTX
Visual Navigation Project Outcomes - Experiences from prototypes made with In...
PDF
Visual Navigation Project Outcomes - Subject Search and MeSH
PPTX
“More than Meets the Eye” - Analyzing the Success of User Queries in Oria (VI...
PPTX
“Science at a Touch” - Experiences with a Touch Table in the UiO Science Libr...
PPTX
Visualization at NCSU Libraries (VIRAK conference workshop presentation)
PPTX
"Not available, or not found?" Lessons from User Queries in the Oria catalog ...
Visual Navigation Project Outcomes - Experiences from prototypes made with In...
Visual Navigation Project Outcomes - Subject Search and MeSH
“More than Meets the Eye” - Analyzing the Success of User Queries in Oria (VI...
“Science at a Touch” - Experiences with a Touch Table in the UiO Science Libr...
Visualization at NCSU Libraries (VIRAK conference workshop presentation)
"Not available, or not found?" Lessons from User Queries in the Oria catalog ...
Ad

Recently uploaded (20)

PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
01-Introduction-to-Information-Management.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Cell Types and Its function , kingdom of life
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
GDM (1) (1).pptx small presentation for students
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
202450812 BayCHI UCSC-SV 20250812 v17.pptx
01-Introduction-to-Information-Management.pdf
human mycosis Human fungal infections are called human mycosis..pptx
Supply Chain Operations Speaking Notes -ICLT Program
Microbial disease of the cardiovascular and lymphatic systems
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Cell Types and Its function , kingdom of life
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
Final Presentation General Medicine 03-08-2024.pptx
GDM (1) (1).pptx small presentation for students
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Abdominal Access Techniques with Prof. Dr. R K Mishra
2.FourierTransform-ShortQuestionswithAnswers.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Chinmaya Tiranga quiz Grand Finale.pdf

Visual Navigation Project Progress (in: VIRAK Mapping Workshop)

  • 1. Visual Navigation Project University of Oslo Library bit.ly/VisualNavigationProject VIRAK, Mapping workshop, Hva er potensialet i fellesløsninger for emnedata, June 13th, 2017 Hugo Huurdeman, Dan Michael Heggø
  • 2. Visual Navigation Project University of Oslo Library bit.ly/VisualNavigationProject in collaboration with Department of Informatics by support of the National Library of Norway start: Sept. 2016. duration two years Three project streams…
  • 3. Physical interaction (2) Visualization (1) Visual navigation prototypes Continuation (3) Extended Emnesøk interface Enhanced data & infrastructure 1. Visual Navigation Create new interfaces f/visual book browsing and navigation, using infrastructure vocabularies 2. Physical Interaction Explore novel interaction with library materials, e.g. via touch screen, touch table, etc. 3. Continuation and Extension Extend subject search infrastructure and interface, add vocabularies
  • 4. Sep. Okt. Nov. Dec. Jan. Feb. Mar. Apr. May Jun. Prototyping ideas d3 Initial testing Refine & adapt to touch table Design HF app Deploymt. HF app Infrastructure development User test UI-old S1: Visual Navigation S2: Physical Interaction S3: Continua- tion & Extension Refine- ment UI & system Design Abel app Eval 1a Eval 1b Yaron Master project prototyping and testing d3 familiarizati on creating website Documentation & outreach weekly project reports User test UI-new Refine- ment Y. Final proto VIRAK work- shop LibCarp work- shop Deploy Abel app Proto- typing ideas User testing Adaptation (visual nav.) VIRAK submis-sions Present at Realf, HumS, Jur, Med, Ledermøte, WebGrp, DigS, MapProj,Alma/Oria, BibsysWG Prepping VIRAK contribs Test Vis. Nav Apps Prep. demos VIRAK Eval Eval LibCarp work- shop brain- storms INF2260 Bachelor project Query analysis Oria Library observations Inter- view s brain- storms Eva- luate year 1 of pro- ject
  • 12. Observations Brainstorms affinity mapping Interviews User Queries 1. atekst 1425 2. pubmed 1221 3. exphil 719 4. det kvalitative forskningsintervju 711 5. nature 669 6. medical genetics 598 7. direktekrav 562 8. menneskets fysiologi 540 9. 998903677444702000 500 10. science 483 11. spesialpedagogikk 475 12. lancet 438 13. jussens venner 369 What do searchers look for & why do queries fail? Lessons from user queries in Oria 50 most popular queries (20.000x) 50 random “zero result” queries. Importance of aiding students finding better results Enhanced spell check / query corrections why students underacheive → 0 results why students underachieve → 463 results Query suggestions and autocomplete Could be based on previous (successful) queries Importance of "pensum" queries Course codes (e.g. INF2260), "to catalog or not to catalog” More support for Database queries (“pubmed” issue)
  • 13. Explorative studies Lessons along the way… (1) • Commonalities & differences (observ.) • Support study & leisure (brainst.) • “Collaborate, Create, Personalize, Explore, Simulate, Relax, Search, Navigate” • Encourage users to use library services (intvw.) • Stimulate curiosity, “surprise” • Rethink "classical" library catalog interaction (query) • Utilizing usage logs & data for improvement • “Personalizing" approaches
  • 15. geo terms, e.g. Oslo, Finnmark, Göttingen, Lillehammer etc. genres, e.g. Biografier, Ungdomslitteratur, Humor temporal terms, e.g. 1900-tallet, 1990- tallet topics, e.g. Biologi, Matematikk relations, e.g. broader, narrower, exactMatch Variety of (visual) exploration options! Specific to each vocabulary
  • 17. Interactive bar graphs color: DDC, size: Amazon rating
  • 18. Force-directed diagrams relations: DDC numbers (size: Amazon rating)
  • 24. Word Clouds words: book abstracts colors: ratings
  • 25. So, lots of opportunities distinct properties of each type of visualization Read more: ub.uio.no/om/prosjekter/the-visualisation-project 5. Scatterplots horizontal: DDC, vertical: rating
  • 27. Explorative studies Lessons along the way… (2) • Importance of data • Enrich existing catalog data (covers, abstracts) • Utilize subject vocabularies & mappings • Research different elements of metadata which can be used • For instance, geographical subject headings, topics, time periods, etc. • Suitability data, visualization & screen size • some visualizations don’t ‘fit’ the data , or screen • Large contrast with existing library catalogs & systems • Need for testing novel tools further..
  • 30. Stream 2: Physical Interaction • Stream 1 & 3 build on top of existing work and infrastructure • Approach Stream 2: experiment with novel ways of interaction in physical space • with library’s book collections • experiments with a touch table (Science Library) • Includes an INF2260 project & INF Master project Yaron Okun Physical interaction (2) Visualiza- tion (1) Visual navigation prototypes Picture: Marina Tofting
  • 39. Lessons along the way… (3) • Opportunities for integrating apps into library space • Collection-focused: Science Fiction • Event-focused: Abel Prize, Hidden Figures • A new object in the library..! • “What is it?” “A touch table?” “Is it a freezer?” • …some encouragement needed • “Touch me!” icon • Gaining experience in touch app development • Practical issues (design f/touch, ‘kiosk’, content ..) • Understandability & usability • Re-usability
  • 46. 100%0% 20% 40% 60% 80% numberofpagesviewed percentage of users n=249 n=182 n=66
  • 47. Lessons along the way… (4) • Monitoring and detecting issues • navigation: “clicks leading to nowhere”, swipes • Unused app content (depth vs breadth) • Redesign based on usage data • e.g. Hidden Figures: after two weeks • Developing a “toolbox” for analytics b/o usage data • microticks: gather data • python scripts: automatically summarize data • One chance for a good impression • Optimize for first interaction (importance of content) • Match user interests…
  • 49. • Design and development • Emnesøk (subject search) • Personalization (RFID scanning) • Lowering the barriers to application creation • Dissemination • Integration of tools in regular (online) infrastructure • Check options for online publication of apps (rights, etc) (Some) Next Steps:
  • 50. Stream 3: Continue & Extend • Emnesøk infrastructure & UI • extend vocabularies • especially multilingual MeSH vocabulary • also: on-going mapping Humord & Realfagstermer to WebDewey • enhance interface and improve usability • make it more usable and attractive to general user Physical interaction Visualizat- ion (1) Visual navigation prototypes Continua- tion (3) Extended Emnesøk interfaceEnhanced data & infrastructure
  • 52. • Design and development • Emnesøk (subject search) • Personalization (RFID scanning) • Lowering the barriers to application creation • Dissemination • Integration of tools in regular (online) infrastructure • Check options for online publication of apps (rights, etc) (Some) Next Steps:
  • 53. Visual Navigation Project University of Oslo Library bit.ly/VisualNavigationProject VIRAK, Mapping workshop, June 13th, 2017

Editor's Notes

  • #6: rethink how users can explore & interact with library materials in a digital environment
  • #15: rethink how users can explore & interact with library materials in a digital environment
  • #29: rethink how users can explore & interact with library materials in a digital environment
  • #41: rethink how users can explore & interact with library materials in a digital environment
  • #48: Insert graph with interaction depth