Twenty minutes after unboxing my first iPad, I realized this device’s potential to revolutionize the world of kiosks. Ten years ago, my team and I worked with Honda to develop touchscreen kiosks for its dealerships. Potential buyers could customize their purchase with a few touches of their fingertips. While innovative at the time, these early interactive kiosks didn’t come cheap, running Honda $3,000 to $5,000 per installation. Today, we can create such a kiosk for a fraction of the price.
Which industries are the most likely candidates for tablet kiosks? Four that immediately spring to mind are hotels, restaurants, museums and retailers. Kiosks help streamline information-gathering processes, such as signing up for mailing lists, making reservations, ordering products and services and checking in and out of locations. By automating these processes, the kiosk eliminates the customer’s frustration from waiting in line to speak with a representative and, likewise, frees the employees to focus their energies on higher-level tasks.
Recent consumer-privacy laws put limits on the data that retailers may capture during a transaction. For example, a recent California ruling forbids the process of “reverse appending” by ZIP code. Kiosks give the retailer a second chance to collect customer data, away from the cash register. A privacy-savvy customer might balk at providing their personal information to a cashier at the time of purchase and yet be willing to enter the same information at a kiosk for a contest or discount. Success depends on having an appealing interface that encourages interaction.
Step 1: Hardware Considerations Link
Obviously, your client will need a tablet for this project. We’ll focus on the iPad here because it is what most of our clients choose, but other platforms such as Kindle Fire could also be used as kiosks. Whichever device you choose, consider how to secure the tablet so that it doesn’t disappear! We developed a device that securely mounts an iPad to a wall, counter or desk (Padloc). Remember that physical security is key; an unsecured tablet is an attractive target for thieves.
iPad securely mounted with a Padloc.
Step 2: Software Considerations Link
Is it really necessary to develop an application for the kiosk? Perhaps your client simply wants to display their website or use a third-party app. In our experience, however, a customized interface can make or break the user experience. We recently worked with a client to develop a simple interface for gathering email addresses in exchange for special offers. Here is the process we followed:
- We decided to create a Web app rather than a conventional app, thus bypassing a potentially lengthy and complicated submission and approval process through the App Store.
- We picked the device to program on (in this case, the iPad). This was important because, knowing we would be using Mobile Safari, with all of the interesting little nuances available for it (through HTML5 and CSS3), we were able to streamline production.
- We designed an interface that was visually striking, intuitive and compliant with interface guidelines (including those related to the on-screen keyboard, viewport size and touchscreen conventions). (Apple has some great resources for developers, such as its Human Interface Guidelines2.)
- Because we were working in mobile Safari on the iPad, we were able to program some cool features into the Web app. But these came with restrictions, such as:
- The features would work only in portrait orientation,
- The Web app had to be saved to the iPad’s home screen and launch from there,
- All links in the Web app would open in a new browser tab.
- We also made some other tweaks:
- Hid the browser chrome (URL bar and buttons) using
<meta name="apple-mobile-web-app-capable" content="yes" />;
- Created a bookmark icon for the home screen and linked to it using
<link rel="apple-touch-icon" href="/path/to/icon.png" />;
- Set the color of the status bar (the options are black, gray or black translucent) using
<meta name="apple-mobile-web-app-status-bar-style" content="black" />;
- Made all events
touchevents, as opposed to
hoverevents, to accommodate the limitations of the touchscreen.
- Hid the browser chrome (URL bar and buttons) using
Do Clients Really Want This? Link
What is the current demand for touchscreen tablet kiosks? We recently conducted a survey of our existing and potential clients; 89% indicated that they would use a touchscreen for a kiosk, and the iPad was the tablet of choice for 84% of them.
The results of our survey
Pretty eye-opening, eh? We also asked survey participants to identify the biggest factor affecting their decision to move forward with a kiosk (choosing from 10 options, ranging from price to screen size to operating system to security options). Price was most important for 41% of respondents, with screen size coming next at 18%.
Interestingly, a majority of respondents chose the iPad, yet also mentioned price as their top concern. This suggests that lower-cost entrants to the market (such as the Kindle Fire) are well positioned to gain market share and become viable candidates for these kiosk projects. Our survey shows a strong desire for kiosks, and the price barrier has been removed with these low-cost tablets!
A Bright Future With New Possibilities Link
In addition, a wide array of hardware is constantly emerging, creating previously unimagined possibilities. Consider Square4’s reader. Plug this tiny device into the headphone jack of your iPad, download the app, and you’re ready to take credit-card payments. Now, add a locking mount, install it anywhere in your store or in your trade-show booth, and you’ll have the best-looking, quickest-to-set-up cash register you’ve ever seen!
iPad mounted with a Square reader to accept payments.
As more advanced devices are introduced to the marketplace, the traditional limitations of kiosks are being surmounted. It’s time for us to think outside the box and imagine a new future for low-cost tablet kiosks!
The clunky, expensive kiosks of yesterday are becoming irrelevant in today’s world of elegant low-cost touchscreen devices. Whether clients want to capture email addresses, enable customers to sign up for events in the store or add interactive elements to their artwork, a touchscreen kiosk can deliver the results they’re looking for. Tablet kiosks can be integrated into any decor smartly and sleekly. Now that affordability is no longer a factor, you can start working with clients to develop apps that bring imagination back to their business solutions.
- 1 https://www.smashingmagazine.com/wp-content/uploads/2012/02/droppedImage.jpg
- 2 https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html
- 3 https://www.smashingmagazine.com/wp-content/uploads/2012/02/kiosk_survey-v2.jpg
- 4 https://squareup.com/
- 5 https://www.smashingmagazine.com/wp-content/uploads/2012/02/droppedImage-2.jpg
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.