Click to call Raul Gonzalez, a Mobile First website designer and developer located in Dallas, Texas. Example of a Mobile First web page layout that delivers the same User Experience (UX) on different size screen devices

A Chronological History of Website Design

The World Wide Web Timeline illustrates both the major milestones and small moments that have shaped the Web since 1989.

The first website was launched by Cern on August 6, 1991. This website is still active for historical purposes and you can still view it. When you compare the first website to the latest websites that you can now experience with your Smartphone Web Browser, you realize that website design methodologies have changed drastically over time because of technological changes!

Learn which technological changes forced website designers and developers to change their design methodologies.

1st Generation - Desktop Website Design Methodology

All websites developed between the 1990's and 2008 or so where developed with a Desktop Website Design methodology and were viewed ONLY on desktop computers and monitors.

❓ How can you tell if your website is using Desktop Website Design?

✅ Use the FREE Google tool and determine if your website is Mobile-Friendly.

I usually do not come across many Desktop Website Design websites. When I do, I strongly recommend a COMPLETE REDESIGN!

The introduction of the first Smartphone devices forces website designers to change website designs

TIMELINE OF SMARTPHONE INTRODUCTION BY OPERATING SYSTEMS
Apple released the first iPhone on June 2007
Android released their 1st Smartphone on September 2008
Microsoft released their 1st Windows Smartphone on October 2010


There were issues after the release of the first Smartphone devices!

🚩 Although every 1st generation Smartphone had a web browser, the telecommunication infrastructure was very slow using second-generation 2G cellular networks.

🚩 Because all of the existing websites were designed to be viewed on Desktop monitors, the web pages WERE NOT READABLE on the small screens of these 1st generation Smartphone devices. Mobile visitors had to use their fingers to "pinch" in and out to view the content and click on navigation links!

Need to allow Smartphone devices to view content of existing 1st generation websites

In late 2009, a new feature called "CSS3 Media Queries" was almost ready for prime time to address the "Smartphone Phenomenon". Ethan Marcotte coined the term Responsive Web Design (RWD) in a May 2010 article, describing the theory and practices.

This website design methodology allowed companies to keep the original investment on their 1st generation Desktop Websites and ADD ON NEW FEATURES to allow mobile devices to view the content of their existing websites!

🚩 This website design IS NOT the most current and efficient website design strategy!

🚩 Your website visitors will experience different web page layouts for Desktop and mobile devices. Your website visitors will experience different web page layouts for Desktop and mobile devices.

🚩 The Desktop and Mobile Navigation User Experience (UX) are different! The Desktop and mobile Navigation User Interfaces (UI) will be different

Some of these designs do not exploit all Mobile Accessibility Features such as:

✅ Back to Top.

✅ Click-to-Call.

✅ Add to Home Screen

✅ Digital Business Card.

✅ Email Forms that verify a valid contact email address domain name and blocks receiving emails from countries outside of the US to cut down on SPAM emails.

✅ Linking your business address to Google's Voice Activated Driving Directions.

Responsive Web Design (RWD) using Content Management Systems (CMS)

Anyone can build a website in a matter of hours using specialized software where the user drags and drop pictures and add text into a document that represent a web page. Most of these CMS systems use TEMPLATES / THEMES where all that is needed is to change the colors, images, and text content to quickly develop and deploy a website.

These types of software are powered by what is called a Content Management System (CMS). The most popular software products are WordPress, Joomla, Drupal, and Magento.

The most efficient method for detecting a website that uses a Content Management System is to use a FREE website called www.builtwith.com. Type your website name and the results will show all of the technologies used by that website. If your website is using a Content Management System, the report will show a section listing the software used.

Most business owners usually do not really care about this categorization, terminology and technical jargon. All that they care is that the website is functional and looks good to the eye.

Do you understand the security risks associated with using WordPress and other CMS Software on a website?

🚩 If your website uses or you are considering building or upgrading a website that uses WordPress, there are a few issues and risks that you need to consider:
  1. More than 70% of WordPress installations are vulnerable to hacker attacks because of improper WordPress configuration, deployment, and failure to keep the software current by the webmasters!
  2. You will be shocked to find out the number of vulnerabilities fixes and software bugs that WordPress has to deal with on a daily, monthly and yearly basis.
I would encourage you to read an article written by Scott Anderson related to the WordPress software.

How often does the WordPress software need to be upgraded and how much does it cost?

🚩 Count the number of times WordPress has published a new release or version of the software in the past two years.

🚩 Whatever the count is, that is the number of times that your website would had needed to be upgraded in order to mitigate the risk of being vulnerable to hacker attacks!

❓ Who is going to upgrade the software? Now that you know the facts, there is ONE CRITICAL QUESTION THAT EVERY WEBSITE OWNER NEEDS TO ASK.

Do you accept the additional costs and security risks associated with having a WordPress website?

🚩 If you ACCEPT THE ADDITIONAL COST AND SECURITY RISKS, good luck to you!

✅ If you DO NOT ACCEPT THE ADDITIONAL COST AND SECURITY RISKS then, you need to seriously consider a complete redesign of your website using a Mobile First website design strategy.

❓ Do you believe this a reasonable and valid question that deserve SERIOUS thought and answer?

The latest website design methodology that is focused on the Mobile User Experience (UX)

Technology has changed drastically since the first Smartphone devices were introduced in 2007! The computing power of a new flagship Smartphone rivals some of the best laptops! The trends and statistics related to Smartphone growth, mobile internet traffic and cell phone carrier network speed improvements are UNDENIABLE!

The main objective of the "Responsive Web Design" Methodology was to allow the Smartphone web browsers to view existing content of non mobile friendly websites.

❓ What if you can have a single web page layout that can scale from a small Smartphone screen to the largest Smart TV Screen without CSS3 Media Queries?

Why continue to build websites using a Responsive Website Design (RWD) Methodology?

A NEW website design methodology is focused on the Mobile User Experience (UX) and it is called Mobile First.

The Mobile First website design strategy does not just concentrate on developing for the small screen of a Smartphone. It is also used to deliver better usability of websites, develop better use of screen real estate and, reduce the amount unnecessary elements from pages.

Benefits of a MOBILE FIRST Website Design Methodology

👍 The Navigation Menu is positioned at the Bottom of the Screen and uses the same User Experience (UX) across different screen size devices. Mobile First is latest website design methodology that is focused on the Mobile User Experience (UX)

👍 A single web page layout that can scale from a small Smartphone screen to a large screen TV without CSS3 Media Queries. The Mobile First layout can scale from an IPhone 4 to a large screen Smart TV

👍 The Thumb Zone Friendly Ambidextrous Mobile Navigation Menu provides OPTIMAL THUMB ZONE ACCESS to both the LEFT and RIGHT hand THUMB FINGERS. Example of an Ambidextrous Mobile Navigation Menu designed for OPTIMAL THUMB ZONE access on ANY SIZE Smartphone screen

I encourage you to explore my Mobile First Tutorial so that you can understand the detail analysis that is needed to implement this type of website design. THE RESULTS ARE AMAZING!

Call to Action and Social Media



Would love to hear your thoughts and comments so, feel free to 📱 call, or send me an 📨 email.

✅ Follow me on Twitter to keep up to date with my latest news 📰 article postings!


Back to 🔝 of page