The first page that the user joins WiFi is Portal. This page is onWiFi web certification systemThe position in the inside is similar to the last level before a cashier's office.——Designed well, guests have three seconds to be certified; design is poor and guests are not connected for five minutes on this page, and they go straight to the front desk to complain. Portal pages are designed in quality that directly influences the actual use of the system.
The user 's real behavior path on Portal
WiFi-post phone automatically pops up Portal pages, which is the design of most sites."Auto-eject"This is a problem.——The computer Portal detection mechanism varies from cellular system to mobile, iOS and Android have different ejection logics, some of which are national and even intercept the Portal window. Many users report it."WiFi's not online."More than half of the pages were not successfully ejected, rather than being certified per se.
Even if Portal page is successfully ejected, the user’s ability to successfully complete authentication depends on the information design of the page.——The slow load of the page, the lack of visible access buttons and the need for users to enter too many information can cause you to give up. In a hotel lobby scenario, users will not wait for a full Portal page that has been loaded for five seconds.
Key design elements affecting the certification completion rate
The first element is the page loading speed. Portal pages are usually triggered by HTTP re-direction, and resource loads on pages are as simple as possible. A Portal page with large maps, multiple scripts, outer CDNs is very slow to load when network access begins because users have not actually accessed the Internet before completing authentication, all resources are required to go to local network equipment. It is recommended that all resources on Portal pages be connected or hosted in a certified server homepage, avoiding external chain dependence.
The second element is the visibility of the authentication portal. Users have a glance at Portal pages and must find them in two seconds."How to network". Puts the authentication button in the middle of the screen, the number is large enough, the colours are clearly contrasted to background and are the most basic requirement. Some Portal pages have been placed"Get the authentication code"button is designed to be a gray little word close to the background colour, and the first reaction of the user is that this page is not loaded and will not go down at all.
The third element is the number of fields entered. For every addition to a fill-in, the completion rate will drop. In general, hotel Portal pages are certified in less than two steps: cell phone numbers.→Copy that.→Click to log in. If you also have a step to fill out the name, select the package, and check the protocol, a percentage of the loss is caused by each step.
Impact of different authentication methods on Portal design
Portal design for SMS authentication is focused on the speed of the signal and the ease of use of cell phone numbers. The status of the digital keyboard pops, input frames focus automatically, and the countdown re-emission button affects every detail. Some systems Portal clicks on users"Get the authentication code"No visual feedback was received, and users did not know whether they had succeeded or failed to respond, repeated their hits and eventually received multiple text messages.
The Portal design for the micro-public authorization is focused on scanning or clicking guides. If a user opens the Portal page with a micro-mail browser, the process can be done"The order is done.", best experienced. But in other browser environments, micro-mail sweeps are relatively cumbersome and Portal pages need to distinguish clearly between different scenarios and give different entrances.
The Portal design for room number authentication focuses on the tolerance of input processes. Customers can't remember the room number, the formatting of input and the confusion of case sizes are common problems. Portal pages require clear input form tips, and the error information is specific (to tell the user whether the room number is wrong or does not match a name), rather than just showing one."Authentication failed"。
Multilingual and internationalization of Portal pages
In hotel settings, the percentage of foreign guests is usually not low. Portal pages are virtually unattended if only Chinese. Multilingual support is not available."Just translate it."That's easy.——The length of the text varies widely across languages, with English buttons being much longer than Chinese and the layouts in Chinese may spill over or be re-lined.
The practical approach is to put a language switch button on the top of Portal page, supporting at least two types of Chinese and English, with Japanese and Korean in conditional conditions. Automatic switching based on browser language is also an option, but with fallback——If the browser language is not supported by the system, the default displays English instead of a code.
Page Jump Design after Authentication Successful
The blogger says:WiFi web certification systemUsually reoriented the user to a target page. This page is also often ignored as the end of Portal's experience. It is common to jump onto the top or blank pages of the hotel officer network and close it. The more valuable way to use the spin-off page after certification has been successful.——This is a window of time that users have just completed their certification, and they have the most focused attention.
How to assess the design quality of existing Portal pages
If there is already a functioning Portal page, its performance can be judged by several indicators: the ratio of the number of requests initiated to the final certification success (completion rate), the proportion of authentication time spent or failed, reception from front desk"You're not even online."The frequency of complaints. Most of these dataWiFi web certification systemThere are both backstages, but many of the teams have no habit of looking at these data.
Regular user experience testing of Portal pages is also an effective tool——Looking for a few new guests to see where the WiFi process is, and what's confusing about the card. This visual observation often reveals problems more than analysis of log data. Portal pages are not designed in one-time fashion and require continuous updating as user equipment and operating systems change.