• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to secondary sidebar
  • Skip to footer

  • Opinion
  • Health IT
    • Behavioral Health
    • Care Coordination
    • EMR/EHR
    • Interoperability
    • Patient Engagement
    • Population Health Management
    • Revenue Cycle Management
    • Social Determinants of Health
  • Digital Health
    • AI
    • Blockchain
    • Precision Medicine
    • Telehealth
    • Wearables
  • Startups
  • M&A
  • Value-based Care
    • Accountable Care (ACOs)
    • Medicare Advantage
  • Life Sciences
  • Research

Building A Medical App: How Your App Can Work In A Clinical Setting

by Jasmine Pennic 08/15/2013 12 Comments

  • LinkedIn
  • Twitter
  • Facebook
  • Email
  • Print

Written by Clayton Miller, Visual/UX designer at Pathfinder Software

Showing off how your medical app can work in a clinical setting might lead you down the path of developing on a visually appealing medium like an iPad.If so, you’ll probably want to build a mobile web app vs. a native app.

While the trade offs of web apps versus native are well known, all too often, this means compromising on responsiveness, fluidity, and overall user experience. However, with some in depth knowledge of web technology, strong UX, visual design, and development you can avoid compromises.

Some examples of averting compromises:

1 – Responsiveness

Did you know that when you click a link in an iPhone or Android-based browser, there is a 300-millisecond delay built in?

It’s there so that you can scroll and double-tap to zoom, and normally, you don’t notice it because you’re navigating to a new page.  When you’re using a single-page web app, though, it becomes quite pronounced, and makes the UI feel laggy and slow.  Fortunately, there’s a way around it using open-source libraries such as FT FastClick to intercept the clicks.  After you implement this, you should notice a big difference.

2 – Animation

Modern apps use animated transitions not just for eye candy, but often for a very good UX reason: it helps make changes in the UI less confusing for users, helping them maintain context. There have been ways to do animated transitions on the web for years and they do translate into mobile web. But, quite often, performance is an issue. A full-screen fade effect that is smooth on a MacBook Pro might be very choppy on an iPad (our experience).

Fortunately, there are ways around this, by taking advantage of what is known as hardware acceleration – using the GPU (the part of the system that’s specialized for graphics) instead of the CPU (the general-purpose processor).  It’s actually possible to get hardware acceleration in web apps if you know the right tricks to trigger it (and there’s plenty of debate as to which tricks work best).  It will likely take some experimentation, but you should finally end up with all of your animations working smoothly on the iPad.

3 – Unique UI

One last thing that always helps web apps is actually a bit counter-intuitive.  One might think that to feel more like a native app, your app should closely mimic the visual design of one. This is actually not a good idea at all!

By trying to exactly reproduce native controls, you set your UI up for detailed comparison to how bundled and native apps work, and it’s often unconscious comparisons in the user’s mind that make the experience the most dissonant. In other words, you don’t want to make something that looks almost exactly the same but just “doesn’t feel right.”  You can build a mobile web app that has its own branded look, fit within your design language and yet still use standard mobile conventions in a relatable way.

Mobile web apps are still a trade off. There are many advantages and disadvantages to each – but in our experience, a responsive, fluid user experience isn’t something you need to sacrifice.

About the Author

Clayton MillerClayton Miller is a Visual/UX designer at Pathfinder Software,a Chicago based mobile health & medical software development firm that designs, builds & launches products to engage users. When not hard at work on @PathSoft client work and not writing long essays at Interuserface.net (which is most of the time), he tweets @claymill.

Image credit via Pathfinder Software

  • LinkedIn
  • Twitter
  • Facebook
  • Email
  • Print

Tap Native

Get in-depth healthcare technology analysis and commentary delivered straight to your email weekly

Reader Interactions

Primary Sidebar

Subscribe to HIT Consultant

Latest insightful articles delivered straight to your inbox weekly.

Submit a Tip or Pitch

Featured Insights

2025 EMR Software Pricing Guide

2025 EMR Software Pricing Guide

Featured Interview

Virta Health CEO: GLP-1s Didn’t Kill Weight Watchers, Its Broken Model Did

Most-Read

Moving Beyond EHRs: What Lies Ahead for Healthcare Digitization?

AI Agents vs. Chatbots: Understanding Agentic AI’s Role in Healthcare

AI Breakthrough Reveals 2025 AI Breakthrough Award Winners

AI Breakthrough Reveals 2025 AI Breakthrough Award Winners

Healthcare's Big Blind Spot: The Measurement Crisis in Inpatient Psychiatry

Healthcare’s Big Blind Spot: The Measurement Crisis in Inpatient Psychiatry

Lessons Learned from The Change Healthcare Cyberattack, One Year Later

Lessons Learned from The Change Healthcare Cyberattack, One Year Later

Blue Cross Blue Shield of Massachusetts Launches "CloseKnit" Virtual-First Primary Care Option

Blue Cross Blue Shield of Massachusetts Launches “CloseKnit” Virtual-First Primary Care Option

Omada Health Launches "Nutritional Intelligence" with AI Agent OmadaSpark

Omada Health Soars in NASDAQ Debut, Signaling Digital Health IPO Rebound

Medtronic to Separate Diabetes Business into New Standalone Company

Medtronic to Separate Diabetes Business into New Standalone Company

White House, IBM Partner to Fight COVID-19 Using Supercomputers

HHS Sets Pricing Targets for Trump’s EO on Most-Favored-Nation Drug Pricing

23andMe to Mine Genetic Data for Drug Discovery

Regeneron to Acquire Key 23andMe Assets for $256M, Pledges Continuity of Consumer Genome Services

CureIS Healthcare Sues Epic: Alleges Anti-Competitive Practices & Trade Secret Theft

Secondary Sidebar

Footer

Company

  • About Us
  • Advertise with Us
  • Reprints and Permissions
  • Submit An Op-Ed
  • Contact
  • Subscribe

Editorial Coverage

  • Opinion
  • Health IT
    • Care Coordination
    • EMR/EHR
    • Interoperability
    • Population Health Management
    • Revenue Cycle Management
  • Digital Health
    • Artificial Intelligence
    • Blockchain Tech
    • Precision Medicine
    • Telehealth
    • Wearables
  • Startups
  • Value-Based Care
    • Accountable Care
    • Medicare Advantage

Connect

Subscribe to HIT Consultant Media

Latest insightful articles delivered straight to your inbox weekly

Copyright © 2025. HIT Consultant Media. All Rights Reserved. Privacy Policy |