体验中心 · V4 网页端

网页端打开新莆京官网8883:六个模块,每块解决一件事

网页端新莆京8883打开之后,先看首屏的入口条确认位置,再按手上的问题挑模块:入口认不准翻 01,旧链接想比对翻 02,绑定卡住了翻 03。速度和真假的问题,04、05 两块都有现成的自查方式。

三秒定位入口

首屏第一条就是入口条。品牌字标、专属域名与备案号同时出现,三项对上再往里点。

六个深浅不同的抽象面板拼贴,用金色细线勾勒边界,象征网页端六大功能模块

旧左 · 新右

同一个入口的两版位置并排放在一屏里,编号一一对应。

两端同序

手机上抽屉菜单的排列顺序与桌面端栏目一致,位置不因设备变化。

入口导航:三秒确认位置

进站第一件事不是找功能,是确认自己站在正确的地方。入口条就在首屏顶部,扫一眼就够。

  • 入口条固定在页面上方,向下滚动时收成细条,六个栏目始终留在视野里,不用回顶部找。
  • 品牌字标、专属域名 v4-xinpujing.com.cn、备案号赣ICP备88453787号-5 三项同时出现,对得上再点进去。
  • 栏目在桌面端与移动端保持同一顺序,换成手机打开,常用入口还在原来的相对位置。
从域名到首屏的三段抽象路径,末端落在金色入口标记上
入口条位于首屏上方,滚动后收为细条,栏目不隐藏。

版本对照:旧版在左,新版在右

入口调整一共涉及 8 处,最省事的排查方式是把两版并排看。同编号的两条,就是同一条入口的前后变化。

阅读方式

旧版入口位置

  • 主导航 9 项,入口分散在前两组条目里。
  • 个人区入口挂在导航最右侧,位置随屏宽浮动。
  • 窄屏菜单为侧滑面板,展开顺序与桌面不同。

V4 新版入口位置

  • 主导航精简约 6 项,入口集中在中列。
  • 个人区入口并入首屏右上角,位置固定。
  • 窄屏菜单改为全屏抽屉,条目顺序与桌面完全一致。
  • 同一编号在左右两栏指向同一条入口,看起来像是哪一条被挪过,照着编号找即可。
  • 宽屏状态默认并排,想看差异一目了然;手机竖屏可以切成单栏,逐条往下读。
  • 旧版入口的对照导览保留 12 个月,期间旧链接自动跳到对应的新版页面,收藏夹不用手动改。
左右并排的两个抽象界面轮廓,入口位置分别偏右与居中,用编号连线对应
旧版入口偏散,V4 把同类入口收拢到同一区域。

账号绑定:一次完成,平均 90 秒

绑定入口已经并进个人区,路径比从前短。熟练用户从进入个人区到确认完成,平均 90 秒。

  • 从个人区进入绑定,手机号或邮箱任选一种,收到验证并确认即完成,不需要两样都填。
  • 老用户需要重做的是绑定这一步;入口地址已经换到新位置,按 02 的对照确认后再操作。
  • 绑定状态在个人区长期可见,换设备登录同样有效,进度不会丢。
三个金色节点依次相连,表示进入个人区、填写绑定方式、确认完成
进入个人区、选择绑定方式、确认完成,三步走完。

速度诊断:0.9 秒是怎么来的

站点服务覆盖 31 个省级行政区、200 余座城市,靠节点就近响应把首屏压到平均 0.9 秒,比上一版快约半秒。

  • 26 个加速节点分布在各地,访问密度高的区域自动命中更近的节点,内容先到最近的机房。
  • 与 12 家云计算与 CDN 服务商建立节点合作,单条线路波动时自动换路,不会停在原地等。
  • 国内首次访问的直达路径由原来的 4 次页面跳转缩到 2 次,中间不再绕行,打开就到位。
抽象仪表刻度与分散节点,指针落在较短的一段,旁边标注时间刻度
节点就近分发,首屏在一秒之内成形。

安全校验:认准标识再进

名称相近的站点不少。花几秒核对三项标识,比事后折腾省事得多。下面这张自查清单,逐条对完再继续。

  • 品牌字标、专属域名、备案号三项同时正确,才算是正式入口,只对上其中一项不够。
  • 页面底部固定展示备案号赣ICP备88453787号-5 与客服邮箱,随时可以回头比对。
  • 站点已通过信息系统安全等级保护三级测评,每季度做一次入口可用性巡检,异常会被提前发现。

进站前自查

帮助引导:问题去哪问

使用指南按四类场景组织,共收录 40 余条问题。能自己翻到答案的先自己翻,翻不到再找人。

  • 四类场景分别是首次访问、旧版迁移、账号绑定、访问异常排查,每条都写了操作顺序和判断依据。
  • 多数情况翻指南即可解决,遇到卡住的步骤,对照条目里的判断依据再试一次。
  • 需要人工协助,把问题描述和截图发到 info@v4-xinpujing.com.cn,工作日 9:00-18:00 回复。

桌面端与移动端,同一个入口同一个位置

全站约 68% 的访问来自手机,所以窄屏没有另排一套栏目。无论是宽屏上的横排导航,还是手机上的抽屉菜单,入口的先后顺序始终一致,换设备不会迷路。

桌面端

栏目在刊头下方一行展开,滚动后整体收成顶部细条,六个栏目仍在视野内。

移动端

导航收成全屏抽屉,展开后条目顺序与桌面端栏目逐条对应,入口的相对位置不变。

接下来走哪边

手上的问题落定了就直接动手;想先看这次到底改了什么,翻到变更专题逐条读。版本迭代、团队分工与安全资质的背景,记在品牌志里。