All About Mobile
It's estimated that approximately 64% of American adults have a smartphone1. Having a site that is specifically designed to be viewed on smaller devices is just another way for you to get ahead of the competition.
Because mobile Internet usage is increasing by leaps and bounds, it's extremely important that your website is mobile-friendly. Luckily, there are several ways to do this.
Responsive vs. Mobile-Optimized Websites
What is Responsive Design?
A responsive design simply means a website that has been constructed so that all of the content, images and structure of the site remains the same on any device. For example, when a user accesses a site on their desktop, they are getting the full view of the site. But when that same user goes to visit the site from their smartphone or tablet, the site will retract to fit on the smaller screen.
In other words, with a responsive website design, you don't have to have worry about having different websites for various devices or making sure that your site runs properly on a mobile device.2
Responsive websites are constructed differently than regular websites - they are built using grid patterns so that areas can be moved around and resized based on the size of the user's device. This means that even though the website will be viewable on all devices, it will look a little different depending on resolution. As an example - take a look at what this website looks like using different devices.
What types of websites are best for Responsive?
- Smaller sites
- Sites with simpler designs
- Sites with more text than graphics
Note: Responsive websites take more development time and thus result more expensive projects with longer timelines.
What is Mobile-Optimized Design?
Mobile-optimized websites are designed to scale down your existing website to basic components that are easily viewable on mobile devices, such as:
- ATM & Branch Locations
- One-Click Phone Numbers
- Lost / Stolen Card Phone Number
- Links to your Mobile Banking Apps
- Links to your Social Media sites such as Facebook, Twitter, etc.
When a user accesses your website on their device, they are automatically redirected to this smaller, scaled-down version of the site. They still have the option to access your full website, however.
This solution takes much less time and involves less costs.
1 Rampton, John. (2014, May 6). How Important Is Responsive Design?. Retrieved April 27, 2015, http://www.huffingtonpost.com/john-rampton/business-mobile-responsive-design_b_5267077.html
1Pew Research Center Mobile Technology Fact Sheet