Spent Hours Making the Inline Scheduler UI Perfect for Mobile

The Mobile Scheduler That Actually Works

Spent hours making the inline scheduler UI perfect for both desktop and mobile.

No one notices these details unless they’re wrong. But getting them right is what makes people stay.

Scheduler UI

The Problem I Found

I tested the scheduler on my phone. It was a disaster.

The desktop version worked fine, but on mobile?

  • Buttons too small to tap
  • Time picker unusable with thumbs
  • Everything required pinch-zoom
  • Users would definitely rage quit

As I tweeted: “that tiny ux detail you ignored? it just cost you 10,000 users”

Mobile design isn’t about big features. It’s about invisible perfection. The stuff nobody notices until it’s wrong.

The Iterative Fix

No fancy design guides. No Apple HIG. Just testing on my actual phone.

Version 1: Kind of Works

The scheduler technically functioned. With effort, you could schedule a post. But that effort would turn users away.

Version 2-8: Test, Fix, Repeat

I just kept opening it on my phone:

  • Made buttons bigger
  • Spaced things out
  • Moved controls to thumb range
  • Removed tiny tap targets

Each iteration: open on phone → try to use it → find what sucks → fix it.

Final Version: Just Works

After hours of manual testing:

  • One-thumb operation
  • No precision required
  • Actually feels good to use

What Made The Difference

The small things that compound:

  • 44px minimum touch targets - Invisible expanded hit areas
  • Time slots you can actually tap - No more mis-taps
  • No keyboard overlap - UI adjusts when keyboard appears
  • Smooth transitions - No janky animations

Good Rules for Mobile Design

Test With One Hand

Hold your phone. Use your thumb only. Can’t reach something? Redesign it.

The Details Stack

  • One perfect detail: Nice
  • Ten perfect details: Smooth
  • Hundred perfect details: Magic

Measure What Matters

  • Can users complete the task?
  • How many taps does it take?
  • Do they rage quit?

The Result

Before: Desktop scheduler crammed into mobile After: Mobile-first design that works

No one mentions the scheduler anymore. That means it’s working.

The best UX is invisible. Users don’t consciously notice perfect UX. They just feel it:

  • Confidence instead of frustration
  • Flow instead of friction
  • Trust instead of doubt

Try It Yourself

Experience the scheduler that doesn’t suck:

  1. Open x11.social on your phone
  2. Create a post
  3. Tap schedule
  4. Feel the difference

No pinch zoom. No rage taps. Just scheduling that works.


Building for mobile? Test on your actual phone: @x11_social

← Back to Blog