Designing UX for Airtime Purchase Flows in Kenya

Mobile-first and fast

Most users pay by phone. Prioritise minimal fields (phone, recipient, amount), large tappable CTAs, and an obvious confirmation screen.

Key UX patterns

1. One-tap confirmation for repeat purchases: securely store a token, not PINs.
2. Inline validation for phone number format (Kenyan numbers: 07xx or +2547xx).
3. Progress states: show a clear "Waiting for M-Pesa confirmation" spinner with timeout and retry hints.
4. Helpful failure messages: avoid technical errors. Use friendly language (e.g., "Payment not completed — please try again or contact support").

Trust signals & transparency

1. Show Paybill number and AccountReference clearly.
2. Display receipts or an order summary with transaction ID and timestamp.
3. Offer an easily accessible help link for transaction disputes.

Accessibility & performance

1. Keep forms accessible (labels, ARIA where needed).
2. Optimize images and avoid heavy client bundles — your audience often uses variable mobile data.