Blood Pressure Monitor

Product / 

This monitor belongs to XIAOMI, it not only needs to function as the traditional monitor (measure blood pressure) but also fits Xiaomi's modern design principles (simple and user-friendly).

Role / 

I served as the product designer and was responsible for the whole research and testing. The design was mostly finished by myself with some help from visual designer Weiyi. Other team members included 1 VP who was in charged of the project, 7 software engineers, and a hardware engineer team.



Conducted 300+ interviews by observing usage scenarios.



Crafted wireframes and flow diagrams, and re-designed the existing UI.



Conducted 50+ in-person and 30+ remote usability tests.



I attended the World Hypertension Day fair to observe how people used our products in person. In this event, I observed 300+ people using our monitors and got some useful design ideas.


Besides the on-site research above, I also visited 10+ of our real users, interviewed their user scenarios, usage process, and problems they got, for the first time to understand and to learn their pain points. 

To summarize the research results above, I listed the key points of all problems below for further design.

  1. People care about the blood pressure results "normal or not" much more than the pressure numbers. 

  2. People expect more functions on this "smart" monitor, compared with other traditional monitors.

  3. People care about the whole user experience in the real world and not only the interface, especially for this hardware product. 

I also tracked and analyzed the usage data to support my design. For example, this product was designed for two different people to test their blood pressure under their own account, so there are two buttons on the machine. Our team thought about changing two test buttons to one to simplify the design and reduce confusion. However, the data showed 50.5% of users used 2 buttons almost equally, up to 98.5% of users used 2 buttons to test for different people.



In this SPRINT, we organized the research and problems above, made a bunch of brainstorms and wireframes, and finally got the solutions below for each problem.

Design Solutions


1.  Intuitive color scales instead of numbers

To solve problem 1: People care about the blood pressure results 'normal or not' much more than the pressure numbers. I re-designed the interface on the monitor and the voice broadcast contents. The challenge of this design was to make everything as simple as it can be. I added the measurement level results (information about "normal or not"), and used different colors to distinguish them. Also, I made the same change to voice broadcast design, to announce the "normal or not" result first before the pressure value announcement.




2.  Usage process subdivision

To solve problem 2: People expect more functions on this "smart" monitor, compared with other traditional monitors. I studied deeply the whole usage process and user scenarios, and separated the process into 3 steps: before the test, during the test, and after the test.


2.1  Temperature tips before the test

Based on the interviews with users, patients with high blood pressure are often measured before they go out. So I added some information about local weather at the 'before step'.

2.2  Real-time wave during the test

I also did some detailed design, such as the left picture, I added the real test waves and let the heart icon beat during the test. This would help the users feel the machine is working during their measurement. 

2.3  Clear announcement during the test

As I mentioned in solution 1, I highlighted the blood pressure results 'normal or not' instead of the pressure numbers.

2.4  Comparision between the tests

The newest result was compared with the previous one in the same account.

2.5  Tips for users after the test

As mentioned in 2.1, patients with high blood pressure often measured before they go out. So I added some health reminders and suggestions. These functions were designed after several meetings with the engineering groups (hardware and software groups), and this is the effort of the whole team.

3.  Decrease the noise to avoid potential dangers

To solve problem 3: People care about the whole user experience in the real world not only the interface. I studied the pain points of most blood pressure monitors, lots of people complained about the loud machine noise made by the monitors during tests, which is especially dangerous for users who are at high risk of blood clotting. Our team made effort to reduce the machine noise during the test, which is a very considerable improvement on experience design. 

Screen Shot 2021-04-13 at 11.14.00 PM.pn


I conducted 50+ in-person usability tests and 30+ remote usability tests. And got some positive feedback:

Screen Shot 2021-04-13 at 11.12.14 PM.pn

'The result is more clear.' --Jun

'Straight results of blood pressure level is exactly what I want.' --Rende

'The soft noise during the machine working made me felt I am gently treated.' --Hongyin

Design on other platform

Iteration is a necessary procedure. It was the main part of my daily works. I did lots of revisions to the app. This app is attached in Mi Home (similar to Alexa). I kept thinking about what this app could offer, besides what users got on the machine.


The answer I got from the user interview was "a notebook". For people who care about their blood pressure and health situation, 50% of them do write down their test results. I try to design a clear and useful "notebook" for our users.

Screen Shot 2021-04-13 at 11.12.51 PM.pn
Screen Shot 2021-05-15 at 1.55.00 AM.png

An overview list of one user's blood pressure test results, this list can help the users track their blood pressure easier.

Based on the blood pressure range, I adjusted the line chart range to show the trend of blood pressure more clearly. And I selected some important indexes to follow the line chart. 

Screen Shot 2021-05-15 at 1.55.14 AM.png