Portal certification page is the first entry point to WiFi in a hotel and a detail that many hotels ignore. Most of the default Portal providers provide, but not easily. For hotels, this page experience directly affects the first impressions of the guests.——Especially in the case of business guests who are in a hurry to connect, the first impression is reduced if the certified pages are loaded slowly and complex, even if the back web is very fast.
Core experience indicators on Portal page
Measuring the usefulness of Portal pages is a number of quantifiable indicators: time from WiFi to full load of authentication pages (over 5 seconds within target 3); average operating steps from page opening to certification completion (target no more than 3 moves); SMS code arrival (requests reached 90 per cent within target 60 seconds); time to jump back to normal browser after certification has been successful (objective 2 seconds). These indicators should be clearly tested when project acceptance takes place, rather than by looking at supplier presentations.
Speciality of iOS Captive Window
The iPhone, which requires authentication of WiFi, automatically ejects Captive Network Assistant, a built-in light browser. It is characterized by: not supporting all CSS3 animations, incomplete processing of some JavaScript events, and not allowing access to external CDN resources (all CSS, JS, images must be intruded or hosted locally on the certification server). If the Portal page directly quotes Google Fonts or a CDN jQuery, there are layout anomalies and even button failures in the Captive window because it cannot load these external resources. The Portal page of WiFi-certified hotel hotels must be tested specifically for the Captive window, which cannot be replaced by Safari or Chrome, and is measured in an actual WiFi environment with iPhone.
Design principles for page content
Portal's content design is based on several principles: information is simple, not too many text stacking, users just want to fast-wire the Internet; the operation is clear, cell phone number input boxes are large, keyboard buttons are automatically pop up and authentication code sent are visible enough; error tips need to be specific, not only display"Authentication failed"Let's be clear."Wrong cell phone number format"Or..."Could not close temporary folder: %s"The design principles are simple, but many default templates fail to do so.
Rational use of brand elements
Portal is an opportunity to show the hotel brand, but it's true. It's right to put Logo on a brand color; if Portal has a big high-quality map and five seconds to load it on the mobile network, then the branding will be negative."Lightly quantial Load"and"Visual recognition"To balance the need for Logo to have a SVG format instead of a large PNG; to color it without relying on loading external fonts; and to compress the background map to 100 KB if it is needed. For serial brands, Headquarters centrally provides Portal templates that meet these requirements, which are more manageable than the quality of the shops themselves.
Interactive design differences between authentication methods
The interactive cell phone number plus text message authentication code is to optimize the countdown.——The 60-second countdown should be clear to users and avoid anxiety; the interaction of micro-certification should allow for a two-dimensional code sufficient to avoid swab areas and overlap with other elements; room number + name authentication should be sensitive to the case-writing problems of input methods (name entry should default initial capital); multiple authentications should be combined with label switching instead of stacking all forms on one page, reducing visual confusion. Each authentication method has its own details, the generic template often looks out, and customizing Portal pages is valued as tailoring to hotel master certification.
Jump Design after Authentication Successful
Most systems jump to one after authentication has been successful"Authentication successful"page, and then let the user open the target site itself. Better yet: if you can get a certificate to a page with practical information, you can jump directly to it.——The hotel officials network, Wi-Fi uses instructions, hotel service pages or individualized page pages based on in-house information. This jump is not just an experiential uplift; it is also a touch point for residents to learn more about the hotel services. Jumping target URLs are usually configured directly from backstage of the certification system and need no additional development.
Continuous optimization mechanism for Portal pages
Portal pages are not one-time deliveries, and they will not be changed. As user equipment and operating systems overlap, there may be new problems with compatibility of certain authentication methods; seasonal activities need to update the Portal page for extension; and if new authentication options exist, then the page will have to be adjusted accordingly. It is recommended that a quarterly review of Portal pages be undertaken: check whether the results on the latest version of iOS and mainstream Android devices are available, check whether external resource dependency is also accessible and whether content needs updating."Age is a failure."The state.
Different population Portal design considerations
Different types of hotel groups focus on different aspects of Portal’s page needs. Business hotel guests usually go online before departure, with the most sensitive speeds. Portal pages are designed to be extremely simple and fast-loaded; guests at parent or holiday hotels may stay longer and can add some hotel features (site referral, parent activity) to Portal; multilingual support is necessary in high proportions of foreign tenants, not only Chinese. This customization, which does not require major changes, can significantly enhance the accreditation experience of target groups by changing to a few key case and information presentation areas.
Portal page design good, user can't feel it."This page is well designed."I just feel it."A smooth certification process"Or..."It's a lot of trouble with the certification."The hotel hotel WiFi certified Portal page, which aims to get customers to complete the certification in 20 seconds, not to make this process a problem and leave guests to the accommodation itself, rather than to spend it on WiFi.