Youtube Link
https://youtu.be/BfYfOqTg_0g https://youtu.be/bm6FJfiomr4
SERVICE DESIGN RESEARCH ON PHARMACOLOGICAL INFORMATION 2020.12-2021.06 Graduation Project This multi-dimensional information visualization tool aims to help in scenarios such as communication and presentation in pharmacology. It can help students understand fragmented pharmacology knowledge through immersive interactive games. Also, it can promote the decentralization of medical education and develop into a dynamic platform for scientific research, diagnosis, and other fields.
Team Project
Chen Li, Jialu Cheng, Kuangxi Cui, Qixin Chen, Kedan Ai, Hong Hua
Role
Interaction Design, Visual Design, Research
Supervisors
Shuxin Cheng, Liming Wang, Tao Han
01 BACKGROUND
02 PROBLEM DISCOVERY
03 INTERVIEW
01
2600 There are about 2600 medical schools worldwide.1
Classroom Textbook Te x t b o o k s c o n t a i n abstract information that is difficult to understand.
600000 Textbook There are 600000 students who graduated from medical school in China.
Illustration Blackboard Animation Software
There are more and more students studying pharmacology.
Blackboard
28%
12%
16%
23% 8% 6%
18% 29%
16% 12%
Cunfused
22% 18%
Can’t Undersatnd
Laboratory
Hospital
Existing anatomical animations and software have a fixed perspective and lack of interaction.
23%
8%
38%
16%
37%
6%
23% 27%
03
Animation
The pharmacological information in the blackboard is fragmented.
38%
02
3%
5%
Student Linyu Wang
Researcher Xun Li
Dr. Yuan
Q: How to learn pharmacology ？
Q: How to present your research?
Q: Which scenarios require meetings?
A: We learn pharmacology based on textbooks or online videos.
A: We use Adobe Illustration or Powerpoint to draw illustrations.
A: Meetings with medical representatives or scientific conferences.
Q: How to improve the efficiency ？
Q: Is it easy to use drawing software?
Q: Is it easy to communicate with them ？
A: We hope schools can develop pharmacological visualization tools.
A: It is difficult for scientific researchers to use them.
A: No, their presentation is difficult to understand.
Conclusion
Conclusion
Conclusion
31% 37%
Not Easy to Understand Can Undersatnd Easy to Understand
[1] Duvivier RJ, Boulet JR, Opalek A, van Zanten M, Norcini J. Overview of the world’s medical schools: an update. Med Educ. 2014 Sep;48(9):860-9. doi: 10.1111/medu.12499. PMID: 25113113.
It is difficult to understand and remember pharmacological knowledge.
It is difficult for researchers to present their reaserch with drawing softwares.
Pharmaceutical company conferences and forums are difficult to understand.
04 COMPONENT Physiology
05 INFORMATION HIERARCHY Pathology
Pharmacology Molecular
Cell
06 INFORMATION MODULE 1
1
First Dimension
Information Organization
Multilevel - Spatial Dimensions
2
Second Dimension
3
Third Dimension
1 Information that has a positional relationship.
Multi-Drug - Individual Dimension
2
Multi-State - Time Dimension
Information without positional relationship.
1 Molecular
Tissue
Tissue Point
Organ Body Pharmacology Organ
Organ
3
Cell
Pathology Physiology
Drug 1
2 Drug 2
Drug 3
Line Surface volume Sum
3
Tissue
Cell
Molecular
First Dimension
Second Dimension
Third Dimension
The absorption site and onset site of the same drug are different, involving different organs, tissues, cells and molecules.
Different disease requires different drug treatments, and the effective positions of multiple drugs are different.
The process of curing diseases includes time sequence, which are physiological state, pathological state and pharmacological state.
Y-Axis
X-Axis
Z-Axis
According to the size of different c om p onents, the y-a xis c an b e divided into organs, tissues, cells and molecules from bottom to top.
According to different disease classifications, drugs of the same type can be compared and analyzed on the x-axis.
In chronological order of sickness and healing, the same cell has different states on the z-axis.
07 MODULAR BODY Molecular
Tissue
Organ
Expectation The inhalation position and the onset position of the same drug are different, I’m looking to visualize pharmacological information at different locations in a modular table.
08 MODULAR CHART Acetazolamide｜
Furosemide｜
Thiazide Diuretics｜
Oral Medication
Oral | Intravenous | Intramuscular
Intravenous Injection
Proximal Tubule
Ascending Branch of Henle
Distal Convoluted Tubule
Carbonic Anhydrase
Na-K-2Cl
Na-Cl
Amilori｜ Intramuscular Injection
Mannitol｜ Oral Medication
Injection
Collecting Duct
Location
Na Channel
Na+ HCO - H2O K+ 3
Na+ Cl-
Ca Mg
Na+ K+ Cl-
Na+
Ca
K+
Na+
K+
Mechanism Carbonic Anhydrase Inhibitor
Weak Diuretic
Treatment
It is appropriate to be used as a sample display at the initial stage of the product.
Conclusion
Target
Map
Diuretics are currently relatively mature drugs with clear pharmacological mechanisms, which are knowledge that all pharmacology students need to learn and memorize.
Aldosterone Receptor
Module
Chart
Motivation
Na-K-2Cl Pump Inhibitor
High-efficiency Diuretic with Fast Onset of Action
Na-Cl Pump Inhibitor
Medium-effect Diuretic Mild and Long-lasting
Na Channel Inhibitor
Aldosterone Receptor Inhibitor
Weak Diuretic
Weak Diuretic
We tried to use diuretics as an example to show the char t of modular pharmacological mecha n i s m s . We m o d e l e d procedurally through Houdini, which can mass-produce different organs and tissues. We h o p e to v isualize them through lightness and hue to enhance users’ understanding and memory of information.
09 VISUALIZATION
10 WIREFRAME AND FLOW Welcome
Sign up / Log in
Homepage
Interactive 1 Weaknesses
The system will generate a screenshot of the pharmacology at key process nodes, and automaticly generate brief information on pharmacological image and text to facilitate quick comparisons between similar drugs.
Logo
Interface
2
Systematize With organs and diseases as catalogs, we designed a set of indexes and a dynamic system, to show a dynamic process at different dimensions.
Pathology Index
Pharmacology Library
Text Comparison
Pharmacology Index
Edit Pharmacology
Presentation Pharmacology
Image Comparison
3
Visualize We build a gridded three-dimensional char t of the human body to help students quickly locate the human body to the microscopic level such as cell and molecular.
11 USER INTERFACE
12 PROGRAMMING
13 EXHIBITION 1
Procedural Modeling
2
Programming
Houdini Blueprint
Unity Script
The pharmacological components are complex and repetitive, and the blueprint nodes of Houdini can procedural model organs, tissues, cells and molecules.
In unity, pharmacological models can be viewed from multiple perspectives, animations can be added and related components can be edited.
2020.12-2021.06 Central Academy of Fine Arts Art Museum