园区WiFi认证Portal首页信息架构怎么设计

园区WiFi认证的第一步，往往发生在用户连上WiFi之后、输入账号密码之前。这一步是Portal首页。很多园区把Portal首页当成一个登录框，把公司Logo贴上去、放两个输入框就完事。但实际上Portal首页是用户对园区网络体验的第一印象，也是认证系统和用户之间唯一一次正式对话。信息架构怎么排、哪些元素必须有、哪些元素是多余的，直接影响认证成功率和用户投诉量。

一个合格的园区Portal首页，至少要承担四件事：让用户知道自己连对了WiFi、让用户知道用什么身份登录、让用户在出问题时知道找谁、让新用户知道怎么注册。这四件事对应四个功能区，缺任何一个都会在实际使用中被用户问出来。

第一个功能区是品牌与状态区，放在页面最顶部。这里放园区或者运营方的标识，加上一句简短的状态说明，比如"已连接到园区办公WiFi，请完成认证后上网"。这句话看似多余，但它解决了一个很实际的问题：用户连上WiFi之后跳转到一个陌生网页，第一反应是"我是不是被钓鱼了"。明确的状态说明能打消这个疑虑。状态区不要放太多广告，也不要放滚动通知，保持安静，让用户知道自己在正确的页面上。

第二个功能区是认证主体区，这是页面的核心。员工用户用账号密码登录，访客用户用短信验证码登录，这两个入口要在同一页清晰切换，不要让用户翻好几层菜单才找到短信登录。输入框的设计要符合手机操作习惯：账号框和密码框纵向排列，提交按钮放在拇指容易点到的位置。如果园区已经对接AD域或者LDAP，员工直接用工号加域密码登录，页面上要写清楚"员工请用工号登录"，不要让员工猜自己该用哪个账号。访客入口旁边要标注"访客请先注册"，避免访客直接用工号框输手机号。

第三个功能区是辅助自助区，放在认证主体区下方。这里通常放三个入口：新用户注册、忘记密码、常见问题。新用户注册入口要明显，尤其是对访客园区来说，很多人是第一次来，根本不知道账号从哪来。忘记密码入口要能引导用户通过手机号或者邮箱找回，不要只放一个"联系管理员"的按钮。常见问题入口列三到五条高频问题就够了，比如"认证后多久能上网""为什么提示账号已在其他设备登录""连上WiFi但打不开网页怎么办"，这些问题用户一定会问，提前写在页面上能减少客服压力。

第四个功能区是合规与协议区，放在页面最底部。这里要放用户上网协议、隐私政策链接、公安网监要求的实名提示。这部分内容字不用大，但不能省。园区WiFi属于公共场所网络，按合规要求必须提示用户实名认证、告知日志留存范围。协议链接不要做成弹窗，做成底部小字链接即可，用户点进去能看完整协议。

除了这四个必备功能区，还有几个常见的设计误区要避开。第一是把Portal首页做成营销落地页，放大量图片、轮播广告、新闻链接，结果用户找半天找不到登录按钮。Portal首页的首要任务是让用户尽快认证上网，不是做品牌宣传。第二是只做电脑版不做手机版，现在超过八成用户是手机连WiFi，Portal页面必须做响应式，手机上输入框不能小到点不准。第三是把所有资源都放在公网CDN上，用户在未认证状态下是没有外网访问权限的，CDN图片和脚本会加载失败，整个页面白屏。Portal页面的所有静态资源必须放在Portal服务器本地，认证之前就能加载出来。

页面加载速度也是信息架构的一部分。用户在未认证状态下耐心有限，页面超过三秒没加载出来，很多人会直接关掉重试。所以Portal首页要轻量化：图片压缩到合理大小，JavaScript不要堆太多，能用CSS解决的不要用JS。HTTPS证书要配好，浏览器看到"不安全"提示会直接拦截页面，用户连登录框都看不到。

不同区域的Portal首页可以有差异，但信息架构要保持一致。办公楼的Portal首页可以简洁，突出员工登录；宿舍区的Portal首页可以加生活服务入口；访客区的Portal首页要把注册入口做得更明显。这种差异不是重新设计一套页面，而是在统一的四个功能区基础上，调整每个区的内容权重。底层的Portal系统支持按SSID、按位置、按用户组推送不同模板，这就是4W+B推送策略的基础，但模板内部的信息架构要保持统一，不能今天一个样明天一个样。

Portal首页上线之后还要看数据。认证成功率、平均认证耗时、注册转化率、常见问题点击率，这些指标能告诉运营方页面哪里不顺。如果发现访客注册转化率低，大概率是注册入口不够明显；如果员工反复跳回登录页，可能是密码错误提示不清晰。这些问题靠改页面就能解决，不用动后端。

园区WiFi认证的首页不是一张静态海报，而是一个持续迭代的功能界面。把四个功能区排清楚、把手机体验做顺、把加载速度压下来、把合规提示放对位置，用户认证这一步就顺了。后面的计费、权限、漫游再复杂，用户感知到的也是第一步这张页面。