Presentation given in May, 2017, at Oslo and Akershus University College of Applied Sciences. Previous project presentations were given at the University of Oslo Law Library, Humanities and Social Science Library, Science Library and Medical Library, and in various other meetings. For some animated content, download the original Powerpoint presentation.

1. Visual Navigation Project
“Rethinking Digital Access to Library Materials”
Hugo Huurdeman, Presentation at HiOA, 18 Apr. 2017
Mikaela Aamodt Dan Michael Heggø Hugo Huurdeman Helge Mjelde Live Rasmussen Heidi Rustad Kyrre Låberg

2. cc-pl.org

3. rethink how users can explore & interact
with library materials
in a digital environment
Visual Navigation Project

4. Visual Navigation Project
• University of Oslo Library
• in collaboration with Department of Informatics
• by support of the National Library of Norway
• Project started in September 2016 and has a
duration of two years
• Three project streams
ub.uio.no/om/prosjekter/the-visualisation-project/

5. Some informative works
• McKay et al. (2017)
'Physical' browsing study
• Recommendations:
• “Display a large range of
books for browsing”
• “Enable multiple points of
access to the collection“
• “Support zooming capability“
• “Seamless transitions”
browsing - reading
• Placemarking, triaging
• Need for additional book
details (covers, abstracts, ..)
• Work from inf. seeking literature
• e.g. exploratory search, sensemaking
• Bates (1989) Berrypicking,
Bates (2007) What is browsing—really?
• Sequence: 'glimpse scene', 'home in
on element', 'examine element',
'acquire/abandon'
• Previous experimental systems
• Blended shelf, Bohemian Bookshelf,
interactive Social Book Search,
BookHouse system
• Work on data visualization

6. 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 emnesøk infrastructure and interface, add vocabularies

7. Streams: planning & progress
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

8. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies

9. Observations Brainstorms
affinity mapping
Interviews User Queries
Observations

10. Observations Brainstorms
affinity mapping
Interviews User Queries
Observations
Small-scale obser-
vations interactions
users and librarians
• So far, Realf., Medisinsk,
Informatikk, HumSam
• Main categories
• Holdings
• Directional
• Lending desk supplies
• Subject search
• Procedural
• Technical questions

11. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies

12. Observations Brainstorms
affinity mapping
Interviews User Queries
BrainstormsStudents, Staff (so far Realf, HumSam, Med)

13. Observations Brainstorms
affinity mapping
Interviews User Queries
Brainstorms

14. Observations Brainstorms
affinity mapping
Interviews User Queries
Brainstorms

15. Searching
“Affinity Mapping”
ExplorationGaming
Navigation
Personalization
Relaxation
Creation
Collabo-
ration
Simulations

16. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies

17. Observations Brainstorms
affinity mapping
Interviews User QueriesInterviews

18. - …using library as a study place…
- “loyal”, frequent visitors
- needing resources related to their
studies
- can be hard to obtain via Oria
- not always aware of library
activities
- some interested in “relaxation” and
diversion
- …need some “encouragement” to
use services?
Realf.bib.
x10

19. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies

20. Observations Brainstorms
affinity mapping
Interviews User Queries

21. 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

22. 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.
Annotations: nature q, resource type, pensum, success
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)

23. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies

24. Observations Brainstorms
affinity mapping
Interviews User Queries
Explorative studies
Lessons along the way…
• 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

25. Stream 1: Visual Navigation
• Create new interfaces
for book browsing and
navigation
• Physical & digital books
• Use opportunities data
structures and hierarchies
of subject vocabularies
• Outcome: prototype(s) to
“visually” browse library
collections Physical
interaction
(2)
Visualiza-
tion (1)
Visual
navigation
prototypes
Continua-
tion (3)
Extended
Emnesøk
interfaceEnhanced data &
infrastructure

26. 1. Visual Navigation
Create new interfaces f/visual book browsing and navigation, using “subjects” infrastructure
geo terms, e.g. Oslo, Finnmark, ..
genres, e.g. Biografier, Humor, ..
temporal terms, e.g. 1900-tallet, ..
topics, e.g. Biologi, ..
relations, e.g. broader, narrower, ..

27. 1. Interactive bar graphs
color: DDC, size: Amazon rating

28. 2. Word Clouds
words: book abstracts
colors: ratings

29. 3. Force-directed diagrams
relations: DDC numbers (size: Amazon rating)

30. Subset Medical Pensum books

31. Subset UJUR Boksamling

32. Subset UJUR Boksamling

33. Subset UJUR Boksamling

34. 4. Geographical Maps
realfagstermer: locations

35. 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

36. Stream 2: Physical Interaction
• Approach Stream 2: novel
ways of interaction in
physical space
• gain qualitative and
quantitative insights
• Three concrete cases
• INF2260 project
• INF Master project Yaron
Okun
• “Hidden Figures” Movie
Physical
interaction
(2)
Visualiza-
tion (1)
Visual
navigation
prototypes
Continua-
tion (3)
Extended
Emnesøk
interfaceEnhanced data &
infrastructure

37. 2. Physical Interaction
Explore novel interaction with library materials, in physical library space
SciFi project
Int. Design
students (1)

38. 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. Yaron Okun (MA student) - “Inducing Curiosity” (2)
2. Physical Interaction
Explore novel interaction with library materials, in physical library space

40. 2. Physical Interaction
Explore novel interaction with library materials, in physical library space
Contextualizing exhibitions: Hidden Figures Exhibition (3)

41. 2. Physical Interaction
Explore novel interaction with library materials, in physical library space
Hidden Figures Exhibition (3)
Picture: Simen Kjellin

42. • ]
2. Physical Interaction
Explore novel interaction with library materials, in physical library space
Hidden Figures Exhibition (3)

43. Picture: Simen Kjellin

47. Touch Table
BookLibrary card
RFID
Obj
2. Physical Interaction
Explore novel interaction with library materials, in physical library space

48. Visually retrieve (and save) personalized materials
important materials for the field, inspiration, etc.

49. Stream 3: Continue & Extend
• Emnesøk infrastructure & UI
• extend vocabularies
• especially multilingual MeSH
vocabulary
• also: on-going mapping Humord
& Realfagstermer to WebDewey
• enhance interface, improve usability
• User testing
• “Browse” vs. “search” activities
Physical
interaction
Visualizat-
ion (1)
Visual
navigation
prototypes
Continua-
tion (3)
Extended
Emnesøk
interfaceEnhanced data &
infrastructure

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

51. Stream 3: Continue & Extend
• Emnesøk infrastructure & UI
• extend vocabularies
• especially multilingual MeSH
vocabulary
• also: on-going mapping Humord
& Realfagstermer to WebDewey
• enhance interface, improve usability
• User testing
• “Browse” vs. “search” activities
Physical
interaction
Visualizat-
ion (1)
Visual
navigation
prototypes
Continua-
tion (3)
Extended
Emnesøk
interfaceEnhanced data &
infrastructure

52. ‘The journey is the destination’
• “Library of our imagination”
• “It is still possible to dream..”
• Towards “Community building”
• Strengthen connections between people, projects & libraries
• Development of tools potentially useful for different libraries
• Not just the prototypes, but also the learned lessons along the way
• “Test-bed” for developing for & using novel (physical) equipment
• Documentation & outreach
• Web news, “Cross-media” approach, weekly status updates
• Workshops…

53. Streams: planning & progress
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
• VIRAK presentations
• V.Nav.Proj. workshop
• Lib.Carp. workshop

54. Conclusion
• Explorative studies & Project Streams
• Visualization examples
• Progress & Plans
• Questions, ideas & suggestions?
• Related work that we are not aware of?

55. ub.uio.no/om/prosjekter/the-visualisation-project
@BookNavigationRead more…

56. Visual Navigation Project
“Rethinking Digital Access to Library Materials”
Hugo Huurdeman, Presentation at HiOA, 19 Apr. 2017
Mikaela Aamodt Dan Michael Heggø Hugo Huurdeman Helge Mjelde Live Rasmussen Heidi Rustad Kyrre Låberg