华体汇移动 · 品牌价值

把多屏访问做成一件顺手的事

华体汇移动是华体汇中国官方网站面向移动与多屏场景的服务品牌。你在手机上打开过的栏目,换到平板、电脑或者大屏,还应该在同一条路上找到。

围绕这件事,我们组团队、排顺序、做适配:先把入口收短,再让四类终端的画面与操作对得上。

我们做什么

华体汇移动只盯着一件事:让你更快到达要用的栏目。手机、平板、电脑、大屏四类终端各有推荐的布局方式和页面宽度,对着首页顶部的适配清单看一遍,就知道手上这台设备该怎么用。

常用栏目、回访注册、大屏安装说明都放在两步之内。收藏保存下来的是栏目地址,下次从收藏夹直接进来,不必再一级一级翻。

顺不顺手,我们用具体标准去量:首屏到内容区的滚动控制在 1.5 屏以内,移动端每个可点区域不小于 44×44 像素,大屏端的索引面板打开就是展开状态。

深墨蓝背景上数条荧光青轨迹由散到聚,末端收成一束亮线的抽象图案
四类终端共用同一套访问顺序

为什么把路径做短

旧版把常用栏目埋进四级目录,换一台设备就要从头翻一遍,找入口的时间比用入口还长。改版做的主要动作就是砍层级:能并的并,能提前的提前,让最常走的几条路先出现在眼前。

改版前

四级目录

入口藏得深,回访用户常常想不起上次是从哪儿进去的。

现在

两级入口

常用入口平均两步可达,回访用户通常半分钟内完成注册。

三次改版,把路一步步收短

  1. 2022

    第一版索引结构上线

    品牌、服务、动态、帮助、联系与法律信息第一次收进同一套编号,找东西有了固定起点。

    六大板块的编号沿用到现在,你熟悉的那个序号没有换过位置。

  2. 2023

    移动优先适配

    手机上的可点区域拉到 44×44 像素以上,索引收进下拉面板,单手也能在栏目之间切换。

    同一套顺序搬到窄屏,手指够得着的地方就是入口。

  3. 本轮

    第三次整体改版

    常用入口压到两级,大屏端索引默认展开,四类终端的显示与操作对齐。

    换了设备不用重新学一遍,位置和顺序基本还认得出来。

三张不同尺寸的深色纸卡斜向叠放,边角带暖橙标签与细描边的抽象特写
每一版都在同一套编号上叠加

28 个人,三条工作线

内容编辑

把栏目写清楚

  • 维护六大板块的栏目文字与说明
  • 把常见问题按访问、注册、下载、收藏、账户归类整理
  • 每周更新 2-3 条品牌动态

体验设计

把顺序排顺

  • 决定哪个入口先出现、哪个动作排在后
  • 维持深墨蓝基底配荧光青与暖橙高亮的视觉规范
  • 让网页端、移动端与大屏端看起来是同一个品牌

前端实现

把体验落到每块屏

  • 四类终端的适配与实机验证
  • 大屏端已完成主流电视系统 6 个版本的兼容测试
  • 保证窄屏不横向溢出、触控热区够大
三组抽象的线与点分别连向不同终端轮廓,表示内容、体验与实现三条工作线并行
三条工作线并行推进,交付同一套访问体验

四条服务主张

  1. 适配清单一屏可见

    手机、平板、电脑、大屏共 12 项适配项按终端分组列在首页顶部,不用跳转,看完就知道自己的设备在不在支持范围内。

  2. 常用入口不超两步

    从首屏到任意常用栏目,两次点击以内。回访注册也在这个范围里,半分钟能走完。

  3. 多终端视觉与操作一致

    同一套配色、同一套编号、同一套操作顺序贯穿网页端、移动端与大屏端。换设备之后,你看到的页面还是熟悉的样子。

  4. 收藏即回访

    收藏保存的是栏目地址,下次从收藏夹一步进入。换了手机或浏览器,重新收藏一次就能接着用。

谁在用,从哪儿来

31

个省级行政区的用户在用

约 52%

访问量来自华东与华南

约 46%

访问来自桌面端

移动端和大屏端的访问比重还在往上走,这也是我们不断调整索引顺序的原因:哪条路走的人多,就把哪条路往前放。地区分布同样影响排序习惯,华东与华南的用户更常在工作时段用电脑,其他地方则更多在手机上打开。