BIODND:
An AI-Powered
Global Biotech
Bilingual Database
Background
In early 2023, recognizing that existing databases in the biomedical industry are predominantly using English, with data primarily from European and American companies, and lacking products tailored for Asia-Pacific enterprises/startups with bilingual interfaces conducive to business development, the product development team in GeneOnline, with me as the primary UX/UI designer, have decided to develop the BIODND database to address these pain points. By integrating AI technology, BIODND effectively categorizes company and asset data, introduces innovative features such as data comparison and member social network platform, and employs user-centric, clean, and modern interface design to overcome the visual clutter associated with traditional databases. Our goal is to make BIODND a benchmark in accelerating the development of the biomedical industry.
Tools
-
Miro
-
Figma
-
Google Doc
Team
-
1 UIUX Designer
-
1 Frontend Developer
-
1 Backend Developer
-
1 Project Manager
My Role
-
UI Design
-
UX Design
-
UX User Testing & Research
An AI-Powering Solution
For Life Science Business
BIODND is designed to solve the problem of limited and monolingual data in the global biotech industry and to create a revolutionary biotech database by connecting users with networking functions.
Information Architecture
Flowchart
Demo Prototype
My Design Process
User Persona Examples
User Story Examples
User Stories & Challenges:
How I solve problems in UX design
Below are some examples of the user experience problems I encountered when designing the database,
as well as the solutions I came up with to solve them.
Challenge: Case 1
Users may experience inconvenience when searching for an investor (individual) profile but the search results are displayed in a conventional list form like other databases.
The list form might be appropriate for viewing company search results, but not for individual profiles.
Solution
Develop two sets of viewing modes for users to switch according to their needs when viewing search results: List Mode and Grid Mode.
Challenge: Case 2
In RWD development, when switching from desktop to tablet or mobile, users may experience difficulty in finding action buttons (view full profile and add to list) in database search results if the position of the buttons remains the same as desktop version (at the right end of the list).
Solution
Adjust the button position by moving them to the left end of the search result list so users don't have to scroll all the way to the other side.
Challenge: Case 3
Target Users are from Asia-Pacific regions and around the globe. Bilingual interfaces (English & Traditional Chinese) need to be customized to accommodate users of both languages and fit into their linguistic features.
Solution
Adopt two different font families for English and Traditional Chinese Interface respectively and make slight adjustments in accordance with features of the language.
Challenge: Case 4
The definitions in Main Sector and Main Therapeutic Areas tags could be ambiguous or overlapping, so if users are allowed to customize tags during setup, subsequent search and tag categorization can become challenging.
Solution
Utilize LLM (Large Language Model) AI to categorize relevant information and assign appropriate tags.
UI Design: Style Guidelines
UI Design: via Figma
UI Design: Device Mockup
Building up a comprehensive design system & assisting in setting up product requirements document (PRD), information architecture, flow chart and functional map from phase 1.
What I've learned from this project
1
Assisting in setting up quantitative & qualitative survey questions for user testing and iteratively revising the design based on answer analysis.
2
Coworking and communicating with frontend engineer, backend engineer and project manager, and getting a deeper understanding of AI applications in database development.
3
View Other Projects of Mine
