Mobile-First vs. Desktop Content: Does It Need to Be the Same?
Does the content need to be the same on the mobile and desktop versions of your sites? Find out the answer in this edition of Ask an SEO.
What is Mobile First CSS Code
Is this video you will learn what is mobile first CSS and we will code a simple list of random cats from mobile to desktop using media queries.
Download my code: https://gist.github.com/brickbones/c816da6dd2b50827692cde6aa0ca9730
Follow me on twitter: http://twitter.com/ieatwebsites
Why You Need a Mobile-First Web Design
Featuring: Bryant Goodall
Written by: Soyeon Kim
Produced by: Lauryn Johnson & Brandon Paul Karlis
Directed and Edited by: Brandon Paul Karlis
Did you know 88% of online customers won’t return to a website after a bad experience?
Now, try viewing your business website on your phone really quick. Does it look as good as it does on desktop? It better!
Here’s why your website needs mobile-first design.
Google favors mobile-first sites.
Google’s pushed web developers to create mobile-friendly sites for years now. They’re so dedicated to mobile that they just announced they’re enabling mobile-first indexing by default.
By now, most web developers are comfortable working on mobile-first sites. In return, you’ll get better rankings and more organic traffic.
Mobile-first simplifies your site.
While the initial switch to mobile-first design takes work, it simplifies your site in the long run.
One site for all devices
And, it lets you focus on content.
You’ll lose business without it.
Even if you don’t think a mobile-first website is important, your customers do.
57% of internet users won’t recommend a business with a poorly designed mobile site.
Without mobile-first design, you could lose out on referrals and return visits from customers.
Don’t get left behind with an outdated site.
Check us out, at thryv.com, and watch more videos where we help you…
manage your time, communicate with customers, and get paid.
Should you design for mobile or desktop first?
Timothy Samara answers this and more questions on my new podcast.
Should you design for mobile or desktop first? –
“I would always advocate for really thinking about the smartphone as a sort of the basis for how you might think about column, because this is gonna be your worst case scenario. This is the narrowest and the smallest format area that text is going to appear in. There are much more, I would say, stringent requirements for how large the point size has to be or the pixel size of the text has to be, and how much space you need between. That’s going to really drive how that text fits, within this very narrow space. Which in essence, if the text is legible, and has a readable quality, it’s likely to fill most of that space, and that’s not a bad place to start for determining the column. Especially the format then expands, into say desktop browser, where there’s gonna be a lot more leeway. Then you can apply this thinking to print design too, is to always find, the most difficult or challenging situation or aspect of the material that you’re working with and also the format, so that you solve that problem right off the bat.”
This is just an excerpt—Listen to the full episode here:
Visit the podcast page to learn more:
Timothy is a New York based graphic designer and educator whose 25 year career has focused on visual identity and branding, communication design, and typography.
Timothy also teaches at many design schools and universities around NYC including: The New School for Design, New York University, School of Visual Arts and more.
#branding #mobile #desktop #graphicdesign
UI/UX – Should you start with Mobile or Desktop Design FIRST?
https://bit.ly/3ROaYX8 Learn UI/UX Today. Use “UI2022” for 22% Off!
— Today, I’m going to discuss my personal approach towards designing layouts in the context of which device I start with — Mobile or Desktop!? Let me know what you do, and if you disagree with anything I’ve said in the comments below!
0:00 – Introduction
0:47 – My answer
1:18 – Why though?
4:30 – Your thoughts?
Let’s get started!
– – – – – – – – – – – – – – – – – – – – – –
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
– – – – – – – – – – – – – – – – – – – – – –
Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!