OCLC, Inc via TekSystems – 2022

WorldCat Find: Library Search on Mobile

WorldCat Find mobile app showing search results and library locations

Role

Senior UX Designer (W2 Contract)

Responsibilities

MVP definition, user research, mobile interaction design, information architecture, and end-to-end screen design

Tools

Figma, Google Material 2

Team

UX Designer, UI Specialist, Developer, Product Owner

Timeline

Jul 2022 to Nov 2022

Outcome

Native iOS and Android launch with a 4.4 star rating and 5,000+ downloads as of August 2024

Visit WorldCat.org →

Impact

  • Beta launched on iOS App Store and Google Play Store in Q4 2022
  • Full launch February 2023
  • 4.4 star app store rating
  • 5,000+ downloads as of August 2024
  • Brought library search to mobile for 124,000+ active users

The Problem

WorldCat is the largest online library catalog in the world, with over 540 million bibliographic records in 483 languages. It had a responsive website, but no native mobile app. Users searching for library materials on their phones were getting a scaled-down desktop experience, not a mobile-first one.

The organization needed a native iOS and Android app that gave users fast access to search, format filtering, library locations, and inter-library loan information. My job was to define the MVP scope and design every screen.

WorldCat.org responsive site on a mobile device showing cramped desktop-oriented layout vs. the native app concept showing a mobile-first search experience

Users

The team's baseline assumption was that most WorldCat users were librarians or institutional staff. Previous research from 2017 suggested this. That assumption was wrong.

124,118 active users

Between Feb 2021 and Nov 2021. Of those, 117,161 were non-librarians. The user base was overwhelmingly professors, students, and researchers, not library staff.

1,821 accounts with 20+ saved items

Users were building and maintaining lists of library materials for ongoing research. This wasn't casual browsing. These were repeat users with sustained workflows.

This changed everything about how we prioritized features. We weren't designing for librarians managing catalogs. We were designing for researchers hunting down specific, often rare, materials across multiple libraries.

Research

The 2017 research was outdated and built on incorrect assumptions about who our users were. I pushed for new user interviews, and I made a specific call that shaped the rest of the project: I convinced the product owner to demo the responsive website during those interviews instead of showing abstract concepts.

The product owner's original plan was to run standard interview scripts. My argument was that putting real UI in front of users would surface behaviors and pain points we'd never find through questions alone. We could watch people struggle in real time instead of asking them to remember past struggles.

It worked. The interviews revealed four key patterns:

Icon of an open non-fiction book representing the primary content type users searched for

Non-Fiction Focus

The vast majority of users searched for non-fiction. This meant our search results and filtering needed to prioritize academic and reference materials, not general browsing.

Icon of a person researching with a magnifying glass, representing the ILL discovery workflow

Inter-Library Loan is Core

Users regularly used WorldCat to find bibliographic info for fulfillment requests. The ILL flow wasn't a secondary feature. It was a primary reason people came to the platform.

Icon of a diamond representing rare and specialized library materials

Niche and Rare Materials

Users came to WorldCat specifically because their local library didn't have what they needed. They were searching across library systems to find rare or specialized materials. Generic search wasn't enough.

Icon of a person reading, representing content accessibility and holdings research

Holdings Info, Not Orders

Many users used the ILL feature to improve their own library's holdings information, not to actually order anything. We'd assumed ILL meant transactions. For many users, it meant research.

Key Decisions

Side-by-side comparison of the responsive website layout and the native mobile app adaptation showing shared IA

Use the Responsive Site as the MVP Base

Rather than designing from scratch, I pushed to use the recently launched responsive website as the foundation for the mobile app. Same information architecture, same core flows, adapted for native mobile patterns. This cut weeks off the wireframing phase and let us spend more time on the problems that were actually unique to mobile.

Two mobile screens showing the header in 'Browsing Formats & Editions' state vs. 'Viewing' state for a specific edition

Standardized Header System

I wasn't the first designer on this project. Some views had headers, some didn't. There was no consistency. I standardized a header component across every screen. Beyond visual consistency, the header became functional: it changes between 'Browsing' and 'Viewing' states to tell users whether they're looking at a list of formats or a specific edition.

Before/after comparison: original ambiguous copy '5 copies at 23 libraries' vs. updated copy specifying 'This hardcover edition has 5 copies available at 23 nearby libraries'

Clarified Holdings Copy

The original design said something like '5 copies at 23 libraries.' This was ambiguous. Does that mean 5 copies total across 23 libraries? Or 5 copies at each of 23 libraries? And what format? Hardcover? Audiobook? I rewrote the copy to specify format and clarify the relationship between copies and locations. Small change, big reduction in confusion.

Mobile screen showing advanced search panel with multiple criteria fields (author, title, date, subject) adapted from the desktop layout

Advanced Search on Mobile

Both the legacy and responsive sites had advanced search with complex query building. Users needed this on mobile too. I adapted the desktop interaction patterns to work within mobile constraints using the UI team's design system components, preserving the power of multi-criteria search without overwhelming a small screen.

What Went Wrong

This was my first senior role. I had the title and the responsibility, but I hadn't yet learned how to use the authority that comes with it.

The biggest problem: I let work get siloed. Tasks were assigned and completed in isolation. When I had questions about how a current task would impact previous or future work, I let those questions get tabled instead of insisting they be addressed.

The result was predictable. A later task would surface a dependency on something we'd already designed, and we'd have to go back and redesign it. Double work. Wasted time. Exactly the kind of thing a senior designer is supposed to prevent.

I also could have done a better job explaining to the team why working holistically (looking at the full flow, not just the current screen) leads to better results. I knew it intuitively but I didn't articulate it clearly enough to change how the team operated.

Iteration

What I foundWhat I changed
Users assumed the app was built for librariansReframed the entire design around researchers, students, and professors based on updated user data
Inconsistent headers across viewsStandardized a header system with contextual states (Browsing vs. Viewing)
Ambiguous holdings copy caused confusionRewrote copy to specify format and clarify copy/location relationship
Work was siloed, causing reworkStarted initiating cross-task reviews with the developer and UI specialist earlier in the process

What I'd Do Differently

  • Push harder for holistic design reviews instead of letting tasks stay siloed. The rework was avoidable.
  • Exercise leadership authority earlier. Having the title means nothing if you don't use it to protect the team's time and the product's coherence.
  • Advocate for post-launch analytics tracking. The app launched with a 4.4 star rating, but I don't have granular data on which features drove satisfaction or where users dropped off.
  • Document the decision to use the responsive site as the MVP base more formally. It was the right call but it was made in conversation, not in a artifact the team could reference later.