老版新葡萄8883特色 当前版本 3.2
视图

双端栏目 · 当前版本 3.2

一套栏目,两个端都能翻到底

老版新葡萄8883特色的中文站和简体版大屏共用同一套内容后台,栏目层级、标签体系、案例合集完全对齐,差别只在每一端为哪种使用场景做了优化。

中文站栏目结构示意

等距视角的三级栏目结构图,圆形节点由葡萄紫细线自上而下连成两条并行路径
一级定方向,二级定场景,三级标签落地到具体条目,越往下越贴近你真正要找的那一篇。

中文站和简体版大屏,差别落在哪几行

两端的栏目骨架一模一样,为设备做的取舍不一样

中文站与简体版大屏能力对照
对照项 中文站 简体版大屏
一级栏目 6 类 6 类
二级栏目 24 类 24 类
层级深度 三级标签直达条目 三级标签 + 大字号阅读模式
适配分辨率 手机、平板与常见桌面宽屏 4K 与 1080P 两类,各自一套排布
内容同步周期 24 小时以内 24 小时以内
更合适的使用场合 通勤路上、碎片时间随手翻 会议室、展厅、大堂与办公室大屏

内容团队共 36 人,栏目运营 12 人、视觉设计 8 人、技术支持 9 人、客服 7 人,两端的栏目由同一批人维护。

找一条内容,走三步就到底

一级 6 类铺方向,二级 24 类挑场景,三级 96 个标签点条目

  1. STEP 01 先看一级。

    六类入口横向排开,你要的是栏目动态、案例合集还是版本记录,一眼就能分开。

  2. STEP 02 再挑二级。

    二十四类把场景拆细,“栏目焕新记录”和“双端同步周记”各占一格,不会挤在一起。

  3. STEP 03 落到三级标签。

    九十六个标签对应具体条目,点开就是你上一次读过、或者合作方转给你的那一篇。

微距视角的标签卡片层叠,卡片边缘印着等宽字体编号与青柠色条
标签越往下越细,编号始终连续,翻到哪一级都能对上。

简体版大屏栏目更新内容评测

本轮大屏端动了四处,逐条说说值不值得切过去

大屏设备正面示意,屏幕上分区显示重排后的栏目区块与放大的字号层级
大屏端首屏:左侧按使用频次排的栏目列,右侧是放大后的正文区。
01 栏目重排

常点的栏目挪到左边第一列

鼠标移动距离明显变短,站在三米外讲屏幕,也能一句话指到位置。

适合切:固定会议室、展厅、大堂屏。不太适合:抱着笔记本到处走动的办公方式。

02 阅读模式

大字号阅读模式

正文放大到远距离舒服的级距,旁边的索引收成小字注脚,不再和正文抢视线。

适合切:需要给来访客人边看边讲的场合。

03 分辨率适配

4K 与 1080P 各有一套排布

两种分辨率下的栏目列数和间距分别调过,不会出现 4K 上字挤成一团、1080P 上留白过大。

适合切:设备型号不统一的多屏环境。

04 入口前置

案例合集入口提到首屏

合集入口从二级菜单挪到首屏可见位置,想找某个栏目案例,少展开一层。

适合切:主要来查案例的合作方与老用户。

案例合集 3.2:480 余个案例分进 8 类

本版新增 76 个,集中在栏目焕新和双端同步两条线上

多列不等高的内容卡片瀑布流,卡片左上角标着分类色点与版本号
同一分类的卡片用同一种色点,扫一眼就能看出这批案例属于哪条线。
  • 栏目焕新记录长期专题,记录每一轮栏目调整的来由
  • 双端同步周记按周记录两个端的内容对齐情况
  • 案例增补计划每季度公布下一批要补的方向
  • 变更说明归档与品牌文化栏目联动,收录每次调整的说明
  • 行业场景合集按使用场景归拢的案例组
  • 安徽本地篇目合肥、芜湖、蚌埠、阜阳等地较为集中
  • 合作共建案例与 60 余家内容合作方共同产出的篇目
  • 版本发布周边版本上线同期出现的说明与图解

换设备再登录,常用入口少点两下

优化前要穿过四层才能回到老位置,现在两步就到

手机、平板、大屏三台设备并排,折线连接的路径明显短于旁边一条虚线参照
优化前
首页 一级栏目 二级栏目 三级标签 目标条目
优化后
常用入口 上次看过

同一个目的地,点击层级 4 → 2

重新登录时,站点会把你在别的设备上最后停留的位置提到顺手的地方,回访用户平均每月访问 4 次以上,省下的点击会累积起来。

三种常见的搭配方式

看你大部分时间待在哪,就按哪一套上手

手机通勤

把常用的二级栏目固定在入口区,路上刷更新只翻首屏就够。回访时先看顶部的版本号,3.2 之后的调整都记在案例合集里。

  • 推荐端:中文站
  • 上手顺序:首页 → 媒体动态 → 知识中心
  • 顺手设置:允许浏览器记住上次读到的条目

办公室大屏

首屏就能看到案例合集入口,讲给来访客人听时不用来回切菜单。字号模式和分辨率排布都跟着屏幕走。

  • 推荐端:简体版大屏
  • 上手顺序:首屏案例合集 → 一级栏目 → 大字号阅读模式
  • 顺手设置:4K 屏开大字号阅读,1080P 屏保留默认排布

平板浏览

两个端都能开,中文站跟手更明显。横屏时把标签墙展开到二级,纵向翻动更顺,适合在手边随手查资料。

  • 推荐端:中文站为主,需要演示时切大屏
  • 上手顺序:栏目地图 → 三级标签 → 案例合集
  • 顺手设置:横屏展开二级,竖屏收回到一级

下一步可以往哪走