This document discusses how healthcare organizations can develop mobile apps to engage patients. It provides guidance on coming up with use cases, designing apps through wireframing and mockups, and building prototypes using the MobileSmith platform. The document explains MobileSmith's tools for streamlining the app development process, including design templates, rapid prototyping, and creating multiple custom apps at low cost. It aims to help organizations develop effective patient engagement apps while minimizing costs and development time.
2. Who is MobileSmith:
• Enterprise-class DIY app
development platform
• Your app management back
office in the Cloud
Who is Robert:
• MobileSmith VP of Sales
• More than 15 years of experience
selling innovative technologies to
vertical markets
1
3. Today We Will Explore:
• How to come up with great mobile
use cases for efficient Patient
Engagement
• How to design and wireframe your
own Patient Engagement app
• How to prototype and build it easily
and at low cost
2
4. Engagement: Key to Improved Trust
• Access to patient info online =
peace of mind; feeling of control and
empowerment
• Secure messaging = improved
doctor/patient relationship & trust
Mayo Clinic’s recent survey of 45,000 patients:
Eric Manley, eHealth System Manager, Mayo Clinic
Patient Engagement is not just an IT solution.
It’s a CARE solution. IT is just the mechanism.
3
5. Why Mobile Engagement?
• eClinicalWorks survey: 60% physicians
said that at least half of their patients
would be interested in appointment
reminders via a mobile app
• Pew 2012: 50% of smartphone owners use
their devices to get health information;
19% have downloaded a healthcare app
• 200 million active iOS and Android devices in the US
• Older demographics are catching up!
4
6. Poll: where does your organization
stand on mobile apps?
5
Thinking about it
Building!
Launched 1 app
Launched 2 or more
7. App Ideas Just Pop Up
6
IT Department
Human Resources
Technology Partners
Patient RelationsMarketing
Medical Departments
8. Custom Apps are Costly!
7
Cost to build a custom,
full-featured mobile app:
from $30,000 to $150,000
Cost x2
9. And yet…
8
• Out of 97,000 health apps,
26% are used only once
• 74% of users drop out by the
10th use
• Top reason for dropping out:
lack of user friendliness
• 91% of users name ease of navigation
• Patients desire customized feedback based on condition
What makes Apps favorable?
10. From Idea to App: Key Steps
9
Idea
Requirements
Dump
Wireframe Mockup Development
Testing
Good planning great app And vice versa!
11. Step 1: Idea!
10
• Check in the app stores: are there any apps
already doing it?
NO I may have a great app idea!
Yes Can I improve the way they’re doing it?
• Could my idea be accomplished via a
mobile website?
• Your app could be denied by Apple
• Not a good use of resources
• Will the app connect to any data sources?
• May require involvement of IT dept.
Yes!
Yes
12. Use-Case:
Post-Tonsillitis Ice Cream App
11
Medication reminder
Checklist and regimen
Monitoring of ‘Red flags’
Follow-up
reminder
Fun and treats
for the child
14. Use-Case: Cancer Center App
13
Track your treatment
Manage your care team
Network with patients
3D tour of the facility
Stay informed and entertained
throughout your journey
Try on some wigs!
15. Step 2: Requirements Dump
14
• Put down everything you want
in your app, in bullet points
• Group similar bullet points; whittle
them down to make sense
• Pick out 1-2 key features to be
the centerpiece of your app
• Pick 2-3 secondary features
• Dump the rest!
16. Something to Consider During Steps 1-2:
One or Several Apps?
15
• What audience am I trying to
reach with my app?
• Could it be too broad?
• Any there too many
features in my app?
• Diluted apps are not user-friendly
• Do I have any secondary features
on my list too good to dump?
17. Trimming Down Your Use Case
16
How do I feel
today?
My care plan
My care team
Appointments
Lab results
Hospital info
Facility tour
Drug info
Reconciliation
Doctor info
Doctor referral
Drug info
Drug
reconciliation
Fill prescription
Doctor info
Doctor Referral
Feedback and
recommend
18. Step 3: Storyboarding
17
• Sketch your requirements as pages (views):
• Start with the root view (Home page)
• List all the generic views
• NO workflow; NO interfaces at this point!
• Get a clear view of all the pages:
10 or 100 pages? - Too many or too few?
HOME
My
Care
Plan
My
Care
Team
Add
Doctor
How do
I feel
today?
New
Appoin
tment
Etc.
19. Step 4: Wireframing
18
• Lay out each page from your
storyboard: buttons, nav
bar, tabs, maps, images, media…
• Write in notes and arrows for page
transitions
• Describe everything in detail!
• Use graphic designer to ensure
feasibility
• Review wireframes with people on
your team least familiar with mobile
20. Ensuring the Best User Experience
19
• Keep in mind the user goals of your app
(see your 1-2 key features)
• Tap through your wireframe:
Can the user achieve each goal in 4-5 clicks?
Do I have all the necessary screens and buttons?
Do all screens/elements have a purpose?
Can the user navigate home easily?
Are there easy ways to view & input data?
USER EXPERIENCE: FUNCTIONALITY:
50% 50%
21. Step 5: Mockup
20
• Your designer creates page #1
in Photoshop using defined
color scheme
• You approve design: colors,
shapes, images, font etc.
• Secondary pages are created
and approved
• MobileSmith has in-built
design best practices for iOS
and Android
saves up to 70% of your
designer’s time!
22. Step 6: Prototype & Review
21
• Option 1: review screenshots
• Option 2: review the prototype
on your device:
• “Build for testing” on MobileSmith
• Send the prototype OTA to your
device or your colleagues’
• Review; change design/layout;
rebuild; test again!
• Refine the UI/UX at minimum cost
23. What You Can Do With MobileSmith:
22
• Built-in design best practices
for each OS: save up to 70%
of time at mockup and
prototype stages
• Need to reinvent your app
quickly? No problem – and
no additional cost!
• Streamlined app versioning
• Enterprise-class security and robust scalable infrastructure
• Real-time updates and push notifications
• Secure integration with your backend systems
• Your App Forge on the Cloud: create dozens of CUSTOM, native
apps at the cost of one
24. : Where We Fit
23
Pure Custom App Development
• The most expensive option
• Requires development team
• High long-term costs
• Slow development
• Limited creative input from
stakeholders
Template Based App
• Low level creativity
• Limited functionality
• Lowest common denominator
• No branding, no security
MobileSmith
• You own the entire process
through completion
• Rapid prototyping & development
• Custom product at much lower cost
• Multiple apps instead of just one
• Minimal long-term cost
25. Request a Demo and Start Building!
24
Questions?
(919) 602-3025
Hinweis der Redaktion
Mayo sees 1.1 million patients annually and receives 250 million unique visits per year to its website. When it comes to patient engagement to fulfill Meaningful Use requirements, the patient portalis the way Mayo is providing access. - Manley said in his speech at HIMSS.
According to a recent Deloitte study, young people are three times as likely as the 55+ group to own a smartphone (58% vs. 21%), but less than twice as likely to own a tablet (19% vs. 11%). Four in ten tablet users are between the ages of 35 and 64 and adopting tablets at much higher rates than the young folks! 80% of time spent on mobile devices is spent in APPS
App ideas can originate in various departments, offices and programsThey can cater either to the public or to the internal workforceSome use-cases have already been implemented and can be available commercially, but would require serious customization for your users
Costs can double if you decide to develop for both iOS and Android
Data from : Survey by Consumer Health Information Corporation (CHIC) in 2011 to gauge interest in, and adherence to, health apps
So, how do we create a killer app that will keep being downloaded and used? Let’s go through the key steps. The most important part of creating an app is planning. If the planning of an app is not well thought out, the chances of your app being successful are low. Start with the idea and move through wireframes and mockups. Take your time and make sure not to skip steps, as you will forget something!
A great app starts with a great idea!
Once you’re certain about your idea, start building your WISH LIST. The rule of thumb is, you should be able to explain the value of your app in once sentence. Think of your use-case in terms of an ‘elevator pitch’: can you tell someone in 30 seconds why they have to download your app?
If the target audiences can be served by multiple apps, and if you have some features in your dump that can be used for those audience, you might want to consider creating a PORTFOLIO of mobile apps!
Here’s an example:A long wish list can be trimmed down to a sensible use-case, AND give birth to 2 brand new app ideas!With the MobileSmith platform, building and managing a portfolio of apps is easy - you can reuse successful functionality/design and develop your mobile brand quickly and at low cost
From the point of UX, the ideal number of pages in your app should be between - ???We can help at this stage!
Wireframing means drawing your user intefrace as you envision it, including all its pages, elements and workflow.We mostly do it on paper, but there are some great free tools out there for digital wireframing. The more you can describe all buttons and tabs, the faster you will find flaws with your wireframe design.We can help at this stage!
Tapping through:you may feel a bit silly tapping on a piece of paper, but it’s an excellent way to visualize the UX and quickly find faults with your wireframe.Requirements, Storyboard, Wireframe and Mockup will define 50% of the success of your app:If an app has cool functionality, but not easy to use, it’s only 50% good. And vice versa: if it’s super-easy to use, but functionality is boring or performs poorly, the app will not be successful.
MobileSmith canvas allows you to grab colors from your websiteWith MobileSmith, designer can stay within the confines of the in-built best practices; besides, the platform allows replicating screens and design elements = all this can save over 50% (up to 80%) of your designer’s time!
- Once your mockup is done, you can either 1) review it on paper 2) use MobileSmith to review it live. - That 50% of your app’s success that UI/UX defines is easy to ensure with our platform: even if you have messed up that super-important part where you define your requirements and build wireframes, you don’t have to pay your developers extra to correct the mistake. On our platform, you can play with your UI until you are totally happy with it. - Then it’s time to build the app!