Web developers have had to develop content for different size screens over the years!

Technology Has Changed Web Design Over Time

August 6, 1991

The first web site was launched by Cern on August 6, 1991.

Tim Berners-Lee created this web site and is still active for historical purposes.

✅ Try viewing Tim Berners-Lee web site on your Smartphone and experience the difficulty of reading and navigating a web site that was designed to be viewed only on Desktop Monitors!

June 29th, 2007

Apple released the 1st Generation iPhone to the public on June 29th, 2007.

October 20th, 2008

The first Android Smartphone was the HTC Dream and it was released October 20th, 2008.

November 8th, 2010

Microsoft was over 3 years late in releasing the first Smartphone to the public on November 8th, 2010.

2007 - 2010

Web site developers are under extreme pressure to come up with a solution to the "Smartphone Phenomenon"!

The concept of a Mobile Web Site became popular during this time period and required duplicate content (Desktop & Mobile) to be maintained separately!

April 5th, 2010

Luke Wroblewski gave his first presentation about using a Mobile First methodology for designing websites on April 5th, 2010.

He is a top rated speaker that has given 367 presentations and workshops to companies and conferences around the world.

His latest book titled Mobile First was published on October 18th, 2011.

The Mobile First Design focuses on the Mobile User Experience (UX)

May 25th, 2010

Ethan Marcotte introduces the concept of Responsive Web Design (RWD) in an article that was published on May 25, 2010.

This design methodology allowed developers to use a new web browser feature called CSS3 Media Queries that is able to display the content of web pages designed for desktop monitors on the small screen of Smartphone devices!

What is the difference between Responsive Web Design (RWD) and Mobile First Design?

September 18th, 2018

Web developers are now able to design Web Content for the small screen of an Apple ⌚ Watch!

Starting with the watchOS 5 operating system:
  • Web content is now supported in Messages and Mail on compatible Apple Watches.
  • You can tap a web page link within a message to view web content that is optimized for the Apple Watch.
  • The Apple Watch is the only smart watch that offers this feature!

Why Mobile First?

Web developers have had to develop content for different size screens over the years!

Technology continues to push the boundaries of screen sizes. Over the years, web developers have had to optimize web page content to different screen sizes ranging from:

👍  Developing a web site with a Mobile First Design provides the best User Experience (UX) on any size screen!

Features Of My Mobile First Design

This site DOES
ANY Content Management System (CMS) Software

Implementing a Mobile Navigation Menu with a Thumb Zone Friendly Mobile Experience is the most critical and difficult area to master because the Smartphone screen Thumb Zone Area changes depending on:

✅  The size of your hand.

✅  The size of your Smartphone screen.

✅  Which hand is being used to hold the device using just ONE HAND.

Research on mobile interaction and behavior shows that Smartphone users touch their phone's screens and hold their devices in different ways:

  1. One Handed - 49%
    • Right Thumb on the screen - 67%
    • Left Thumb on the screen - 33%
  2. Cradled - 36%
  3. Two Handed - 15%
👍  This is why my Ambidextrous Mobile Navigation Menu is positioned at the bottom of the screen for OPTIMAL THUMB ZONE access and is optimized for "One Handed" use!

A Thumb Friendly Ambidextrous Mobile Navigation Menu designed for OPTIMAL THUMB ZONE Access on ANY SIZE Smartphone screen
✅ Experience a Mobile Mega Menu with 35 Categories and 294 Page links!

👍  Users will experience the same web page layout and Navigation User Experience (UX) on different size screen devices.

Click on image to Draw 🖍 Your Optimal Thumb Zone Area On Your Smartphone.👍  I use a custom ERROR 404 PAGE that is able to advertise my web site content and services!

👍  The web server and web pages are optimized for speed allowing:

👍  Exploit all Mobile Accessibility Features such as:
  1. Use of a Digital Business Card that allows web site visitor to:
    • Create a new contact on their 📱 Contacts App without manually typing the contact information.
    • Add my Digital Business Card to their 📱 Smartphone Home Screen.
    • Share my Digital Business Card with their 📱 Smartphone email, text messaging and social media Apps.
    • Recipients of a text message that have an Apple ⌚ Watch, can tap a web site link within a text message to view the content of my Digital Business Card that has been optimized for the small screen!
  2. Back to Top 📱 mobile Feature.
  3. Click-to-Call 📱 mobile Feature.
  4. Add to Home Screen 📱 mobile Feature.
  5. Linking a business address to Google's Voice Activated Driving Directions.

Should you consider a Digital Business Card?

✅ Learn how having a Digital Business Card can help build your business!

Back To 🔝 Of Page