fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

Mobile First Approach


Tegra - January 8, 2020 - 0 comments

Mobile First Approach
If your site is good on  mobile device,
it translates better to all devices

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.

Cheers! 👋

Mobile-First=Content-First
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
Thanks for
reading
I hope you enjoyed and learned
something from this post

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.

Be free to send me any feedback by reply or reach me in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *