UI UX System Design
This digital document serves as the communicator between the Project Leader (Triet) and the UI/UX Designer (Chi). This encompasses the materials required to create and design the interface
- Objective: Simplify and digitalise the blood donation and banking process
- Scope: Create a system that meets industry standard, but not to the point of ready for deployment
-
Off-limit:
- Ensure the blood delivery process
- Encourage blood donation
- Marketing/Advertising the application
Express how the application is supposed to be used in real life. Helps increase context
Express how the user will interact with the program, assists in wireframe and prototype. Requires the minimum diagram but not restricted to:
- User checks in for blood donation
- User sign up for blood donation
- Blood bank staff (Xet Nghiem) monitors the blood storage
- Blood bank staff (Lay mau) checks for incoming donors
Info
- Flowchart tool: https://www.mermaidchart.com
- Flowchart reference: https://www.visual-paradigm.com/tutorials/flowchart-tutorial
Functions for Medical Staffs
| Function | What it does | Purpose |
|---|---|---|
| Scan QR code | Scan QR code | - Improve check in time between donors and staffs - Reduce friction between each stage |
| Login to Dashboard | Login to the dashboard for medical staffs, using the provided staff ID and password | - Security: Make the dashboard accessible to only medical staffs |
| View blood bank statistics | View amount of blood stored in blood bank | - Manage the blood bank - Predict when to require more blood |
| View donor's information | View information of incoming donors | - Know about the donor's current health conditions |
Functions for Blood Donors
| Function | What it does | Purpose |
|---|---|---|
| Generate QR code | Generate QR code | - Provide a quick identify method for donors |
| View nearby donation centers | View donation centers and click on one to appoint for blood donation at one | - Have multiple choices to donate blood to |
| Appoint for blood donation | Appoint to donate blood at the chosen donation center | - Make a blood donation appointment easily (app's main function) |
| Receive reminder email | Receive an email to remind donors 1 day before appointment | - Help donors remember to donate blood on-time |
| Receive missed email | Receive an email notifying donors having missed an appointment | - Notice donors that they missed a donation event |
| Scan ID card | Scan the donor's ID card to autofill required information | - Simplify filling information for donors - Avoid identity theft |
| Get donation advice | Receive advice for donation based on calculated BMI and other temporary conditions | - Have an overview of current health condition and whether to donate blood |