Mobile Design Lessons
Explore bite-sized “Mobile Design” lessons designed to build real skills in just 5 minutes a day. Want more? Browse all search results
Lesson
Designing for Mobile Interfaces
Learn the basics of creating user-friendly, intuitive, and functional mobile interfaces
Lesson
Usage of Design Principles
Understand how to practically implement guiding design principles for exceptional UX
Lesson
Devices & Screen Sizes
Discover the various devices and screen sizes you may have to design for
Lesson
Intro to Design Grids
Discover the different types of grids and how they can be used to craft your design layout
Lesson
Intro to HTML
Learn the essential structure, syntax, and tags of HTML, enabling you to structure and organize content on the web
Lesson
Figma Toolbar
Learn how to make use of Figma's most popular toolbar to speed up your design process
Lesson
Design Disciplines
Explore the various disciplines and niches that make up the vast world of design
Lesson
Common Design Concepts
Learn the basic concepts of design that you should be familiar with as a designer
Lesson
Devices and Display Terminology
Decode the terminology you'll encounter when designing for different devices and screens
Lesson
Basics of Native Mobile Design
Discover the pros and cons of creating native and hybrid apps
Lesson
Responsive vs. Adaptive Design
Understand the difference between responsive and adaptive design and identify the right approach for your design goals
Lesson
Forms Accessibility
Discover how to build accessible forms that do not overwhelm or put off users
Lesson
How to Use Text in Wireframes
Discover best practices for incorporating text in wireframes
Lesson
Designing for Tablets
Discover the best practices to follow when designing apps for tablets
Lesson
Mobile Settings Design
Dive into the basics of designing an intuitive and helpful mobile Settings page
Lesson
Android App Design
Get familiar with the essential Material Design Guidelines you need to know while building an app for Android
Lesson
Introduction to CSS for Designers
Explore basic CSS styling techniques
Lesson
Breadcrumbs Best Practices
Explore the best practices for building intuitive breadcrumb trails
Lesson
Mobile Navigation & Input Components
Understand how to design input and navigation components that help users interact with an app in the most logical and intuitive way
Lesson
How to Prepare for the App Store & Google Play Store Review
Understand the process of preparing your app for a successful release on the App Store & Google Play Store.
Lesson
Planning the Mobile App Flow
Learn how to plan your mobile app flow to foresee technical risks and prevent time and money wastage
Lesson
Basic Shapes in Figma
Learn how to create and use basic shapes in Figma.
Lesson
Ensuring Mobile Accessibility
Understand how to create mobile apps that are accessible and inclusive to all users
Lesson
Designing for Wearables
Learn the nuances of designing functional apps for wearable devices
Lesson
iOS App Design
Get familiar with the essential Human Interface Guidelines you need to know while building an app for iOS
Lesson
Frames in Figma
Understand the nature of frames in Figma to bring clarity and fluidity to your designs.
Lesson
Designing Mobile Layout
Dive into the key principles of mobile layout design
Lesson
Mobile Navigation Design
Explore guidelines to design navigation that gets users where they want to go with the least amount of friction possible
Lesson
Composition Grids in Design
Explore the various types of grids and learn how to use them effectively to create balanced, harmonious, and visually pleasing compositions
Lesson
Wireframing Examples by Use Case
View real-world demonstrations of how wireframes can be utilized to visualize and structure user interfaces specific to different industries
Lesson
Basics of Mobile Onboarding
Learn how to get users familiar with a new interface using flows and elements that don't cause irritation or overwhelm.
Lesson
HTML Media
Learn how to incorporate various media elements into your web pages with HTML
Lesson
Augmented Reality and Mobile Design
Delve into the concept of AR and its rising number of design-intensive applications
Lesson
Mobile Wireframing
Dive into the best practices for mobile wireframing
Lesson
Mobile Prototyping
Explore the best practices for building realistic interactive models of your upcoming mobile app
Lesson
Mobile-Specific Functions & Interactions
Learn how to build mobile device features based on mobile functionality and common usage
Lesson
Designing Mobile Notifications & Dialogs
Learn how to design and time mobile notifications and dialogs without annoying users
Lesson
Mobile Testing
Discover ways to test your mobile app to make sure it functions seamlessly on every user's device
Lesson
Accessibility in UX Microcopy
Get a grasp of the general guidelines to make your UX copy accessible to all
Lesson
Designing Mobile Selection Controls
Discover how to design mobile selection controls that help users complete tasks without any friction
Lesson
Mobile Information & Container Components
Learn about UI elements such as mobile information and container components that are crucial to delivering information to users
Lesson
Designing Mobile Logins, Signups, & Other Forms
Discover what goes into creating short and clear login/signup forms
Lesson
Masks in Figma
Delve into the potential of masks in Figma to craft elements that elevate every interface.
Lesson
Layers Actions
Explore the basic actions you can perform on layers within Figma.
Lesson
CSS Length Units
Explore the diverse range of CSS length units and learn how to effectively utilize them to define sizes and distances, enabling precise control over the layout and styling of your web pages
Lesson
CSS Box Model
Demystify the CSS box model and grasp how elements are structured and positioned within a web page, enabling you to create well-defined layouts and designs
Lesson
CSS Margins & Paddings
Learn how to manipulate CSS margins and paddings to fine-tune spacing and create visually balanced and appealing layouts for your web pages
Lesson
Layout Fundamentals & Spacing
Master Apple's core layout principles to create harmonious and balanced interfaces
Lesson
Best Practices for Vertical Navigation
Explore the benefits of vertical navigation and the nuances of incorporating it effectively into an interface
Lesson
Navigation Architecture
Master the principles and patterns of Apple's navigation systems to create intuitive user journeys.