Hotel Website Design: Designing for Mobile Devices
2011 is most definitely the year of the tablet. Following on the success of Apples’ iPad, most major tech manufactures are launching their own version of the increasing popular tablet-computing device. With the exponential popularity of these tablets adding to the array of mobile devices accessing the internet, it is not unreasonable to think that a person will completely their entire booking experience using a mobile device. The advanced capabilities of these new devices have made it possible to research and book your next holiday from your mobile phone. Your hotel website therefore needs to be compatible with mobile devices.
There are a few different approaches to take when developing for mobile devices.
Forced Redirect To Mobile Booking Engine
Some hotels have taken the route of automatically sensing if a user is using a mobile device and forwarding all these users direct to a mobile optimised booking engine. While this method does have certain cost benefits it does not make full use of the capabilities of many mobile devices. Apple mobile devices such as iPads and iPhones offer a full web experience with very much the same functionality as a desktop browser. While the basic functionality is present, the visual experience is severely crippled. As seen below the Ritz London forces even full web capable devices to the bare-bones mobile interface.
Mobile Specific CSS
A compromise is to develop mobile specific CSS. Without having to recreate and entire mobile version of your site, mobile CSS is used to arrange and style your existing web pages.
Full Mobile Version
The second most comprehensive but complicated approach is to recreate a complete mobile version of your existing website. For every page on your website a mobile version with mobile specific content design and graphic is developed.
A more simple option on the approach is identify a set limit of the most important pages of the existing website and only recreate these in a mobile specific version.
Full Mobile & Touch Version
The most comprehensive but complicated approach is to provide 3 version of the website pages:
Differentiation between these options can be achieved by user agent detection. Depending on the device being used to access the page, the appropriate version will be returned.
A practical site structure or layout should be maintained. The mobile version could be hosted on a mobile subdomain or subdirectory. Likewise the Touch version will be hosted on a touch subdomain or subdirectory. For example:
Mobile: m.botiquehotel.com/ or www.botiquehotel.com/m/
Touch: t.botiquehotel.com/ or www.botiquehotel.com/t/
Whichever option is chosen the following best practice design principles should be kept in mind:
Contact us for a no-obligation mobile website for your hotel.