Mobile-friendly algorithm update: More Than Paws

June 29th, 2015 by Trevor Robinson

It’s been 2 months since Google rolled out its mobile-friendly algorithm which was set to enhance rankings for mobile-friendly / responsive web pages in mobile search results, so now is a good time to measure the impact of Google’s latest algorithmic update by reviewing one of our clients’ websites.

In order to obtain an accurate gauge between desktop and mobile search results, we needed to select a website without a mobile-friendly website version or responsive design.

More Than Paws is an e-commerce website specialising in clothing, accessories and costumers mainly for our canine friends, as well as other household pets. The More Than Paws team have been thinking about adopting a responsive website since there was first talk of the mobile-friendly algorithm update.

More Than PawsIn order to review the impact of the change, we selected 4 search terms that the More Than Paws website had been ranking well on in the months leading up to the Google algorithm change. The following search engine ranks are for Australian only results in Google, for both mobile and desktop devices – we performed these searches manually, without being signed into any Google Account in order to get the most accurate results.

Dog Bandanas
Desktop: #5
Mobile: #5

Dog Clothes
Desktop: #12
Mobile: #12

Dog Costumes
Desktop: #6
Mobile: #8

Dog Hoodies
Desktop: #3
Mobile: #5

The above results show a small impact on our client website’s Google ranks, with the search terms: ‘Dog Costumes’ and ‘Dog Hoodies’ both showing a 2 position rank deficit compared to the desktop.

We also reviewed the number of impressions for the More Than Paws website via desktop compared to mobile devices, pre and post the algorithm change.

Impressions from March 25 to April 21 (mobile-friendly algorithm introduction)
Impressions pre algorithm change

From the 23rd of March up until the advent of the mobile-friendly algoithm, the More Than Paws website received 5,752 impressions via desktop and 3,530 via a mobile device, which equates to a 47.87% difference.

Impressions from April 21 to June 22.
Impressions after algorithm change

Since the introduction of the update, up until the 22nd June, the More Than Paws website received 20,488 impressions via desktop and 11,931 via a mobile device, which equates to a 52.79% difference, or reduction of 4.92% of impressions between mobile and desktop devices.

It should be noted that most of the websites ranking well for similar search terms do not yet have mobile friendly / responsive websites. We expect that the difference pre and post the algorithm change would be more significant where well ranking competitors have mobile responsive websites. We also expect to see the difference between the ranks to become more significant over time, as Google adjusts the algorithm to achieve its aims in this area.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Reach Mobile Melbournians billboard

June 27th, 2015 by Heather Maloney

After passing the billboard on the Westgate freeway several times, I just had to know what the advertising was all about. I mean … a Google search box containing the search phrase “reach mobile Melbournians” had to be somehow relevant to the endeavours of Contact Point!

So I grabbed my mobile phone (hubby was driving so that presented no problem) and typed in the search term “reach mobile melbournians” only to find a collection of random unrelated search results for page after page. Very frustrating! I am fairly of-fey with searching, having been involved in search engine optimisation since it began, so I continued on regardless to find what the billboard was all about. I refined my search to ‘reach mobile Melbournians billboard’ and was fortunate enough to get to the right place. The answer? A big new digital billboard coming into Melbourne City. So the ‘mobile’ in those search terms referred to people on their feet (rather than on a mobile device), and the Melbournians was actually people visiting the heart of the city of Melbourne.

Actually, to be completely honest, this was the second I had searched for this search term – the first time, after passing the sign at a pretty good speed, I searched for ‘reach mobile Melburnians’ because I thought that was how it was spelled.

Today I was glad to have my curiosity satisfied, however it struck me that the effort I was prepared to put in so that I could find the answer to the burning question raised by the billboard surely wouldn’t be the norm, and therefore the cost of that billboard wasn’t capitalised on with a complementary search engine marketing campaign.

If Contact Point had been engaged to assist the promoter we would have recommended the following:

  1. Write an article or two like this, explaining the meaning of the billboard advertising, and publishing the blog a day before or on the day that the billboard ad appeared.
  2. Ensure that the blog was well optimised for the search engines.
  3. Include a custom, short URL in the billboard to help the curious find it.
  4. Use social media simultaneously on the launch day or just before, to talk about the billboard, pointing to the explanatory webpage, and using useful hash tags to help searchers find it (eg multiple spellings of words if necessary)
  5. Once the billboard was actually out in the public, take a video of it and post that on the company YouTube account, including appropriate hash tags and including a URL that points back to the landing page on the website.

There’s more you could do if you have budget, but all of the above could be done for very little cost and effort, making it much easier for me to solve my burning question. That’s my two cents worth!

We love helping businesses to grow using technology, so if you are planning to reach mobile Melbournians or Melburnians for that matter, especially through search engines or through the use of mobile apps or a mobile responsive website, feel free to get in touch.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Highly Personalised eCommerce snapping at the heels of traditional online stores

June 25th, 2015 by Heather Maloney

personalised ecommerce
The June Business Essentials audio program features an interview of one of the Australian entrepreneurs responsible for the recently launched personalised online shoe store Shoes of Prey. After choosing a base style (flats, mid-heel, high-heel, sandal, ankle boot etc) the Shoes of Prey online shoe designer tool allows you to customise your shoe to the nth degree. You can choose from a wide range of colours and materials, add straps, bows and other add-ons, even customising the colour of the insole, and toe sole (yes they are different). You can interact with the look of your unique shoe as you customise it. The end result can be a truly unique pair of shoes, made exactly to your size requirements, or if you are spoiled for choices and can’t decide, the website shows you the designs other customers have created allowing you to select one of those instead (and then add your own personalisation).

This blog: Personalised Shopping Services: How a bunch of menswear retailers found the future of ecommerce describes seven different online mens clothing stores which address the problem of men not liking shopping, but still wanting to look good and have new clothes. The retailers solve the problem in a variety of different ways, but personalisation is key – understanding the man’s size, shape, style preferences, budget, and then delivering to those preferences on a regular basis.

All of these examples make it clear that the next phase of ecommerce is here, and snapping at the heels of the “traditional” online stores. This phase of ecommerce takes personalisation to the next level. It’s not about personalising the person’s name in the emails you send and sending a birthday card & discount a few weeks before your customer’s birthday, it’s about combining the power of technology with personal service in order to provide exactly what each customer wants and needs.

I know where I will be ordering my next pair of shoes … it might even be worth a trip to Sydney to try on the various sizes and base shoe styles in the Shoes of Prey range.

The following points are clear from the stories of the abovementioned online stores:

  • The existing marketplace vendors believed that personlisation of their products was too hard
  • There certainly were lots of difficulties to overcome and significant effort required in order to support a personalised service – this lead some retailers taking on the manufacturing themselves
  • The more highly personalised model has delivered rapid growth of market share for the entrepreneurs who took on and solved the challenges
  • Customers receiving a highly personal service are likely to spend more, spend more often, and have greater loyalty to the store

I’ve been banging on about richer personalisation, particularly as it relates to email marketing, since the launch of eNudge in 2006. Marketers have been talking about marketing to an audience of one for about the same length of time.

Now that the greater personalisation is being experienced by consumers via solutions like those described above, all businesses need to think about how they can provide a more personalised service, creating customers who don’t want to go anywhere else. If you are already providing a personalised product through your online store, you still need to think about how you can take that up a notch … for example, think about the monthly service provided by one of the male clothing store vendors, sending a regular package to their customers to rent, buy or send back. It’s proactive, not reactive, but isn’t just sending the same things to everyone – the service is personalised based on in depth knowledge of each customer.

Perhaps you would like help to take your ecommerce store to a higher level of personalisation, or perhaps take your offline solution onto the internet providing a highly customised experience? I believe there are similar opportunities for B2B solutions and professional services. We need to stop thinking “it’s too hard” and start working out ways it can be done utilising a combination of technology and customer service.

We’re here to help you grow using technology, so feel free to get in touch.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

The New Contact Point Master Code

May 31st, 2015 by Mark Solly

There are many PHP code frameworks and ecosystems, including the more recently popularised WordPress environment.  However, both myself in pre-Contact Point days, and Contact Point, have preferred to work based on a purpose-built codebase which has the following benefits over using a framework:

  • Our code is highly efficient and lean, helping to ensure the quick operation of your website, and enabling easier maintenance.  Because a framework such as Word Press has to be all things to all people, they usually contain a large amount of code and functionality that will never be used for your website.  This unused code not only takes up room and makes it harder to find the exact piece of code we may need to alter, it may also create an undetected security vulnerability. Any additional functionality can be easily incorporated into our codebase, still keeping the overall code lean and efficient.
  • Our code is robust; security to prevent SQL injection and other malicious activity is built into the core removing the need for constant security patching.  Security patches will still be required from time to time, but much less frequently than the very well known frameworks which are often a target for hackers due to their large user base.
  • It incorporates the latest user experience elements which website users have come to expect … things like immediate prompting when the visitor enters information incorrectly into a web form, and animated page and style transitions.  Should new user experience elements present in future, it will be relatively easy to add those also.
  • Easily customisable to facilitate bespoke requirements of each website.

We have recently overhauled the Contact Point Master Code in order to bring the best aspects of the Solly codebase and the Contact Point codebase.  In particular the new Contact Point Master Code:

  • Combines the environment for the content management system and online administration systems of websites
  • Supports the concept of page plug-ins giving the webmaster the ability to quickly add components, such as online forms and image galleries, into new pages of the website
  • Ensures a more intuitive user interface for both the website visitor and online administrator
  • Incorporates into the shopping cart solution a collection of features that have become “standard” in more recent years such as automated SEO friendly URLs, meta tags and meta descriptions

If we built your shopping cart or web application many years ago, and you would like to benefit from some of the features described above, please don’t hesitate to contact Heather Maloney to discuss how we can most cost effectively deploy the new codebase for your solution.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Designing for the future of web display technology

April 20th, 2015 by Tamar Smart

As technology grows – so does our need to see things in super high quality. Our computer and mobile phone displays, must be larger and better than before. No longer are we satisfied with blurred images, and squinting at our small mobile phone screens to try and read “blocky” text. By “blocky” I mean that the edges of the text and images lose their crispness and you can see the pixels (square edges).

Enter the new player – Retina Display. This technology allows us to view content on our computer screens, laptops, tablets and mobile devices, at a high resolution with clear images and smooth text. The reason for this is because these displays have at least twice as many pixels per inch (ppi), as a basic display. Therefore our eye (retina) interprets what we see, as being closer to how we see things in real life.

Some devices recently released, that have Retina Display: MacBook Pro, iPhone 6 and the iPad Air.

What relevance does this have for you?

If you have a website and want to target a wide range of clients/customers, then you will need to cater for their devices. A basic website with low resolution graphics, may not be good enough any more, particularly if your target audience are viewing your site on their mobile devices, laptops or tablets. Most of these devices are now including Retina Display as a standard feature – especially Apple products.

Information is one of the most important aspects of a website. A website that has blurred images and icons, with “blocky” text, may convey the wrong message to your visitors.

If you check the Google Analytics for your website you will quickly discover how many people are browsing your website using a mobile device.

How we can help improve your website?

There are several ways we can improve your website for Retina Display. Firstly, by making the choice to use styled text instead of text that has been embedded in an image.  Styled text is able to be scaled up or down, to suit a variety of devices. The text will look smooth and easy to read. This doesn’t mean that you always need to have basic fonts either. We can offer a wide range of fancy fonts (that will suit your style) – for use on your website. Google Fonts, is the tool that gives us the capability to design text with varied fonts, for Retina Display.

Google Fonts

Google Fonts

Secondly, we can improve your website for Retina Display is with the use of Font Awesome icons. These icons (e.g. phone, search, email) can be scaled to fit nicely on any device. They will always look crisp on both a Retina Display and a basic screen resolution. There are many to choose from, and they can be designed to match any colour that is needed.

Font Awesome icons

Font Awesome icons

Thirdly, detailed photos need some extra love. We can set them up for you so they display at high quality on each device. Here is an outline of the process we use:

  1. Set up your website to function in a responsive way – where the layout adjusts to fit comfortably on a variety of screen sizes.  This isn’t an essential step in addressing your large images, but is definitely an important part of providing a great experience on a mobile device.
  2. Create 2 versions of your important images. One is larger (for utilizing on Retina Displays), and the other is smaller (for basic displays).
  3. Insert a small piece of additional code into your website (called a Media Query) which detects the type of device that the website is being viewed on, and then chooses one of the two image sizes to show (depending on the type of device detected).

It is also worth noting that there is a difference in file size, for photos used on Retina Displays. The files are larger in their visual size, which means they are also larger in file size. This is why it’s important that we have a second smaller version of the photo, for use on basic displays – so that a visitor is not unnecessarily downloading large images (which look basically the same to them).

With these simple but effective tools, we can help your website to stay up to date with new high quality display technologies. Retina Display can be a beautiful thing – if we understand and use it to its full potential.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Mobile Responsiveness just became even more important for high ranks in Google

April 19th, 2015 by Trevor Robinson

As of the 21st April, 2015, the Google search engine, globally, is giving weight to the presence or absence of mobile responsive in your website for people searching in Google using a mobile device. For example, if you are searching for a local cafe while using your mobile phone, the local cafe that has a website which is optimised for viewing on a mobile phone is much more likely to appear in the top search results for your Google search.

Google have been warning about this change for some time, so if you don’t have a mobile responsive website yet and if people searching for your business are likely to do that using a mobile device (tablet, phone, mini-tablet etc), now is definitely the time to act.

In a nutshell, a mobile responsive website is one that lays out differently and potentially functions differently, depending on the size of the screen being used, and whether the device has a touch screen or not.

Below is an example of a website which has been built responsively (the Contact Point website):
responsive_contactpoint

You can read more about what it means to have a mobile responsive website here.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

ecommerce; the amazing opportunity to improve customer service

February 19th, 2015 by Heather Maloney

online shopping gives rise to improved customer servicePeople often think of online stores as being devoid of customer service compared to the local retail outlet. After all, in a physical store you can ask for help, discuss various products and what they do, and receive your product immediately.

However, a scenario over the Christmas break gave me an example of where online shopping comes into its own with respect to customer service. My mother thought she would try out buying her groceries from Coles online rather than making what has become an arduous trip down to the supermarket. Its arduous because she would need to take my handicapped sister with her, and she can be quite a handful, especially when you are also trying to push a trolley, and keep her with you as you are walking back through the carpark, and cars and of course my mother is no spring chicken. In addition, my mother has recently hurt her shoulder and therefore pushing the trolley, and carrying the groceries from the car to the kitchen is also an ordeal.

Introducing online grocery shopping my mother was so excited to receive her first delivery from Coles. This is really living she exclaimed. Its as if you are back to the old days of customer service where you went to the grocery store counter, gave them your order written on a piece of paper, and they packed it all up for you. My mum was very pleased with the ‘delivery-to-the-kitchen-table’ service, ensuring that she didnt need to pick up or carry bags anywhere, and the delivery cost where she lives is next to nothing compared to the convenience. Actually, Mum expects to save some money by not buying impulse items placed in strategic locations around the store. She was delighted with the products selected, feeling that she got the best on offer (not those picked over and prodded by others), and amazed at receiving SMS messages telling her when it would be delivered etc. Placing a future order is even easier with prompts to order commonly purchased items and the option to save your shopping list for future use.

Of course online grocery shopping isnt going to suit everyone; we cant all be home during the available timeslots to receive our delivery, and sometimes we do just need something right now. However, it reminded me that online stores by very nature give us the opportunity to provide even better customer service than the physical counterpart. Below I have described some unique ways in which customer service can be improved through online stores. Consider these in relation to your online store (or that of your friends / colleagues):

  • icon-searchproducts3Quick searching through the available products have you ever been up and down aisle after aisle in a supermarket trying to find gelatine or horseradish? With your online store think about the different ways people might like to search for your product, and include those words in the product names or descriptions to ensure they can be found on those words.
  • icon-availabilityAvailability information again at the supermarket, when you get to the place where you think you should find product xyz but cant find it there, you have no idea whether you are looking in the wrong place, whether it is out of stock, or if its been discontinued. For products with different sizes, you might not know whether your size is actually made in this product. This extra information is easy to supply via an online store.
  • icon-informationReference material about the products can help your customer make informed decisions e.g. where it is made, why you would want the product, how to use the product, list of ingredients, awards won by the product, example images of the product in use, other products that people bought to go with this product, customer reviews, social media feedback etc. This is much easier to do online where you arent paying for shelf space to store all the extra information, or for shop assistants to help each customer. It may take some time to put this information in, but it never ceases to amaze me the number of online stores that give scant information about a product and expect the customer to guess about its properties when they cant touch or feel it, read the box, talk to a person The reference material may also include details of extended warranties and other product support; when you are offered these as a last minute option at the checkout, its very easy to say no thanks and not even really understand what they give you and why they might be worthwhile.
  • icon-supportImmediate assistance via online chat. It is often hard to actually get assistance in a store; once you find an assistant walking the floor, youll often be waiting for them to finish with another customer. When you get to talk to a person, they often dont know much about the product you are considering. Online chat, whilst requiring people to be at their PCs to respond, can allow a single salesperson to deal effectively and quickly with multiple people at once, or pass the enquiry onto someone else who can help. The Miami Stainless website is an example of one of our client websites using online chat very effectively to support the sales process. Online chat also provides the personal touch, counteracting the claim that online stores are devoid of human contact.
  • icon-transactionhistory2Access to Transaction History is usually not a service provided in a physical store, and certainly not at the customers control. Online gives you the opportunity to show the customer what they have purchased before, store a wish list, store a standard order, remind customers of the consumables they need for previous purchases, notify customers when the consumables are on special …
  • icon-deliveryDelivery is an important part of the customer experience, and must be handled with care for online customers. As in the case of my mothers online supermarket shopping, and in the case of the time poor, or remotely located persons, it might actually be an advantage of online shopping for some customers. Providing a range of delivery options (express, standard, insured) provides even greater customer service. Because you are packing and sending the product, you also have the opportunity to add items to the delivery. Lots of online retailers take the opportunity to add a little something to give an element of surprise to the customer. I always feel happier receiving my deliveries when my products have been lovingly packed (which is a bit like unwrapping a gift, even though you know whats coming) compared to stuffed in a parcel bag with a grotty picking slip.
    Of course for downloadable products, the delivery is immediate, and you need to ensure that the delivery mechanism is secure, easy for the customer, and repeatable where something goes wrong.
  • icon-after-sales3After Sales Customer Service via email or phone is also a very important way online shopping can provide better customer service than in store. The customer doesnt need to get back to the store and remember who they spoke to and on what day, they can simply refer back to their order. Online store operators need to check emails regularly. Depending on your product, having a knowledge base of likely questions or problems the customer may encounter is very important. Providing an easy process to follow with regard to returns (if you allow them) is very important also to ensure your customer comes back again.

You may have experienced yet other ways in which online shopping can provide additional customer service. Id love to hear your examples here, so please add your comments below.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Harnessing GPS (Location Services) within mobile applications

November 15th, 2014 by Hubert Yap

In this post PC era, large numbers of people now use smartphones and/or tablets to connect to each other in realtime because, unlike PCs, smartphones and tablets are not locked down in one location. Millions of people now carry a smartphone in their pocket (or tablet in their bag), pull it out anytime, and within seconds use it to chat with their friends/families, check what is on the news, find out what is causing the current traffic jam, share a photo of what they are experiencing, etc.

Mobile Apps and Location Services

One particular feature of smartphones and tablets that takes advantage of our mobility, is Location Services. Location Services allows a smartphone/tablet application to determine the device location via wireless connection or GPS and send it back to a server. This article will cover how Location Services can be useful for users and businesses alike, challenges in retrieving the device location, and how to address those challenges.

From a user point of view, Location Services allows them to send their location and receive specific information in return. Take for example the Google Map application. By using Google Map, users can send their device location and receive information about their whereabouts. This feature is particularly useful when we are travelling to a place we have never visited before. Generally people use Location Services to receive information that may only be relevant when they are at a specific location (i.e. nearby restaurants, local weather, nearby traffic congestion, movies in nearby cinema, friends who are nearby, etc).

From a business point of view, Location Services can be used to promote discoverability. An app can be configured to send specific information when a user is in a particular area. For example, if a business has a specific product catalogue for each city, their app can show the correct product catalogue to each user by retrieving the users’ location beforehand. Location Services can also be used to determine where business or consumer activities took place. This data has a wide range of uses.

All benefits come with drawbacks. For Location Services, one of the major concerns is battery life. If an app runs down the battery life of your device, you will limit your use of the app. That’s obviously not an option if the app is being used to carry out your job.

Wireless and GPS can only give a rough estimation of where the user is located. Therefore an app sometimes need to retrieve the users location 2-3 times in order to achieve better location precision. The longer we want the app to keep retrieving user location, the more battery power it will consume. This is one reason why a map application drains a lot of battery power. A typical map application needs to constantly retrieve the user’s location because the app is most often used when the user is walking or driving. It is important to achieve a balance between the battery power consumed and the location precision required. For example, if the app only needs to find which city the user is currently in, it can simply define a location precision of about 5 kilometres. Doing so will reduce the amount of battery power consumed compared to a location precision of a few hundred metres.

Another challenge that affects battery life is whether the app uses wireless, GPS, or a combination of both. GPS is more precise and faster when it comes to retrieving user location and is therefore a more recommended approach if your app needs to constantly updates the location. However, GPS is not suitable to retrieve user location when the user is inside a building due to the signal attenuation caused by construction materials. In such case, the app can only retrieve user location via the wireless network, assuming the user device is connected to one.

If the application needs to be able to retrieve user location in both indoor and outdoor, a combination of wireless and GPS is required. The app can be configured to use primarily GPS and only use wireless when GPS fails to retrieve user location, or use both at the same time and stop them if one has successfully received the location. The former will consume less battery power when the device is outdoor but there will be performance overhead when the device is indoors because the app will wait until GPS fails to retrieve user location before using wireless. On the other hand, the latter consumes more battery power on both indoor and outdoor but has better performance indoors.

Building an app that takes advantage of Location Services can give mutual benefits to both users and businesses. In summary, to make the best use of Location Services it is important to consider:

  1. How precise the retrieved user location needs to be,
  2. How often the app should retrieve user location,
  3. Where the user will mostly use the app: indoors, outdoors, or both.

Some examples of apps we have built for our clients which use Location Services are:

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Google Tag Manager: What is it and why do I need it?

September 23rd, 2014 by Trevor Robinson

Google Tag Manager (‘GTM’) is a free tag managing solution that enables website owners and marketing teams to have more control over the manner in which web traffic and visitor actions are measured throughout their websites, and allows consolidation of tracking across Google Analytics, Adwords, Remarketing, together with 3rd Party Vendors such as ClickTail. A tag is a snippet of code which can be used to measure website traffic and help analyse and identify your website visitors and their on-site behaviourial patterns. Tagging, when implemented well can yield powerful data to gauge the overall performance of your website and marketing efforts.

Whilst GTM was introduced by Google in 2012, it is really only recently that marketers and webmasters have started to take advantage of what it can offer. Once the single code snippet for GTM is added to your website, all of your tags can then be managed from GTMs admin panel.

The Benefits of GTM

  • Efficiency – One of the most beneficial aspects of the Google Tag Manager from a website owner or marketers standpoint is efficiency. Now that you can add, edit and test website tags directly through the GTM user interface, you will save both time and money as you won’t need to contact your developer each time a tag needs to be edited or added.
  • Enhanced tag management - As mentioned earlier, multiple website tags can really complicate the tag management process (especially if they are from different platforms or vendors). GTM allows you to view, edit and add tags through the GTM interface quickly and easily all from the one platform.
  • Event listeners- Tracking user interaction such as clicks, PDF downloads and form submissions is excitingly simple to accomplish with Google Tag Manager. Event listeners eliminate the need to manually tag each user interaction that you would like to track. Through the GTM admin panel you can target links or buttons by attributes that are already contained in the link such as an id, class or URL.
  • Testing and debugging – It’s always been good practice to ensure that your tags are firing (working) before they are published on the web. GTM comes with a built-in debugging window where you can test any tag changes on your website before they are published on your website.

While GTM empowers website owners and marketers with greater control and flexibility, development teams are also positively affected as they are able to focus on the more complex and technically demanding tasks.

We recommend watching the GTM introductory video created by Google which may give you a better visual understanding as to what the tag manager is and how it can help your business.

We have recently implemented the Google Tag Manager for the Contact Point website, and can confirm that there is a learning curve to understand how to use GTM. However, it will be worth the investment if the data it provides is analysed, and the insights gained from the analysis drive changes to the structure and functionality of your website. Changes made to your website as a result of your insights can then be very quickly monitored for the impact they are having on your metrics.

We particularly see that the GTM will be beneficial for eCommerce websites as it will allow webmasters to analyse behaviours such as:

  1. Sharing of product information in social media
  2. Clicking through to subscribe to your newsletter from a particular page
  3. Accessing online chat
  4. Customer Reviews emanating from follow up email
  5. Adding an item to your wish list
  6. Ascribing behaviours to the logged in user ID

Please get in touch with us for more information on Google’s Tag Manager or for any assistance with initial implementation.

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

The impact of mobile browsing and mobile apps on website design trends

July 22nd, 2014 by Vincent Lai

With one in every five people in the world now holding a smartphone and one in seventeen owning a tablet, its easy to understand why website design has become immersed in catering for a wide range of device screens, and in fact why current digital design trends are being heavily influenced by the prevalence of mobile browsing. The mobile revolution brought with it the concept of the mobile app: the pocket sized utility that can do so much more than a website can, with access to the GPS, camera and other phone capabilities including the iPhone’s accelerometer and touch screen interactions. We now have apps for mapping, cooking, education, and entertainment. We even have apps that can control mini quadcopters that fly through the sky at your whim.

So how has mobile technology influenced digital design?

If you use your phone to view the Facebook website, in the top left or top right corner you will now see a very familiar icon, the menu button. Not long ago 3 horizontal lines meant nothing to most people, but now it is synonymous with opening up a navigation menu. Collapsing horizontal and vertical menus up into a single icon is a intelligent way to give visitors access to many pages, but take up the least amount of screen real estate. Many of our responsive website designs utilise this familiar icon, including inner pages of the Contact Point website when viewed on a smaller screen.
menu_icon

Another interesting design trend you might notice lately is the appearance of bold iconography. Many buttons, links, images and even logos, are now being simplified down to basic geometry, and cleverly illustrated symbols. Apart from being aesthetically pleasing, the main reason for this trend is simply to make life easier for mobile device browsing. Touch screen devices require pressing, swiping and other ‘gestures’ with your fingers to interact with the website or app. Using fingers is much less accurate than using a mouse and pointer. Large and simple icons and buttons are now ruling the way we browse because they are simply easier to press with a finger. They also grab our attention on the screen, no matter what size the screen.

In addition, apps have brought with them a range of standard icons that are used to achieve the same sorts of tasks across any website or app. The ‘settings’ icon is a good example of this. The image below shows the settings icon on Android, Windows and Apple devices. The commonality of the icons is obvious.
SettingIcons

Parallax scrolling, which I have posted about before, is also intermingling with mobile behaviours such as the appearance of new content at the bottom of the screen, triggered by swiping upwards to reveal more content. The ‘more content’ is only brought down from the web server when you “ask” for it via your touch gesture, making the initial content load faster, and also making the content feel more interactive. This behaviour is now appearing more in websites, including shopping cart sites containing many products per category.

The introduction of high definition ‘retina’ displays on mobile devices is also changing the way we are creating an displaying images in websites. An image that looks perfectly good on your regular PC monitor now looks a little fuzzy on such high definition screens. We are now regularly creating two versions of buttons and icons for display – one for high definition and one for regular screens.

These 5 design trends boil down to User Experience or UX (also known as User interface design or UI). The most successful apps have a potent combination of utility and user interface design. There’s no point in having a great product if it’s hard to use. By being simple yet bold, your users are more likely to pay attention and stay around for your message.

Has your use of mobile devices changed the way you expect a website to operate?

facebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Warning: include(/home/contactpointcom/public_htmlphp-includes/cp-footer.php): failed to open stream: No such file or directory in /home/contactpointcom/public_html/blog/wp-content/themes/contactpoint/footer.php on line 14

Warning: include(): Failed opening '/home/contactpointcom/public_htmlphp-includes/cp-footer.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/contactpointcom/public_html/blog/wp-content/themes/contactpoint/footer.php on line 14