Develop
Section Needs / Examples
1. Searching Proper
OTC Medicines
Needs：
To find the proper OTC medicine based on the symptom or medicine name.
To be able to search with different preferences of age or gender.
To get personalized medicine instructions
and precautions.
To obtain price comparison and nearby selling locations of OTC medicines.
To know other user's comments about OTC medicine.
3. Sharing and
Communicating
Needs：
To be inspired to try other ways to relieve some subhealth symptoms.
To get daily OTC Medicine Health Feeds
To share experiences with other users.
To get professional advice from professionals.
To be able to communicate with doctors.
To have convenient channels to browse information from other official resources.
2. Medication Status
and Management
Needs：
To add medicine in the list.
To be reminded about the use and dosage of OTC medicine.
To get current health precautions.
To record memos.
To record the current health status and get related health tips.
To be able to switch in another management mode.
4. Personal Profile
Needs：
To set the user's personal information.
To set the user's health status.
To set the medication history and habits.
To set the medication preferences
To set the user's Identity
To set the medication management Mode.
To manage the messages and reminding.
UI Patterns Sketching
CONCEPT 1
1. Searching Proper
OTC Medicines
2. Medication Status
and Management
3. Sharing and
Communicating
4. Personal Profile
CONCEPT 2
1. Searching Proper
OTC Medicines
2. Medication Status
and Management
3. Sharing and
Communicating
4. Personal Profile
CONCEPT 3
1. Searching Proper
OTC Medicines
2. Medication Status
and Management
3. Sharing and
Communicating
4. Personal Profile
Paper Prototypes
Concept 1
Concept 2
Prototype Testing
I chose Concept 1 and Concept 2 for the paper prototype testing. There were three participants in the test.
They were:
Claire, 27-year-old fashion designer,
Shawn, 30-year-old programmer,
Joanna, 20-year-old college student.
The purpose of this test includes, first, checking the fluency and usability of two apps. Second, looking for missing and unreasonable functions and give suggestions. Third, recording the available functions and ideas, and fourth, integrating the two apps and retaining the advantageous interfaces and functions.
Insights
1
2
3
The interface should be more concise, do not have too many elements of the same level，such as icon buttons on the profile page.
Pay attention to the different use of this app, such as searching the medicine in the store. Add the camera function for searching for medicine.
Advance the drug evaluation stars to the second-level interface to help users make choices easier.
4
Considering the function of contact with doctors.
5
Simplify the functions in the family mode and form a primary and secondary relationship with the personal mode.
Wireframe
Visual System Inspirations
Healthy & Simple
Precise & Reliable
Lively & Approachable
