入口方案

电脑端看得全,手机端拿得快

同一套账号,同一份内容。JDB官方站把入口拆成两条路:坐下来用电脑端,一次铺开八个一级栏目;在路上就用手机端,首屏那三个位置一直摆在顺手的地方。

8 电脑端一级栏目
3 手机端固定位置
38MB 手机端安装包

先分清两套方案各自适合谁

这不是好与坏的选择,是“你此刻在哪里”的选择。左边电脑端,右边手机端,中间那条斜线就是切换点。

电脑端 栏目铺得开

适合坐下来慢慢翻

  • 一级栏目首页、品牌故事、服务与入口、动态与故事、帮助中心、商务合作、个人信息说明、使用说明,共 8 个。
  • 常用位置顶部栏目直接切,页面之间互相跳转,翻改版记录最省事。
  • 适合谁手上要做方案对比、要一次看好几页内容、想把更新记录往前翻的人。
  • 上手成本第一次多花十几秒认一遍栏目分布,之后就顺手了。

手机端 位置钉得死

适合随手打开就走

  • 固定位置手机访问 JDB 日常固定三处,首屏一直摆着,不随栏目调整而挪动。
  • 跨端认得出这三处跟电脑端用的是同一套图标、同一套叫法,两边一眼对得上。
  • 适合谁通勤、排队、临时拿别人手机看一眼的人。
  • 上手成本几乎没有,亮屏就是那三处,不用找。

你现在在哪儿,就用哪一套

点下面几行字,看看哪几种情况跟你对得上。

  • 01

    地铁上想扫一眼有没有新内容

    手机端亮屏就在首屏,最新更新排在最前,两分钟看完直接锁屏。

    用这一套 · 手机端

  • 02

    坐在工位上要把几件事一次办完

    电脑端栏目全,动态、帮助、合作几个方向可以并排着开,来回对照省时间。

    用这一套 · 电脑端

  • 03

    手边只有别人的手机,不想装东西

    浏览器打开就能进,三个位置里的帮助入口先排查问题,不用先登录。

    用这一套 · 手机端网页

  • 04

    路上先圈好要看的页,回去接着读

    手机端把想看的挑出来记下,回到电脑端按栏目逐个展开,内容不会掉。

    两套配合 · 先手机后电脑

首屏那三个位置,分别管什么

它们不是按人气排的,是按“打开手机最可能想干的三件事”排的。位置顺序固定,认一次就够。

01

内容入口

进去第一屏就是最近更新,按时间排。适合只想看看有没有新东西的时候。

02

入口总览

两套方案在这里碰头,也是来回切换的地方。找不到某个页面时,先回到这里看一眼。

03

帮助入口

注册、下载、入口查找、设备适配四类问题的图文步骤都收在这里,遇到卡壳直奔这一处。

这三处跟电脑端同名同图标。你在电脑上认准的样子,换到手机上不会变。

手机端三个固定入口在首屏的位置示意,从上到下依次是内容入口、入口总览与帮助入口
手机端首屏:三个位置从上到下固定排列

八个栏目,什么时候值得切到电脑

手机上够快,电脑上够全。下面按内容体量从大到小排,你按手头这件事来挑。

  1. 01

    帮助中心

    240 余条图文步骤,站内停留最长的栏目。要照着一步步做,电脑上看得最清楚。

    排查问题
  2. 02

    动态与故事

    每周 2 至 3 条更新,改版与版本类内容按季度归档。想往前翻,电脑端一屏能看更多条目。

    追更新
  3. 03

    服务与入口

    就是你现在这一页。两套方案的差别,在这里并排看得最快。

    做选择
  4. 04

    品牌故事

    从 2016 年的一页入口走到今天,中途做过什么取舍,这里讲得最完整。

    了解背景
  5. 05

    商务合作

    渠道、内容共建、界面适配与技术支持三类方向,各自的对接清单都摆在这里。

    谈合作
  6. 06

    首页

    最上层的入口索引,两端方案在这里同时露面。

    找位置
  7. 07

    个人信息说明

    收集了什么、用在哪里、怎么查询与更正,一次写清楚。

    查条款
  8. 08

    使用说明

    访问前值得先看的几条约定,遇到显示差异时按里面的路子反馈。

    看约定
电脑端一级栏目总览示意,八个栏目横向排开并标注了常用位置
电脑端栏目横向铺开,帮助中心与动态与故事是最常停留的两处

切换只换当前这块内容,位置不动

顶栏最右边那两个字就是开关。点一下,当前正在看的那一块换成另一套的样子,页面地址不变,也不会把你甩回首页。

电脑端视图

栏目名全部展开

八个栏目名摊在顶部,一眼扫完再决定点哪个。

  1. 01点顶栏的版本开关

    “电脑端 / 手机端”两个词,点另一个。

  2. 02看当前这块的内容换过来

    横向推拉一下,不闪白,不重新加载。

  3. 03不满意再点一次

    换回去还是原来的位置,来回多少遍都一样。

版本切换的三帧分解示意,从点击顶栏开关到内容横向替换完成
三帧看懂切换:点开关 → 横向替换 → 落回原位

要是点了没反应,先刷新一次;还是不行就把问题写清楚发到客服邮箱,工作日内有人回你。更细的排查过程放在帮助中心。

注册到进常用页,三步走完

不用先下载,网页上就能把这三步做完。整套下来大约两分钟。

01

填写基本信息

准备一个能收验证码的手机号。这一栏大概花 40 秒。

02

完成验证

收到验证码后填进去,页面会自动往下走。这一步大约 20 秒。

03

设置常用入口

把平时最常去的位置勾上,它们就会出现在首屏。这一步大约 30 秒。

注册三步流程分解示意,每一步标注了需要准备的信息与大致耗时
三步流程与每一步要准备的信息

每一步的界面截图和填错时怎么办,都收在帮助中心的注册类目里。

装之前先对一下设备

先把系统版本对一眼,能省掉一大半装不上的麻烦。对不上就先在网页上用,功能是一样的。

安装包体积
约 38MB
Android
8.0 及以上
iOS
13 及以上
浏览器
主流浏览器近三个大版本
电脑端首屏
加载控制在 1.5 秒以内
  • 01系统版本低于上面两条线,网页端照样能打开全部栏目。
  • 02装到一半停在进度条不动,先看看剩余空间够不够 200MB。
  • 03提示“解析包错误”,多半是文件没下完整,重下一次基本就好。
安装包体积与系统版本适配信息图,列出 Android 8.0、iOS 13 与浏览器版本要求
装之前对一眼:系统、体积、浏览器版本

屏幕、加载、切换,三处最常被问到的

字太小或者挤在一起

手机端横过来看会舒服一些。电脑端把浏览器窗口拉到最大宽度,栏目会自动重新排。

详细步骤在帮助中心的适配类目

打开要等好几秒

先看网络是不是只有一格信号。换成 Wi-Fi 再试一次,绝大多数就正常了。

还有问题可以走商务合作页的反馈渠道

切换后闪了一下白

那是内容在横向替换,一秒之内会落回来。连续切好几次都一样,说明是正常的。

切换的原理写在使用说明里

想先看看别人是怎么用这两套方案的,可以去动态与故事翻翻回访记录。

去帮助中心查步骤