Build a custom view to enable fast entry of blood pressures

[pratul]

In apps like Cardio Journal, when you enter a new BP, a "custom keyboard" shows up that big easy-to-tap buttons, no extra keys, and rules to support only valid blood pressure values. We're currently using the standard Android keyboard and a custom view will definitely speed up entering BPs.

[subbramanil]

@pratul I have some experience with building keyboards at my work and this shouldn't be too hard. Do you guys have a rough idea of what's keys should be there?

Or

Have you guys thought about using a spinner with valid values for blood pressure?

Something like this: https://github.com/DarkionAvey/SwipeSpinnerWidget

The spinner could be set to default 120/80 or the last reading of the patient to make it easier for the user to update. In this way, you don't need to worry about validating the user entry and also speed up entering BPs as BPs typically shouldn't change far different from last reading/normal(120/80).

[dburka]

Thanks for offering to help @subbramanil That's so cool. Our colleague @akshayverma1 is working on a design spec for you and will post it here.

We've considered a spinner as you suggest, but it will be a bit slower than a large optimized numeric keyboard — consider that for new enrolled patients, there will be no baseline BP to start from. And, with some muscle memory, typing 5 digits quickly can be very very fast.

Thanks again, we should have a spec to you soon!

[akshayverma1]

Hi @subbramanil, thank you for extending your help, we really appreciate it!

Here are the specs:

• The keyboard in context: https://zpl.io/Vxl4JxX
• Button states: https://zpl.io/a87dAw6

Please do let me know if there’s anything else you might need. 🙂

[subbramanil]

Thank you @akshayverma1

Can you change the sharing settings in Zeplin?

Seems like I need to be invited to the project to view the files.

[akshayverma1]

Hey @subbramanil, sorry about that. I have moved the mockups to Figma and they should now be accessible to you.

• The keyboard in context: https://www.figma.com/file/fQ3Kk8sC656CH5H9le5jRymA/Simple-UI-v1.10?node-id=0%3A10521
• Button states: https://www.figma.com/file/fQ3Kk8sC656CH5H9le5jRymA/Simple-UI-v1.10?node-id=0%3A18680

[akshayverma1]

@subbramanil Let me know if there’s anything else I could help you with :)

[dburka]

@subbramanil Just following up on this. We really appreciate your offer to help with this! Anything we can assist with?

[subbramanil]

@akshayverma1 @dburka Sorry Guys for the delay in the update.

Based on the prototype shared, I built a sample keyboard by modifying one of my old projects. Have few minor challenges regarding the style of the buttons, but should be able to complete it soon.

Since It's only a keyboard, I have been modifying my existing project code. I haven't tried to run the "simple-android" app yet. Will ask for help if I ran into any issues.

[rakesh-barik]

Hey @akshayverma1 The links for the mock ups are not working, if you don't mind could you please share those again. I am interested to give it a try.

[akshayverma1]

Thanks for offering to help with this, @rakesh-barik. Here are the links:

• Custom keyboard: https://www.figma.com/file/kONxBLSXwcQDnV7ya4hIXA/Simple-App?node-id=0%3A16774
• Button states: https://www.figma.com/file/kONxBLSXwcQDnV7ya4hIXA/Simple-App?node-id=0%3A16814

[benryder1988]

Hi @akshayverma1, is this custom view improvement still open? I was thinking of taking a look at it if it's still required

[akshayverma1]

Hey @benryder1988, thanks for asking! I’m not sure, but maybe @dburka or @vinaysshenoy might know?