Click to call Raul Gonzalez, a Mobile First Website Designer and PHP Developer in Dallas, TX Explains the different website design types and has an informative Mobile First website example and tutorial.

A chronological history of website design

The history of website design has changed over time as a result of technological changes!

Desktop Websites

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

How can you tell if your website is using Desktop Website Design? Try to view your website using a standard size Smartphone. Can you read and navigate your website without pinching and zooming in and out? I usually do not come across many Desktop websites. When I do, I strongly recommend a COMPLETE REDESIGN!

The introduction of 1st Smartphone forces website designers to change their strategy!

After Apple released the IPhone in June 2007, Android released their 1st Smartphone in September 2008, and Windows released their 1st Smartphone in October 2010, there were website design issues that needed to be addressed:

🚩 Although 1st generation Smartphones had web browsers, the telecommunication infrastructure was very slow using second-generation 2G cellular networks.

🚩 The Desktop websites that companies had invested so much money on WERE NOT READABLE on these 1st generation Smartphone devices because they were designed for large screens!

A new website design strategy was developed to address the new Smartphone devices. It is called Responsive Web Design (RWD). One Tell-Tale sign is that there are two different webpage layouts. One for a Desktop and another for a Smartphone device. This allowed companies to keep the original investment of their Desktop Websites and still address the new Smartphone phenomenon.

Some of these website designs are not very efficient so you should use the Google mobile test to see if improvements can be made to your website. How did your website perform in this test?

This is not the most current website design strategy and you need to be careful that the mobile layout contains the same content as the desktop layout! Also make sure is using Mobile Features such as:

✅ Back to Top.

✅ Click-to-Call.

✅ Add to Home Screen and a Digital Business Card.

✅ Email Forms that verify a valid visitor's email address domain name to cut down on SPAM emails.

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

✅ REAL TIME EMAIL AND SMS SERVER ALERTS when suspicious activity and or malicious intent is detected from a website visitor.

Responsive websites using Content Management Systems (CMS)

Just about 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. Other CMS systems use prebuilt templates where all that is needed is to change the colors, images, and text content to also develop a web page. 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.

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.

Let me make a business case to you as to why you should care if your website uses a Content Management Systems (CMS)!

🚩 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: Scott Anderson recently wrote what I consider to be a great article that I would encourage you to read related to the WordPress software.

The most efficient method for detecting a website that uses a Content Management System is to use a FREE website called 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.

Now that you know the facts about CMS software, there is one critical question that every business owner needs to ask. Do you accept the security risks associated with having a WordPress website?

A new website design strategy is needed as a result of the mobile revolution and technological innovation!

As I have explained, the website design principles and strategies used have changed several times as a result of technological changes. Just in the last 10 years, there has been a revolution in mobile technology. The computing power of a flagship Smartphone that you carry in your pocket or purse generally rivals some of the best laptops and desktop computers of about five years ago! The trends and statistics related to Smartphone growth, mobile internet traffic and cell phone carrier network speed improvements are UNDENIABLE!

As a result of these mobile trends, a new website design strategy has been developed and it is called Mobile First. A Mobile First 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.

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!
✅ Take advantage of my 👍 FREE service to AUDIT your website!

If you found this information helpful, please consider adding this page to your 📱 Home Screen.

Call me at 972-372-4237 or, send me an email with your existing or new website design project! My initial consultation is FREE and I can address any concerns, issues, and questions that you may have. Feel free to also follow me on Twitter.

Back to 🔝 of page

Share with Facebook Share with Google+ Share with Linkedin Share with Twitter