Browsing all articles tagged with website

29 Tips for Mobile Website Design

How to Make Your Website Mobile Friendly

website design Hawaii

MOBILE BALLET: Responsive design creates websites suitable for all devices.

It is actually more difficult to create a designing for mobile than it is to create a desktop version.  That’s because there is simply so much less real estate to work with.  Following these guidelines will help provide your mobile customers with a satisfying user experience.


  • Call to Action — This is the single most important element of your website.  It is the action that you want the consumer to take.  Therefore, make sure that it’s easy for your users to find them.  Put the call to action graphics and buttons in an obvious place where they cannot be missed.
  • Menus — Mobile users have a lot less patience than desktop users do.  They do not want to scroll through a long list of options to find what they want.  Present the fewest number of menu options possible and make the categories obvious and distinct to make it easier for mobile visitors to navigate.
  • Navigation — Users should be able to access the most important content in one click from the home page.  This usually involves using the three line “hamburger” button in the upper right.  A back button should be at both the top and the bottom of each page.
  • Homepage Access — Be sure that it is always easy to get back to the homepage without having to hit the back button multiple times.  Be sure that the top banner logo allows users to retreat back to the home page.
  • Video — A lot of text on the home page of a mobile site is not a great first impression.  Better to include a video to engage users right away.
  • Sale Promotions — it is tempting to hit users with prominent display of sale items on the home page and this is fine so long as the short term promotions do not interfere with the navigation or most important call to action.

Site Search

  • Site Search Boxes — If your site is a large ecommerce or information site, visitors will want to be able to search within your site search box.  Make sure it is prominent, visible, and at the top of the page.
  • Misspellings — it is certainly more difficult to type in a search item in a search box on a mobile phone.  Make it easier on your customers by adding misspellings and auto-complete.
  • Guide Users — To get better search results, ask as many questions upfront as possible.  For instance, a shoe site might ask for sizes since showing shoes that are not available in a particular size probably is not going to do the customer much good.


  • Let them Visit First — it is often kind of annoying when you walk into a retail store and the clerks are immediately asking you what you are looking for.  In most cases, you just want to look around first.  Same with your website.  Don’t ask them to register before looking for the product they are interested in.  Registration is a turnoff.  Engage them with an interesting product first.
  • Guest — Permit guests on the site.  As much as you might want the user’s information, some simply do not want to give it to you and if you demand it, you’ll likely get false information anyway.  Let them purchase without registering.  After using the guest registration and making the purchase, ask them again to register, but this time give the user a good reason why they should register such as receiving email discounts.
  • Convenience — If it’s a return visitor, remember their information to make it more convenient when checking out.
  • Use Tap to Call — Some aspects of the checkout process might be confusing to some users.  Others may be nervous about providing their personal data online.  Therefore, you should always allow for a tap to call help button during the checkout process.  If your business is too small to allow for 24/7 live operators, at least provide a recorded IVR program to get leads to call back the next business day.
  • Use Tap to Text — Same as tap to call, although simply touching a button will enable the customer to send a text message to the business.
  • Use Tap to Chat — Initiate an interactive chat service with the business.
  • Convert on Another Device — It can be difficult to fill out long forms on the small screen of the mobile phone.  Allow the customer to be sent information via email to convert the process when they are on a desktop.


  • Short Forms — Just ask for the information that is absolutely needed and nothing more.  You can collect more details later.
  • Information Entry — If the field requires numbers, such as a phone number or zip code, automatically shift the user’s mobile phone to the numeric section.
  • Use Toggles — A toggle is easier to navigate than a dropdown.  Users will prefer using them.
  • Calendar — People often do not know what date it is, but they usually know what day of the week it is.  Offering a visual calendar for events and travel sites make it a lot easier on the mobile user and will help them make less mistakes on date selections.  It also solves the problem where much of the rest of the world puts the date first and the month second as opposed to North America where the month always comes before the date.
  • Label within Text Boxes — Your site will be dealing with many different sizes of mobile devices and screen sizes.  A mobile user can easily get confused, often not knowing whether they should use the input copy at the top or bottom of the box, for instance.  That’s why you cannot fail if you have the labels inside of the boxes.
  • Efficient Forms — When entered, the zip code, for instance, should auto-fill the city and state to reduce the amount of fields required.  Put the zip code form before the city and state to save time.  Do the same in Canada, but remember that Canadians use alphanumeric postal codes instead.
  • Skip Ahead — When the form is filled, automatically have the cursor jump to the next field box.  Of course, you cannot do this for a name or address, but you can do it for phone numbers and zip codes where there are always a standard number of digits.


  • Test — it is critical to test, test, and test more.  Don’t just use the people in your office; they are probably too close to the product to find errors that outsiders may find.  There are online services that will enable you to test on a range of devices without having to purchase all of the devices.
  • Pinch and Zoom — A good mobile site should never require the user to pinch and zoom to see items.
  • Expandable — While a good site will avoid pinch and zoom, it’s great to offer expandable images, especially on ecommerce sites.
  • Portrait & Landscape — Whatever is used on your homepage should be used throughout the site.  Don’t make users turn their phones between portrait and landscape!
  • Windows — Users should never have to open new windows on mobile.  it is a pain for them and will help you lose the sale.
  • Desktop Site — Some users may prefer using the desktop site to the mobile site for whatever reason.  Do not deny them the ability to use the desktop site.  But, do not label it “full site” either.  If you do label it “full site,” users tend to choose it, fearing that they miss out on something, and then they get frustrated, because it does not look great on mobile.  Use the term “desktop site” in the footer to denote the site instead of “full site.”  And, do not always link back to the home page of the desktop site; it’s better to link back to the most relevant page on the desktop.

Technical Checklist

  • Configuration — Make sure that your configurations are correct and you are taking mobile users to the mobile site and desktop users to the desktop version.  This sounds basic, but it happens.
  • Landing Pages — Landing pages often work best on mobile where the theme can be exactly based on the mobile advertisement or source of the click through.
  • Analytic — Ensure that your analytic tools are tracking both mobile and desktop separately.

VIDEO: How To Update Your WordPress Website

Quick and Easy Web Development for Harrisburg Businesses

Ever get those boxes that say “easy installation”?

It never is, right?

Until now.

At ATS Mobile, we’ve found the key to giving our clients easy access to updating their company websites.

We provide handy videos like the one you see below.  We know it’s a lot to take in from the initial meeting if you don’t have experience with WordPress.  That’s why we give you these video tutorials.  You probably won’t be updating your website that often, so now you’ll have something easy and efficient to refer to when you need to.  Just watch the video!

We’ve been developing new websites for businesses in Harrisburg, Pennsylvania and the surrounding areas for several years.  Those sites will always be optimized for mobile phones and tablets and if you aren’t doing so already, you should be.  Just take a look at the statistics of the amount of accesses to the internet from mobile!  And, it’s still climbing every year!

Percent of Accesses to Internet from Mobile – 2014

mobile access to web

38% of all organic web accesses are now from mobile phones.

Video Tutorial:  Update Your WordPress Website with Ease

Take a look at the handy video tutorials that we do for all of our web development clients and let us know if we can help your Harrisburg business, or business anywhere, with a new website.  All in responsive and/or adaptive design to ensure that you have a mobile-first approach to your business marketing.



Customers React to Poor Mobile Presence



As seen in the chart above it is clear that having a aesthetically pleasing and effective mobile platform is an essential tool for interacting with your customers. If we add the three columns on the right of the chart we see that these three long term negative associations reflect the feelings of 44% of those polled. Make sure your mobile website is not a turn-off to your customer.



The Need for Mobile SEO

Surprised to see that BING isn’t part of the Top 10 Mobile Sites as I thought many mobile phones defer to it for search. Any way, it supports the need for having great search engine ratings via mobile seo for your mobile website on Google.



Have a Mobile Website Yet?

If you weren’t sure if you needed a mobile website or not, these statistics should give you added incentive to get one.  It’s a good look at what Americans are doing on their smartphones and searching for information about local businesses is one of them!



A One Stop Mobile Marketing Shop

Mobile marketing – is an all-encompassing array of products that your business or organization needs to stay current.  You need a fully integrated and complimentary mobile marketing strategy that engages customers and prospects on a variety of levels. Advanced Telecom Services, a Philadelphia-based mobile marketing company, offers its customers a One Stop Mobile Marketing Shop where you can obtain all of the important elements of your mobile marketing program.

Text Message Marketing – is the pillar that holds up the mobile marketing building.  While not the sexiest element of mobile marketing, it is the most pervasive and therefore, the most important aspect of a mobile marketing campaign. You can utilize our Do-it-Yourself Mobile Marketing site on or you can benefit directly from our experience and expertise by using our Text Message Concierge Service offered at

TextChat – is a web-based solution that allows your sales and CSR’s to interact with consumers real-time via two-way SMS/Text conversations on their desktop PC or tablet.  All communications and contact information is archived and easily exportable to CRM tools.  Moreover, your personnel can be alerted via email or text message whenever a new message arrives.

Mobile Web Sites – Your web site probably does a great job of serving your internet customers, but your mobile customers are simply not the same as your traditional internet customers.  A great mobile web site offers easy navigation and clear content delivery that is customized for the smaller screen of the mobile customer.

Apps – are red hot and our team has been developing apps for some of the largest media companies and sports teams in the country.  And, one of the benefits of our mobile apps development is that it is done right here in our offices and right here in the United States.

Custom QR Codes – You’ve certainly seen those black and white boxes all over the place in the past year.  QR Codes provide a convenient and quick way to reach some of your most prized content, but at the end of the day, most look the same and offer no branding for your company.  Not with Advanced Telecom Services’ Custom QR Codes.  We provide the same QR Code, but customized with your brand and an enhanced usage rate that is 3.2 times greater than traditional QR Codes.

IVR – While mobile is clearly the future, not everybody has embraced it yet.  And, if your brand reaches more traditional consumers, you should have an Interactive Voice Response element to it as well.

Follow us on Twitter! Follow us on Twitter!
Follow ATS Mobile on Twitter

Recent Posts

Recent Comments




Social Widgets powered by