

Literature Search
Optimizing information retrieval across fragmented medical databases
Shanghai General Hospital’s clinicians relied on dozens of separate literature database, making comprehensive search of academic papers and clinical guidelines time-consuming. I designed a unified search experience that optimized information architecture, filtering, and query behavior, enabling faster retrival of relevant research
Time
2021
Client
Shanghai General Hospital
My Role
Product designer
Overview
Problem
The 3rd party literature databases all have poorly functioned search. It’s extremely time consuming for physician to access multiple external databases every time they need to search a topic

Solution Overview
A streamlined search function consolidates subscribed literature databases, enabling clinicians to quickly find highly relevant medical documents from a single point of entry.

My Contribution
Interaction design & IA
Led interaction and information architecture design for a unified medical literature search experience.
User research and usability testing
Conducted usability testing, user interview and query analysis to refine query builder, filters, and result layouts.
Cross-functional team partnership
Partnered with PMs and engineers to prioritize features and optimize search logic within technical and data constraints.
Design system development
Collaborated with design and engineering teams to create a design system.
Discovery
Existing Product Gaps
Through remote testing, interviews, and query analysis, I synthesized insights with journey mapping to help the team understand users’ search behavior and pain points

User Goal
The user research also helped me identified 2 personas: clinicians and researchers, along with their different behaviors and shared needs.

Design Goal

Design Process
Brainstorm & Prioritization
With clear design goals in mind, I facilitated a brainstorm session with my team, sketched ideas and voted the key features to develop

Wireframe Iteration: Search Result Page
Determining the most effective result layout and filter strategy for fast information discovery
Starting from unvalidated concepts generated during brainstorming, I prototyped 3 options to compare their impact on result scanability and filter accessibilty.
Option 1
Sidebar filters improve visibility of search criteria, but increase vertical scrolling, creating friction during browsing.

Option 2 Won
The winning option takes up less vertical space, and shows the most popular filters upfront, making it easier for the user to notice and access

Option 3
Hiding filters under an “All Filters” button reduces clutter but adds an extra click in a flow where users apply filters almost every time.

Hi-fi Detail: Article Card
Article card iterations progressively reduced complexity to support faster scanning and clearer hierarchy.
Iteration 1
Initial article card design included dense metadata, which proved too detailed for browsing.

Final Version with refined information hierarchy
The final design prioritizes essential information, constrains text width to improve readability, and uses visual hierarchy to emphasize the most important content.


Final Design
Distinct scopes for distinct information needs
The vertical search scopes help users distinctly search scholarly articles for academic research, search guidelines for clinical practice, and search SGHL website for library

Simple search for simple concepts
For most users and most time, features like query auto-suggest facilitate seamless queries for a quick search seeking simple medical concepts.

Advanced search for precise queries
The advanced search with guided style query input gives experienced researchers complete control of boolean operators and syntax for them to create a more targeted search on complex research topics

Scannable and informative result page
A clear layout and visual design allow users to quickly scan, digest and make decisions.

Effective filtering & sorting
The filtering & sorting options contain the search criteria that match user expectations and are located on top of the result page for easier access.

Article card with clear information hierarchy
With an understanding of what information users need the most for evaluating search results, I selected and organized metadata on article cards aiming for clear information hierarchy and simplicity.

Impact
With satisfying usability and boosted efficiency in literature retrieval, users are pleased with the new search feature.
72%
reduction in avg. search time per query
68%
MAU physicians adopted consolidated search (≥3 sessions within 60 days)
83
usability testing score received
Let’s Connect!
© 2025 Yiqing Wang


Literature Search
Optimizing information retrieval across fragmented medical databases
Shanghai General Hospital’s clinicians relied on dozens of separate literature database, making comprehensive search of academic papers and clinical guidelines time-consuming. I designed a unified search experience that optimized information architecture, filtering, and query behavior, enabling faster retrival of relevant research
Time
2021
Client
Shanghai General Hospital
My Role
Product designer
Overview
Problem
The 3rd party literature databases all have poorly functioned search. It’s extremely time consuming for physician to access multiple external databases every time they need to search a topic

Solution Overview
A streamlined search function consolidates subscribed literature databases, enabling clinicians to quickly find highly relevant medical documents from a single point of entry.

My Contribution
Interaction design & IA
Led interaction and information architecture design for a unified medical literature search experience.
User research and usability testing
Conducted usability testing, user interview and query analysis to refine query builder, filters, and result layouts.
Cross-functional team partnership
Partnered with PMs and engineers to prioritize features and optimize search logic within technical and data constraints.
Design system development
Collaborated with design and engineering teams to create a design system.
Discovery
Existing Product Gaps
Through remote testing, interviews, and query analysis, I synthesized insights with journey mapping to help the team understand users’ search behavior and pain points

User Goal
The user research also helped me identified 2 personas: clinicians and researchers, along with their different behaviors and shared needs.

Design Goal

Design Process
Brainstorm & Prioritization
With clear design goals in mind, I facilitated a brainstorm session with my team, sketched ideas and voted the key features to develop

Wireframe Iteration: Search Result Page
Determining the most effective result layout and filter strategy for fast information discovery
Starting from unvalidated concepts generated during brainstorming, I prototyped 3 options to compare their impact on result scanability and filter accessibilty.
Option 1
Sidebar filters improve visibility of search criteria, but increase vertical scrolling, creating friction during browsing.

Option 2 Won
The winning option takes up less vertical space, and shows the most popular filters upfront, making it easier for the user to notice and access

Option 3
Hiding filters under an “All Filters” button reduces clutter but adds an extra click in a flow where users apply filters almost every time.

Hi-fi Detail: Article Card
Article card iterations progressively reduced complexity to support faster scanning and clearer hierarchy.
Iteration 1
Initial article card design included dense metadata, which proved too detailed for browsing.

Final Version with refined information hierarchy
The final design prioritizes essential information, constrains text width to improve readability, and uses visual hierarchy to emphasize the most important content.


Final Design
Distinct scopes for distinct information needs
The vertical search scopes help users distinctly search scholarly articles for academic research, search guidelines for clinical practice, and search SGHL website for library

Simple search for simple concepts
For most users and most time, features like query auto-suggest facilitate seamless queries for a quick search seeking simple medical concepts.

Advanced search for precise queries
The advanced search with guided style query input gives experienced researchers complete control of boolean operators and syntax for them to create a more targeted search on complex research topics

Scannable and informative result page
A clear layout and visual design allow users to quickly scan, digest and make decisions.

Effective filtering & sorting
The filtering & sorting options contain the search criteria that match user expectations and are located on top of the result page for easier access.

Article card with clear information hierarchy
With an understanding of what information users need the most for evaluating search results, I selected and organized metadata on article cards aiming for clear information hierarchy and simplicity.

Impact
With satisfying usability and boosted efficiency in literature retrieval, users are pleased with the new search feature.
72%
reduction in avg. search time per query
68%
MAU physicians adopted consolidated search (≥3 sessions within 60 days)
83
usability testing score received
Let’s Connect!
© 2026 Yiqing Wang


Literature Search
Optimizing information retrieval across fragmented medical databases
Shanghai General Hospital’s clinicians relied on dozens of separate literature database, making comprehensive search of academic papers and clinical guidelines time-consuming. I designed a unified search experience that optimized information architecture, filtering, and query behavior, enabling faster retrival of relevant research
Time
2021
Client
Shanghai General Hospital
My Role
Product designer
Overview
Problem
The 3rd party literature databases all have poorly functioned search. It’s extremely time consuming for physician to access multiple external databases every time they need to search a topic

Solution Overview
A streamlined search function consolidates subscribed literature databases, enabling clinicians to quickly find highly relevant medical documents from a single point of entry.

My Contribution
Interaction design & IA
Led interaction and information architecture design for a unified medical literature search experience.
User research and usability testing
Conducted usability testing, user interview and query analysis to refine query builder, filters, and result layouts.
Cross-functional team partnership
Partnered with PMs and engineers to prioritize features and optimize search logic within technical and data constraints.
Design system development
Collaborated with design and engineering teams to create a design system.
Discovery
Existing Product Gaps
Through remote testing, interviews, and query analysis, I synthesized insights with journey mapping to help the team understand users’ search behavior and pain points

User Goal
The user research also helped me identified 2 personas: clinicians and researchers, along with their different behaviors and shared needs.

Design Goal

Design Process
Brainstorm & Prioritization
With clear design goals in mind, I facilitated a brainstorm session with my team, sketched ideas and voted the key features to develop

Wireframe Iteration: Search Result Page
Determining the most effective result layout and filter strategy for fast information discovery
I prototyped 3 options to compare effectiveness on result scanability and filter accessibility.
Option 1
Sidebar filters improve visibility of search criteria, but increase vertical scrolling, creating friction during browsing.

Option 2 Won
The winning option takes up less vertical space, and shows the most popular filters upfront, making it easier for the user to notice and access

Option 3
Hiding filters under an “All Filters” button reduces clutter but adds an extra click in a flow where users apply filters almost every time.

Hi-fi Detail: Article Card
Article card iterations progressively reduced complexity to support faster scanning and clearer hierarchy.
Iteration 1
Initial article card design included dense metadata, which proved too detailed for browsing.

Final Version with refined information hierarchy
The final design prioritizes essential information, constrains text width to improve readability, and uses visual hierarchy to emphasize the most important content.


Final Design
Distinct scopes for distinct information needs
The vertical search scopes help users distinctly search scholarly articles for academic research, search guidelines for clinical practice, and search SGHL website for library

Simple search for simple concepts
For most users and most time, features like query auto-suggest facilitate seamless queries for a quick search seeking simple medical concepts.

Advanced search for precise queries
The advanced search with guided style query input gives experienced researchers complete control of boolean operators and syntax for them to create a more targeted search on complex research topics

Scannable and informative result page
A clear layout and visual design allow users to quickly scan, digest and make decisions.

Effective filtering & sorting
The filtering & sorting options contain the search criteria that match user expectations and are located on top of the result page for easier access.

Article card with clear information hierarchy
With an understanding of what information users need the most for evaluating search results, I selected and organized metadata on article cards aiming for clear information hierarchy and simplicity.

Impact
With satisfying usability and boosted efficiency in literature retrieval, users are pleased with the new search feature.
72%
reduction in avg. search time per query
68%
MAU physicians adopted consolidated search (≥3 sessions within 60 days)
83
usability testing score received
Let’s Connect!
© 2026 Yiqing Wang