Whether we want to admit it or not, the web is going mobile. If you don’t have a mobile version of your website, you are turning away a huge percentage of your users and customers. Well the latest counts are in that show that there are over 1.2 billion mobile Web users worldwide and over 25% of mobile users in the United States will never touch their desktop this year. Last year, over 73 percent of consumers used their mobile phone while in a store shopping. On top of that, this year it is expected that more smartphones will sell than Desktop PC’s.
This article will explain why you should design a website from the ground up or Mobile-First as it’s often called.
1. Mobile-First Forces You to Focus on Core Content and Functionality
When you are dealing with a screen-size that is 320px X 480px or less you have to rethink and design the layout of your traditional desktop website layout. You only have enough space on the screen for the most important and key parts of your website. So if something isn’t absolutely necessary for your clients, then ditch it for your mobile-first design!
Look at the difference between these two pictures to get an idea of how unusable a desktop-based design is on a smartphone: insert mobile image here…
2. Screen Sizes Abound in the Mobile Web
These days you can’t afford to adapt your website to the size and layout of every new device that comes out. Who knows when the next iPhone will change screen sizes or resolutions, or when the hottest new tablet is released with completely new dimensions. This is why your Mobile-First design must be fluid, not adaptive.
When your website layout is fluid through the use of css selectors like “min-width” instead of “max-width” your website easily “flows” between any screen size. Whether you are browsing on a iPhone with 320px width or that dinky flip phone with a 180px width, your website will “flow” and look beautiful on each and every device.
“Let the fluid grid do most of the work. You don’t want to manage 100 layouts caused by 100 media queries, so let the fluidity of the web do its thang.” – Brad Frost
3. New Capabilities with the Mobile Web
When you are designing a desktop based design you have to design it with the knowledge that many of your users may be using old browsers or aging hardware that can’t support new and exciting technologies. However with Mobile devices because users are constantly upgrading their phones and changing plans, there are huge possibilities to utilize new and exciting technologies in your Mobile website.
Some of these things include:
4. Progressive Enhancement
The main reason we have a website is to give valuable content to our users. Progressive enhancement focuses on the content first, then the presentation and styling, and finally the scripting and animation.
“The number one thing to remember in designing is content, content, content.”
Digital transformation requires new technologWed, 04 Oct 2017
Posted by Jorge A. Carrillo
8 Tips to Better Measure and Optimize ContentSun, 01 Oct 2017
The following tips will go a long way to helping you execute performance cont..
The Nine Ingredients That Make Great ContentFri, 15 Sep 2017
The path for content marketers is clear. In order to boost SEO rankings, gain..
The future of UX DesignTue, 01 Aug 2017
User experience design is often thought of as a new or emerging concept in We..
Flashy Vs Simple WebsitesFri, 21 Jul 2017
It’s easy to get carried away when creating your website because A). Cr..
Moving from HTTP to HTTPSFri, 07 Apr 2017
HTTPS is the secure version of HTTP, the protocol over which data is sent bet..
What is Structured Data and Why Does it MatteThu, 23 Mar 2017
Structured data allows search engines to not only crawl your site, but to truly ..
SEO Problem with Duplicate ContentTue, 14 Mar 2017
When it comes to search engine optimization, imitation is NOT the sincerest form..
How to Be Searchable on GoogleTue, 07 Mar 2017
For businesses that depend on website traffic to bring in customers or sell prod..
What is an XML Sitemap and why it is importanWed, 01 Mar 2017
What is an XML Sitemap and why is having one important for SEO? Good question..
© 2018 www.cxwebdesign.com. All Rights Reserved.