Web Design Blog Posts

Mobile Web Design Best Practices #2 – Finding the Right Dimensions for Your Mobile Friendly Website

When designing a mobile-friendly, responsive website, many web designers are curious as to what dimensions they should build their website within. There are several guidelines to follow when designing your site, especially when it comes to the width of your pages and how well they adjust to various screen sizes.

 

One way to keep your site mobile-friendly is to set what are called “breakpoints” in your website’s CSS file. This helps give your site the ability to adjust to different screen resolutions, especially when it comes to width. The last thing you want your website visitors to see, especially on mobile, is horizontal scroll bars! As a typical rule of thumb, if the user’s screen is small than 480 pixels, this is when the site should display a smartphone layout. If the screen size is between 480 and 1024, you’ll want your site to display the tablet layout. Any resolution higher than that should automatically display the “regular” desktop layout.

 

There are many responsive website templates out there that adjust to various mobile screen sizes. But what if the script to detect the screen resolution doesn’t properly recognize it? This can lead to your site being hard to use or even unusable for some mobile users. This is something that you definitely don’t want to happen. But following these width guidelines should eliminate most major issues.

 

Of course, this means that you’ll be creating CSS rules for every one of those three (or more) layouts. However, this can be a good thing, as you can eliminate higher-resolution photos and JavaScript code using these scripts that won’t serve a purpose on mobile devices. Really, the best design template to use for a mobile friendly website is one that is built on columns and rows that adjust automatically based on how they are being viewed. This is done by using what are called fluid containers, some of which are defined using set widths, and others that automatically adjust to resolution. This way, when new devices are released, you don’t have to create a new script for it.
In the long run, you just want to be sure that your website is adaptable to as many screens as it possibly can be. Testing your website on a wide array of devices is crucial.  But trying to have the same website display on all devices without lots of extra fancy CSS scripts is really the best way to go. The less your website has to work to display correctly, the faster it will load, and therefore, the better it will perform.

Mobile Web Design Best Practices #1 – Why Page Load Time is So Important for Mobile Web Design

Mobile Web design is one of the hottest topics for a good reason. Since more than half of all Internet users access it from their phone, you have to be 100 percent sure that your website is functional on phone screens. Not only that, you have to make sure that your site looks good, as well. It should also be streamlined for easy navigation. But perhaps the most important element of mobile Web design you need to focus on is how fast (or slow) your website pages load.

 

The first thing you want to check is to see just how mobile-friendly your existing website already is. Google has a tool for checking your website’s mobile friendliness. Also, Google has found that visitors are 5 times more likely to “bounce” off of your website if it’s not mobile-friendly. That’s a staggering number. But it’s not surprising considering that more searches than ever start on mobile than on desktop.

 

So what is the first major thing to consider when optimizing for mobile-friendly design? It’s page load time. One of the major elements of mobile Web design that you need to succeed in today’s internet is how instantly something loads. Google says that “nearly half of all visitors will leave a mobile site if the pages don’t load within 3 seconds.” It’s not quite that quickly for desktop users. But when when people are checking things on their phones, it’s understandable that they want a nearly instant response from a website that they’re trying to visit.

 

So what causes slow page load time? Sometimes, the trouble lies in code that may make the site look good on desktops. But on the phone, this presentation isn’t going to be as fantastic. All this extra code does is slow the page load time on a mobile phone. You may also have high-resolution images that look gorgeous on a desktop screen. But on a mobile device? They take too much data to actually load properly within a reasonable amount of time. You’re also sucking up valuable data usage for your users. No one wants to deal with a website that uses up a lot of their monthly high-speed data usage.

 

So now you know the major culprits of slow page load time. How do you fix these issues? One of the best ways to overcome mobile page load issues is to employ a responsive website design that is generally the same on both desktops & laptops and mobile devices. Some website owners employ a different version of their website for mobile and desktop users. This creates a different user experience and perhaps in some niche cases it’s okay to have two separate sites. However, for most people and businesses, a simple responsive website that adjusts from a mobile phone screen to the largest desktop monitor is best.

 

With a simple, streamlined responsive website, you’re only keeping track of a single website. Whether you choose WordPress or a similar Content Management System (CMS) make sure you have a theme that’s both eye-catching and easy on load time. The more scripts and fancy widgets you have on your site will simply hamper people from even finding your site in search! It’s best to have a simpler website that anyone can find on Google, Bing, Yahoo, or whatever their favorite search engine. Otherwise, you might have a website that people only find by typing in the address on a business card.

 

With Google and other search engines making mobile-friendliness a priority, it’s time for you to make sure you have a responsive, quickly loading mobile-friendly website today.

,

How to Solve a High Bounce Rate on Your Website

Search Engine Optimization

 

Have you been looking over your website stats and noticing a high bounce rate? Simply put bounce rate is when someone comes to a page on your site and that’s all they look at. A high bounce rate is usually anything above 70 percent. Usually, a rate this high is considered bad. What causes it? There are a variety of reasons that your website is experiencing a high bounce rate.

 

Page Load Time

The first thing to watch when you have a bounce rate north of 70 percent is page load time. Many people won’t stay on the page if it doesn’t load quickly. Make sure that your site loads as quickly as possible. The worst thing is a website nobody waits around to see. It could also be that perhaps your page isn’t loading correctly, especially on mobile. You’ll want to address any mobile loading issues, as well.

 

Time on Page

If you’re a service-based business, it’s possible that visitors could just be grabbing a phone number or email address from your home page and leaving. This could artificially boost your bounce rate and it’s something to watch. You could have good design, but sometimes all people need is the contact info right at the top of the page.

This is when you need to watch your average visitor’s time on page. If it’s a few seconds that’s not good. It means your visitors often aren’t getting what they are looking for with your site at all. If it’s more like 15 to 30 seconds, then it’s likely they’re at least scanning the page. But you still want better than that on average.

If your average visitor time is closer to a minute, however, it means people are actually showing interest. That means you’re doing something right. So how do you capture their attentions even more?

 

Calls to Action and Interactivity

Perhaps, your home page doesn’t have enough calls to action. The best way to keep people on your site is to make it interactive and fun. You want your site to have colorful buttons and good,  relevant images that capture attention. Some sites even gamify their content to entice people to interact.

While gamification of a website isn’t for everyone, think of new and innovative ways to get your target audience to explore more of your site. Of course, the longer you keep visitors interested, the higher chance that you’ll be kept in mind or even contacted right away for your products or services.

Videos are another way to keep people on your site. Many site visitors aren’t fond of autoplay videos, but just having one gives visitors another reason to interact with your site. It needs to be short and sweet and be directed at what problems you’re trying to solve for your visitors.

 

Compelling Website Copy and Design

 

Your website copy and design should flow directly towards converting visitors. The easier you make it for people to know exactly what you do and contact you, the lower your bounce rate will be. Really, as long as your website is effective, your bounce rate will lower accordingly.

If your bounce rate is extremely high, you definitely want to pay attention to what they are missing. Some basic streamlining and better attention grabbing copy, images or features could be all you need to steal the spotlight from your competition.

, ,

6 Tips for your Small Business Website Marketing Plan

Choosing the best web marketing strategy from the many methods and locations that business owners can now advertise their products or services online is important for your success. It’s even more pertinent to plan your strategy when your small business is operating on a shoestring budget with limited resources. Thankfully though, some of today’s best marketing strategies offer free and low cost opportunities to promote your business.

Best Web Marketing Tips for SMBs

You can expect to invest a significant amount of time when focusing on the Internet marketing strategy of your small business. To get the most of this investment, you’ll need to focus on these six tips, below.

1. Clear Call to Action

Including a clear call to action on website pages, blog posts and social media content is a highly effective way of directing customers to the next step. Numerous studies have shown that including a call to action in your content is an effective way to gather leads and convert consumers.

2. Mobile Responsive Design

In the age of digital technology, more people than ever before are using smartphones, smartwatches, tablets, laptops and more to access the internet. In fact, out of all global traffic,15% is from these mobile devices. In addition, Google’s new search algorithm updates are now giving mobile responsive sites a big boost.

3. Capture your Audiences’ Attention Quickly (Stop Annoying your Customer)

Customers in the new age of technology are advertised-to-death. They can smell cheap promotional content from a mile away…and they don’t like it. Capture your audiences’ attention quickly with a great headline and offer valuable content that is simple.

4. Add a Blog

Having a blog is one of the number one ways to draw new customers to your website and rank higher in search engines. Providing a consistent flow of fresh and valuable content offers continuous ways for new readers to find and engage with your site. In addition, Google loves eating fresh valuable content.

5. Have at Least 1 Engaging Social Platform

While this may seem obvious, it is important that you have at least one social media profile that you keep updated and engaging. However, you should not overload yourself by trying to be on every single social media platform. Choosing somewhere between 1 and 3 social media platforms keep updated is a good place to start.
The top 3 platforms are:
Facebook
Twitter
Google+ (This is one super important for Google search engine rankings!)

6. Build an Email List & Use It

This is probably one of the most skipped areas, as well as the one for the most potential. There are numerous ways that you can grow your email database for free, and use it to consistently engage with your customers.

,

Why Is Image Optimization Important On Your WordPress Website?

What is image optimization?

Adding pictures to your WordPress website is something you absolutely need to do. Without pictures you may get people to your website, but they’re definitely going to be put off by the long articles without breaks. But there are several factors still to consider when you decide to put pictures in, including the sizes, types of pictures and the amount too. Read more

,

3 Tips for Website Owners on the Cape

When it comes to your company’s online presence, it’s not enough to simply create a website and stand back. In fact, the organization of your website and the ways in which it operates can be the factors that make or break your business’s ability to succeed. Read more

3 Reasons To Improve Load Times

A variety of factors affect your website conversion goals. One factor that is often overlooked is website loading times. You will need to understand the role load times play and take measures to reduce them. Read more

,

Importance of Responsive Design

Online branding has evolved faster over the last year than ever before. This pattern is unlikely to change anytime soon. One of the biggest changes on the horizon is increasing importance of mobile website optimization, which is boosting the need for responsive design. Read more

,

WordPress Statistics That May Surprise You

WordPress is a content management system (CMS) that was founded in 2003. Over the past 12 years, it has become the preferred CMS for countless websites around the world. Here are some statistics that you should be aware of. Read more

,

What is the Best CMS for a Small Business Website?

Every small business needs an online presence to grow in the digital age. Unfortunately, according to research from Forrester, 49% of businesses still have outdated websites that provide a poor user experience. If you own a local business, then you should host your website with a content management system (CMS) such as WordPress, Joomla, Drupal or Magenta.

You need to put some time and thought into choosing your CMS. One of the biggest mistakes that many business owners make is choosing a CMS because it has a nice looking theme or cool plugin. You can certainly take this into consideration, but there are a number of other variables that you need to focus on as well. You can always hire a developer to create a custom plugin or template, so make sure that you choose the CMS that is best for your business first.

Read more