Online Emergency Department Check-in Mishap

Earlier this evening, my partner’s car was hit by a guy running a red light. He sustained a concussion and wanted to go to the hospital. Here is dashcam video of the accident.

After calling insurance to find out which hospital he could visit (turns out, not the closest one!), I looked it up online to verify the address. On that page, I saw that the emergency department offered online check-in so that you can wait at home.

screen shot of the Seton ER hospital home page with a form to locate a hospital
Screenshot: Seton ER home page

Being in a hurry since this was an emergency, I was scanning the page quickly. Only two things caught my eye:

  1. The headline that reads “Mini Emergency?” at which point,
  2. I scrolled down, saw the location I wanted, and clicked “Go”

What I did not notice was the most important information on the page—the statement about what conditions not to use online check-in for:

If you are experiencing a life-threatening emergency, go directly to the ER or dial 9‑1‑1. Signs or symptoms of an acute emergency may include…head injury or other major trauma…

Design Recommendations

  1. Move the when-not-to-use-this information to be in context with the page’s main heading
  2. Make the small, gray font with poor contrast easier to read
  3. Transform the long, boring block with a bullet list
  4. Reduce the branding that takes up valuable real estate and obfuscates important information
  5. Under the covers, fix the order of headings
screenshot of design changes to the Seton ER homepage with important information highlighted
Screenshot: Updated Seton ER homepage

In the bathroom, I saw this great example of people making their own user experiences better. The lock was installed backwards.

Photo of a bathroom door lock where the lock is reversed so someone drew locked and unlocked icons on the door
Lock on the ER bathroom door