The Complete Guide to Designing a Mobile App

Explore design elements such as lines, shapes, texture, and the relationship between forms to create direction, movement, and flow in app layouts.

Design for mobile beyond the phone by leveraging location, sensors, and augmented reality to engage users in the physical world while considering safety and user impact.

Explore competitive research by reviewing market apps, compare interfaces, features, and use cases, and identify a competitive advantage to guide your mobile app design.

Explore information architecture as the app's skeleton that orders content with a site map, guiding navigation from home to jobs, companies, and me, before building pages.

Explore app layout principles from Material Design and UI kit, compare Android and iOS patterns, and create hierarchy with typography, grids, space, color, and imagery.

Explore touch gestures that power fluid apps, including taps, swipes, and long presses, with Android and iOS expectations. Cover edge swipes, tab switching, snapping, overflow menus, and material design guidelines.

Align your app’s content with user insights by establishing a genuine voice and concise copy, then use mind maps to craft a brand identity with a name, logo, and tagline.

Design solid mobile navigation aligned with your information architecture, balancing search, browse, and actions, and choose between top bars, tab bars, and hamburger menus for reach and discoverability.

Learn best practices for notifications, balancing timely alerts with user well-being and avoiding overuse. Prioritize important messages from the inner circle and design native, trustworthy Android and platform alerts.

Explore best practices for mobile form design to reduce user error and abandonment, emphasizing single input fields, minimal questions, prefilling, accessibility, and step-by-step forms.

Learn how well designed animation enhances user engagement and depth in mobile apps, using overlay, transparency, transformation, masking, and real-time versus non real-time timing.

Explore designing mobile apps for offline states by caching content, providing simple offline messages, and gracefully handling empty states and offline workflows to keep users productive.

Design for accessibility to reach a broader audience by using clear labels, high contrast, large text, and large touch targets, aligned with Android and iOS guidelines.

Explore art boards and pages in Sketch to create multiple screens on one infinite canvas, and use templates to quickly build Android, web, and UI designs.

Learn to design with symbols in sketch by building reusable UI elements, using rulers and alignment, creating symbol instances, updating text across instances, and applying shared styles for color schemes.

After establishing information architecture, build home page by adding a top navigation bar and bottom tab bar, creating symbols, aligning elements, and adjusting spacing with a subtle background for branding.

Design the search page of an Instagram clone using a UI kit and symbols, showcase visual design with precise spacing, and prepare developer handoffs.

Explore the design of a food delivery app from splash screen to order confirmation, covering login and signup, menu, restaurant listings, map search, restaurant details, reviews, and dish pages.

Design delivery and payment pages in Sketch, create a form layout with delivery details and payment fields, use symbols and alignment to ensure inline errors and visual consistency.

design a login and sign-up flow in sketch, creating splash, login, sign-up, and forgot password screens with imagery, forms, social buttons, and precise alignment using rulers and symbols.

Learn to design restaurant listings and a map page in a mobile app by building list items, images, nav bar, icons, color themes, and a mock map view in Sketch.