Mobile First Approach 📱
Courtesy of @ayushjangra
The mobile-first approach is exactly as it sounds: designing for the smallest screen and working your way up.
More important, though, is that a mobile-first approach is also a content-first approach.
Mobile has the most limitations, screen size, and bandwidth to name a few, and so designing within these parameters forces you to prioritize content ruthlessly.
Mobile has the most limitations screen size and bandwidth to name a few and so designing wlthin these parameters force you to prioritize content ruthlessly
Mobile is where your audience is
The data continues to show that for most sites, the majofity of their traffic comes from mobile devices
Two Design Approaches
Progressive Advancement ls the approach that supports the mobile-first recommendation
Graceful degradation describes the need to have a site function across a variety of device types and sizes
Progressive Advancement is actually a design strategy
Graceful degradation is the result of a technical approach
Thinking mobile-hrst forces us to think about what’s really important
The mobile-fifst appfoach organically leads to a deslgn that’s more content-focused, and therefore user-focused
You can’t screw up mobile ux
Every page has a different objective. When you strip down to the absolute basics, as occurs ln mobile-first design, you start bulldlng a ux foundation that is relevant
At the heart of mobile-first ux is navigatlon lt must be easy and intuitive. Because if your UX ls not up to expectations, users will bail
Mobile-first is content-first too
+ Relevant, contextual imagery or video that clearly communicates visually what you do
+ Direct copy that incorporates value propositions and concise language
+ Calls to actionthat provlde the user an avenue to connect with you
Bonus — 4 tools that may be useful in your designer way:
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.