Blog UI/UX Design

The Design Principles Behind
Sri Lanka's Best-Rated Mobile App

👩‍🎨Sachini Perera
· May 20, 2025 · 7 min read
The design principles behind Sri Lanka's best-rated mobile app — UX case study

In late 2023, a client approached us with a failing fintech mobile app. It had 2.8 stars on the Play Store, a 68% one-day retention rate, and reviews that consistently cited "confusing", "slow", and "ugly". Eighteen months later, after a full UX redesign, the same app sits at 4.9 stars with 50,000+ downloads and a 92% one-day retention rate. The difference wasn't more features — it was better design. Here are the five principles that drove the transformation.

Principle 1: Reduce Cognitive Load Ruthlessly

The original app's home screen had 23 interactive elements. Users didn't know where to start. Cognitive load — the total mental effort required to use your app — is the single biggest predictor of user frustration.

We applied Miller's Law: the average person can hold 7±2 items in working memory at once. We redesigned the home screen around the three primary user jobs-to-be-done, hiding everything else behind progressive disclosure. The home screen went from 23 elements to 6. Task completion time dropped by 41%.

Practical rules we applied: one primary CTA per screen; visual hierarchy that guides the eye to the most important action first; empty states that explain what to do next; error messages that say exactly how to fix the problem.

Principle 2: Performance IS User Experience

Users don't separate "the design" from "how fast it is." A beautiful UI that takes 3 seconds to respond feels broken. Our performance targets for every screen: initial render under 200ms, response to any tap within 100ms, transitions at a locked 60fps.

We achieved this in Flutter by switching to the Impeller rendering engine (which eliminates shader compilation jank), implementing aggressive optimistic UI updates (show the result before the server confirms), and using const widgets everywhere possible to eliminate unnecessary rebuilds.

Principle 3: Accessibility by Default

Accessibility isn't an afterthought — it's good design. When you design for users with disabilities, you improve the experience for everyone. Our accessibility checklist for every screen:

  • Minimum 44×44pt tap targets (Apple's HIG guideline), even for small icon buttons
  • WCAG AA contrast ratio (4.5:1 minimum) for all text; AAA (7:1) for critical information
  • All interactive elements labelled for screen readers (Semantics widget in Flutter)
  • Never rely on colour alone to convey state — use icons, labels, or patterns as well
  • Support system font size scaling without layout breakage

When we ran the redesigned app through automated accessibility testing tools, it scored 98/100 — up from 61/100. User reviews from this period frequently mentioned how "clean and easy to read" the new design felt.

Principle 4: Microinteractions That Delight

Microinteractions are small, single-purpose animations and feedback moments. A button that subtly scales down when pressed. A success state that plays a satisfying checkmark animation. A pull-to-refresh with a custom branded loader. These moments communicate that the app is alive, responsive, and cares about the user experience.

The rule: every microinteraction must serve a functional purpose (confirm an action, indicate state, provide feedback) — never add animation purely for decoration. We use AnimationController with physics-based curves, keeping all transitions under 300ms to feel snappy.

Principle 5: Progressive Disclosure

Show users only what they need for the task they are currently performing. Progressive disclosure is how you build an app that is both powerful and simple — you don't remove features, you reveal them at the right moment.

For the fintech app, we hid advanced transaction options behind a "More options" drawer. New user onboarding surfaced features progressively — showing core features first, unlocking advanced options only after the user had completed specific actions. This reduced first-session overwhelm by 62% according to session recording analysis.

The Results: 2.8 → 4.9 Stars

Twelve months after the redesign launched: Play Store rating rose from 2.8 to 4.9 stars; one-day retention improved from 68% to 92%; monthly active users grew by 340%; the client's customer support tickets related to app confusion dropped by 78%. The app received the Sri Lanka Digital Awards 2024 commendation for best mobile UX.

Want a Mobile App Users Actually Love?

Our design team specialises in mobile UX that drives retention, reduces support costs, and earns 5-star reviews.

Get a Free Design Audit →

Related Articles

Ready to Build Something
Extraordinary?

The same expertise behind these articles goes into every project we build.