I've been doing the WiFi project for so many years, and I've seen too many cases of Portal certification pages being killed by A. One of the most typical is a market director with a chain hotel brand, who sees our default Portal template and says,"It's so much like the airport WiFi. It doesn't match our brand tone at all."And then their UI team produced a set of designs that were really visual, but the front page placed hotel spa advertisements, catering promotions, membership registration portals and three rotations. Our technical team assessed that this page was loaded for at least 3.5 seconds, and the director said it was okay to wait. The first week on line came out, Portal opened an average 5.1 seconds, and more than 40% turned off the cut of 4G before the page was loaded. This is typical."It's good-looking but useless."。
Load speed is the iron law of Portal page design.
The Portal page loads in the hotel WiFi real name certification system are completely different from the ordinary web page. When guests go to WiFi, NETSHELL_AUTH_GATEWAY is going to do DNS hijacking, HTTP redirecting and then pushing Portal pages to the user terminal. This process itself has a delay. If Portal pages themselves insert a bunch of charts and scripts, delay stacking and delay the user's ability to turn browsers off three seconds. A hard indicator for industry is Portal's first screen sculpturing time cannot exceed 1.5 seconds. What does that mean? This means that Portal pages must be pure static, with minimal reference to external resources, images must be compressed to the minimum size, and CSS and JS should be as intruding as possible. The approach is now to keep Portal pages within 50 KBs, a hotel Logo+ Certification Form + a simple welcome note, that's all.
The authentication process should not exceed three steps.
The core task of the Portal page on the WiFi Real name certification system is to make people authenticated, not to browse the hotel network. But many hotels do not understand this and feel that it is an opportunity for exposure.——Five steps. What's the conversion rate after you get on line? Less than 12%. That means 100 people, WiFi, only 12 have finished the certification process. The remaining 88 people either shut it down or stuck in the middle. We then press to change."Enter your cell number.→Get the authentication code→Online"Three steps, the conversion rate is 71%. There's nothing to talk about, and one more step will be lost.
The match is worse than you think.
The Portal page of the WiFi Real Name Certification System is extremely demanding for equipment. The phone that guests use is a strange one: from the latest iPhone to the Andre machine some years ago, from the Big Screen Flagship to the Small Screen Old Man Machine, iOS versions 12 to the latest and customized versions 6-14, various ROMs, and various browsers. A seemingly simple Portal page may have performed differently on different devices. We have experienced the most trouble with checking CSS flex layout compatibility within some of Andre's machines, which causes the screen to be squeezed out by wrong tab buttons and users are not at all. There is also a special WebView test system that opens Portal with a special WebView, which does not match the Safari behavior and which renders JavaScript hearing bugging ineffective. These issues are simply undetectable without being wired, but online discovery has already generated client complaints. So now we have to maintain an compatibility testing matrix covering at least 20 mainstream equipment models and systems versions, running through each Portal page before it is released.
Brand customization and usability balance
The brand wants to make a brand on the Hotel WiFi real name certification system Portal page, which is critical for certainty. Our principles are simple: brand elements can be done, but they must not affect speed and efficiency of loading. Specifically, Logo is in 30 KB; brand colour is used completely at buttons and captions; welcoming words is enough to do no big talk; rotations and videos are never allowed.——That's not Portal's. The most mature options are: a top page with the hotel logo and name, an intermediate certification form and a short brand name soloan at the bottom. This meets both the visual needs of brand parties and does not affect core certification processes. If hotels insist on marketing content, we suggest doing it on the jump pages after certification has been successful, when users have already connected to the Internet, and it is no problem to add several graphics.
The document is part of the design.
The Portal page of the hotel WiFi real name certification system has a direct impact on the completion rate, but few people value this."Please enter your cell number to get the authentication code."and"You can access the Internet free of charge by entering your cell phone number."The first creates a perception of personal information being submitted, the second one suggests that it is just an Internet access procedure."We'll collect your cell phone numbers, Internet time and access records and keep them for at least six months in accordance with the law."This sentence scares half of the people away. Not that information is not transparent, but that compliance instructions can be placed on a page in an area where they can be folded up, rather than defaulting to the user. These text details are adjusted and the conversion rate is three percentage points lightly and loose.
The test code is the biggest experience killer.
The authentication code is not going to go around the past, but the user of the certificate code has a lot of design space. SMS access quality varies, with some peaks being delayed to 30 seconds. If the user waits 30 seconds on Portal, it will be unavailable."Reassign"button or countdown UI is not clear enough, the user can only reset the page and all previous entries are disabled. The better option is: a positive countdown of the authentication code is in a visible position, automatic fill optimization (support to system-level authentication code automatically read), 60 seconds are not provided automatically"Change Voice Authentication"option. Another detail that many people fail to notice is the different operators' different signal intensity on different floors of a hotel, and if a room has a bad connection number, the SMS code will not be received. This time, we have to provide micro-mail scanning as an alternative, with two accesses to secure the base.
In the end, Portal page design for the WiFi Real Name Certification System is a core logic: let clients get certified online at the fastest speed, minimum operation, and with no confusion. Any design that deviates from this goal, however handsome or cool, is negative optimization.