This workshop, entitled 'Inspirational Journeys - Challenges and Solutions for Visual Navigation of Library Resources', was organized by the Visual Navigation Project at the VIRAK conference in Oslo. This workshop took place in June 2017.

1. Visual Navigation Project
University of Oslo Library
“Inspirational Journeys” workshop
Challenges and Solutions for Visual Navigation of Library Resources
VIRAK, June 12th, 2017

2. • Helge Mjelde
• head of UiO Medical Library
1. Word of welcome

3. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:00: Welcome
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos of various “visual navigation” prototypes. Discussion in 3 groups.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45 min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NC State Univ. Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
• 14:30: End of workshop. Possibility to try out more demos and touch table
University of Oslo Library
Schedule

4. • Hugo Huurdeman
2. Visual Navigation Project outcomes

5. Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject
VIRAK, June 12th, 2017

6. 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…

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

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

9. picture: Colorbox

10. picture: UiO

12. picture: Yaron Okun

13. picture: Yaron Okun

14. Searching
ExplorationGaming
Navigation
Personalization
Relaxation
Creation
Collabo-
ration
Simulations

15. picture: Yaron Okun

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

20. 1
Force-directed diagrams
relations: DDC numbers (size: Amazon rating)

22. Word Clouds
words: book abstracts
colors: ratings

23. Interactive bar graphs
color: DDC, size: Amazon rating

25. Explorative studies
Lessons along the way… (2)
• Importance of data
• Enrich existing catalog data (covers, abstracts)
• Utilize subject vocabularies & mappings
• Suitability data, visualization & screen size
• some visualizations don’t ‘fit’ the data
• some visualizations don’t ‘fit’ the screen
• Usefulness of existing frameworks to speedup
development
• For instance, D3js
• Large contrast with existing library catalogs & systems
• Need for testing novel tools..

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

29. 2
picture: Yaron Okun

30. 3. Connect 2
Video: Yaron Okun

31. Picture: Simen Kjellin
3

32. 3

33. 3

34. 3

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

38. Picture: Simen Kjellin

43. 100%0% 20% 40% 60% 80%
numberofpagesviewed
percentage of users
n=249
n=182
n=66

44. 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…

45. @BookNavigation
bit.ly/VisualNavigationProject

47. • 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:

48. Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject

49. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos are set-up of the various prototypes created in the Visual
Navigation project. Move around, discuss, write down comments and ideas.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45 min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NCSU Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
• 14:30: End of workshop. Possibility to try out more demos and touch table
University of Oslo Library

50. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos are set-up of the various prototypes created in the Visual
Navigation project. Move around, discuss, write down comments and ideas.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45 min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NCSU Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
• 14:30: End of workshop. Possibility to check out touch table.
University of Oslo Library

51. • Group 1: “Prototypes”
• Hugo Huurdeman
• Group 2: “Navigation”
• Kyrre Traavik Låberg
• Group 3: “Events”
• Dan Michael Heggø
Demo try-out & discussion

52. • Green post-it
• (Like) What is good about the application?
• Red post-it
• (Dislike) What is not so good about it? How to improve it?
• Orange post-it
• How could you use this in your institution?
• Yellow post-it
• Questions, any other remarks?
Demo try-out & discussion

53. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos are set-up of the various prototypes created in the Visual
Navigation project. Move around, discuss, write down comments and ideas.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45 min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NCSU Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
• 14:30: End of workshop. Possibility to try out more demos and touch table
University of Oslo Library

54. • Visualization at North Carolina State
University Libraries
• Mike Nutt (Director of Visualization
Services)
• Walt Gurley (Visualization and Digital Media
Librarian)
4. “Intervention”

55. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos are set-up of the various prototypes created in the Visual
Navigation project. Move around, discuss, write down comments and ideas.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45 min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NCSU Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
• 14:30: End of workshop. Possibility to check out touch table.
University of Oslo Library

56. • Discussion
• “Future avenues for library services”
5. “The Way Forward”

57. • Part 1: Outcomes of the Visual Navigation Project (45 min.)
• 13:05: Presentation of Visual Navigation first year project outcomes
• 13:30: Demos are set-up of the various prototypes created in the Visual
Navigation project. Move around, discuss, write down comments and ideas.
• Part 2: The Way Forward - Towards Novel Digital Library Services (45
min.)
• 13:45: Presentation by Mike Nutt and Walt Gurley, NCSU Libraries
• 14:15: “The way forward - future avenues for library services”. Discussion.
• 14:25: Wrap-up and conclusion.
University of Oslo Library

58. Visual Navigation Project
University of Oslo Library
bit.ly/VisualNavigationProject
VIRAK, June 12th, 2017
“Inspirational Journeys” workshop