{"id":5299,"date":"2018-03-28T09:58:56","date_gmt":"2018-03-28T08:58:56","guid":{"rendered":"https:\/\/dev.popcomms.com\/pop\/?p=5299"},"modified":"2021-11-02T10:38:36","modified_gmt":"2021-11-02T10:38:36","slug":"creating-interactive-touchscreen-experience-vs-website-touchscreen","status":"publish","type":"post","link":"https:\/\/dev.popcomms.com\/pop\/creating-interactive-touchscreen-experience-vs-website-touchscreen\/","title":{"rendered":"An Interactive Touchscreen Experience vs Your Website on a Touchscreen"},"content":{"rendered":"\n

Are you considering a touchscreen experience<\/a> for an event or exhibition? Or perhaps you’re creating a customer sales centre or marketing suite. Are you thinking everything would be so much easier if you could just put your website on an interactive touchscreen?<\/p>\n\n\n\n

This is a question we hear a lot. After all, you’ve already had a website professionally developed, so it seems like a good idea that’ll save both time and money.<\/p>\n\n\n\n

With the proliferation of smartphones and tablets most people know how to navigate using touchscreen interfaces, so there’s no learning curve – but because these devices are so familiar, brands cannot afford to employ half measures or deliver a disappointing experience.<\/p>\n\n\n\n

The truth is that there’s nothing stopping you from using your website on a touchscreen (we’re talking about large touchscreen monitors here, not smartphones or tablets), as a type of interactive touchscreen experience. However, the thing not everyone wants to hear is that it might not result in a great (or even half-decent) experience for the user.<\/p>\n\n\n\n

As an agency who specialise in touchscreen experiences, let us explain why (along with some of the other reasons to develop a better touchscreen experience), below.<\/p>\n\n\n\n

Why putting your website on a touchscreen won’t work<\/span><\/h2>\n\n\n\n

Typically speaking, your website has been designed for a very different purpose in mind from that of a large touchscreen. It’s built for navigating on a desktop, laptop or smart device (so not necessarily a touch device exclusively) and in theory, yes, it has all the information a customer might want to know about your business, brand or products\/services.<\/p>\n\n\n\n

However, that’s where the similarities end – on a superficial level. Often, people don’t immediately see the differences between a website and a touchscreen experience from a technical standpoint, or from a user’s perspective for that matter.<\/p>\n\n\n\n

Often, customers are considering how to make their event, reception or customer-facing area more interesting and innovative, and they’ve heard about touchscreens, so they think: “I know – we’ll get a touchscreen and put our website on it!”<\/p>\n\n\n\n

Unfortunately, there are a number of reasons why this is a bad idea, not only from a technical standpoint<\/a>, but also in terms of the user’s end experience.<\/p>\n\n\n\n

\n \n
\n
\n
\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/transition>\n
\n
\n
\n <\/div>\n <\/div>\n
\n
\n

Download guide<\/h3>\n <\/div>\n
\n
\n Download our guide to creating immersive touchscreen experiences\n <\/div>\n \n
\n Download\n <\/div>\n
\n \n \n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n <\/div>\n \n
1 \/ 3<\/div>\n
\n We just need some details to get you started. Please enter your first name<\/span> and surname<\/span>.\n<\/div>\n
\n
\n
\n
\n
\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n
\n \n \n \n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n
click or hit enter<\/div>\n <\/div>\n <\/div>\n<\/div>\n <\/div>\n \n
2 \/ 3<\/div>\n
\n And now just your email<\/span> & company name<\/span>, please.\n<\/div>\n
\n
\n
\n
\n
\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n
\n \n \n \n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n
click or hit enter<\/div>\n <\/div>\n <\/div>\n<\/div>\n <\/div>\n \n
3 \/ 3<\/div>\n
\n Brill! Are you a human?\n Prove it by simply entering the answer to <\/span> +<\/span> <\/span>\n<\/div>\n
\n
\n
\n
\n
\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n
\n
\n By submitting this form you agree to POPcomms Privacy Policy<\/a>\n <\/div>\n<\/div>\n\n
\n Submit\n <\/div>\n
\n \n \n <\/svg>\n <\/div>\n<\/div>\n
\n \n \n \n \n <\/clipPath>\n \n \n \n \n \n \n \n <\/pattern>\n \n <\/defs>\n <\/svg>\n<\/div>\n <\/div>\n \n
Complete<\/div>\n
\n
\n
\n Thanks, all done!<\/span>
\n Check your email to find your guide.\n <\/div>\n <\/div>\n<\/div>\n\n \n \n \n \n \n \n \n \n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n\n

The technical reasons<\/span><\/h3>\n\n\n\n

A website is generally designed to work and look good on lots of different device types – typically anything from a phone or tablet, to a laptop or desktop computer. The way a user interacts on a touchscreen device is different to that of a website (for one thing, users won’t have a keyboard and mouse).<\/p>\n\n\n\n

It’s also much larger and has a fixed screen size, which your web designers wouldn’t have considered in their design.<\/p>\n\n\n\n

The result? Some of your content can end up looking out-of-place, or it may all cluster in the centre of the screen – meaning you’ll have wasted space on the touchscreen itself.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 Touchscreen interfaces need to make the most of the screen size available to them in order to make the user’s experience intuitive and easy-to-use (Example: Antillion<\/a>)<\/em><\/p>\n\n\n\n

Another reason not everyone thinks of is that although people are quite used to browsing websites on smartphones, the size of a large touchscreen means they’ll be more self-conscious and will need much clearer instructions so they know how they can interact and what to do next.<\/p>\n\n\n\n

Finally, your touchscreen might be in a place where there isn’t any internet access. In this case, you’d need to load your website onto the local machine running the touchscreen, so people can browse offline. This isn’t as straightforward as it sounds and could involve quite a bit of extra work by your web developers.<\/p>\n\n\n\n

The user experience<\/span><\/h3>\n\n\n\n

When you’re putting together an interactive touchscreen, you should never forget the most important ingredient; the end user. Your website will be designed with a wide selection of users in mind – this means it might be great for giving people a general overview of your company.<\/p>\n\n\n\n

Bu,t depending on where your touchscreen is going, you might have a different requirement in mind; for example, showcasing a specific detail about your products or services. So, your objectives for your website might well be quite different from those of your touchscreen experience. As a result, sticking your website on a touchscreen probably won’t have the desired effect.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 Make it obvious for people to understand what actions are required of them and what content they can interact with (Example: Ebbsfleet Garden City<\/a>)<\/em><\/p>\n\n\n\n

When it comes to using the touchscreen experience, the navigation and buttons need to be much larger for use with fingers. This is a vital design element that you can’t ignore – and you’ll also want to make it as interactive as possible, for things like gestures, taps and multi-touch input.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 Interactive elements such as this carousel make it fun and engaging for users (Example: The Royal Mint<\/a>)<\/em><\/p>\n\n\n\n

Not forgetting the fact that you can be much more adventurous with the design of an interactive touchscreen. You’ll want to encourage people to play, explore and spend time with your brand and content, leaving them with a memorable and fun experience – this isn’t the case with a website. <\/b><\/p>\n\n\n\n

Why choose an interactive touchscreen experience?<\/span><\/h2>\n\n\n\n

As we’re sure you’re aware, touchscreens are fast becoming second nature as a tech tool. There’s no challenge or barrier for users, making it an easy entry point that can quickly build a relationship between buyer and seller.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 This touchscreen for the National Library of Scotland<\/a> is used by all ages and all tech abilities.<\/em><\/p>\n\n\n\n

A good touchscreen experience should be bespoke to your brand, and specifically built for use on a touchscreen. This helps to ensure it works every time, whilst being more visually immersive and making the best use of the screen size for maximum impact. Depending on the location and scenario it should also work offline and online – you can even update it remotely from just about anywhere.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 This experience for GSMA<\/a> is used globally at multiple events, capable of working both online and offline. <\/em><\/p>\n\n\n\n

What you’re left with is a memorable, engaging and dynamic experience that not only helps to establish you as an innovative brand, but can also include features that you won’t have on your website – like object recognition, gesture control and gamification (fun games that are great for attracting people).<\/p>\n\n\n\n

If you have a large touchscreen, it’ll allow you to perform group demonstrations where you can showcase content on a large scale. Plus, you can install resources that will respond a lot faster than if you were simply streaming from the web.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2191 This large touchscreen table is perfect for Ebbsfleet Garden City<\/a>, making it easy for groups to explore the development. <\/em><\/p>\n\n\n\n

Automatic downloads of content enable these systems to be consistently up to date, with online connections displaying real-time news and weather, but the high-bandwidth items (such as hi-res videos or 3D models) are stored on the devices themselves, ready to go.<\/p>\n\n\n\n

This means that customers can interact with brands on their own terms. In turn, brands can respect the individual rather than appealing to a group and still show off the best they have to offer. As long as the technology and experience meets with expectations, engagement is high.<\/p>\n\n\n\n

Where to start with an interactive touchscreen experience<\/span><\/h2>\n\n\n\n

The first thing to consider is what you’re looking to achieve with an interactive touchscreen experience. For example, are you looking to launch a new product, stand out at an event or maybe you need it to help boost sales? Regardless of the reason, this is something an interactive touchscreen specialist (or agency) should be able to help advise you on.<\/p>\n\n\n\n

However, first, you might want to ask yourself some of the following questions:<\/p>\n\n\n\n