Journal

Tag

#ux

Barcode Scanner Viewfinder UI for Mobile Apps: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Barcode Scanner Viewfinder UI for Mobile Apps

A barcode scanner viewfinder needs a dark overlay, a clear cutout, and instant feedback. Build one from a free VP0 design and power it with Apple VisionKit.

Lawrence Arya · May 31, 2026
Custom Haptic Patterns With Core Haptics in React Native: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Custom Haptic Patterns With Core Haptics in React Native

Add custom haptic patterns to a React Native app with Core Haptics: tap, buzz, and bespoke textures, from a free VP0 design. Tasteful, restrained feedback.

Lawrence Arya · May 31, 2026
iOS 18 Custom Tab Bar UI: Build It the Native Way: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

iOS 18 Custom Tab Bar UI: Build It the Native Way

iOS changed the tab bar. Build a custom but native-feeling tab bar from a free VP0 design, keep it reachable and consistent, and do not break platform conventions.

Lawrence Arya · May 31, 2026
Offline Mode UI: Turn No Connection Into No Problem: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Offline Mode UI: Turn No Connection Into No Problem

A no-internet screen should help, not blame. Build offline states from a free VP0 design that show cached content, queue actions, and recover gracefully.

Lawrence Arya · May 31, 2026
ADHD-Friendly Mobile App UI Guidelines (Calmer for All): the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

ADHD-Friendly Mobile App UI Guidelines (Calmer for All)

An ADHD-friendly UI (clear focus, fewer choices, small steps, calm motion) helps everyone. Build the habits in from a free VP0 design and respect Reduce Motion.

Lawrence Arya · May 30, 2026
Duolingo-Style Gamification UI (Learn the Pattern): a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Duolingo-Style Gamification UI (Learn the Pattern)

Gamification works when it rewards real progress, not empty points. Build streaks, XP, and wins from a free VP0 design, anchored to genuine actions in your app.

Lawrence Arya · May 30, 2026
Free User Flow Examples (and How to Build From Them): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Free User Flow Examples (and How to Build From Them)

A user flow is the path between screens. Study proven flow examples, then build your own from free VP0 screens, wiring them into the sequence you mapped.

Lawrence Arya · May 30, 2026
Haptic Feedback UI Guidelines for iOS (Use It Well): the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Haptic Feedback UI Guidelines for iOS (Use It Well)

Haptics make an app feel responsive when used well and annoying when overused. Match the system pattern to the event, keep it sparing, and test on a real device.

Lawrence Arya · May 30, 2026
Designing iOS Empty States That Feel Intentional: a glass iPhone UI wireframe icon on a holographic purple gradient
Essays 5 min read

Designing iOS Empty States That Feel Intentional

Every app has empty states and most ignore them, so a blank first screen reads as broken. Here is how to design iOS empty states that teach and convert instead.

Lawrence Arya · May 29, 2026
How to Design an iOS Settings Screen: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

How to Design an iOS Settings Screen

A settings screen is pure convention, which makes it easy to get subtly wrong. Here is how to structure one with grouped lists, sections, and real accessibility.

Lawrence Arya · May 29, 2026
iOS Onboarding Screen Design That Actually Converts: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

iOS Onboarding Screen Design That Actually Converts

Most apps lose users in the first session. Here is how to design an iOS onboarding screen that converts: start from a free VP0 design, get to a first win fast.

Lawrence Arya · May 29, 2026