打开要快,而且每次都一样快
首屏只留状态、额度、入口三样,其余模块等您往下滑再加载。移动小屏端在 4G 网络下实测约 1.2 秒完成主要内容呈现。
这一条怎么落到代码里
桌面端与网页端沿用同一套取舍:先送出内容骨架,再补齐细节,不为了画面完整而让文字等图。三端首屏的阅读顺序保持一致,换了设备也不用重新学一遍。
品牌手册 · 01
828娱乐在天津做面板客户端,从 2019 年那版只能列出当日额度的网页,到今天稳定运行的 V4.2,中间长出了账户中心、面板对比、三个会员版本,也为 5.5 英寸的小屏把布局重画过一遍。您在意的快不快、准不准、看不看得懂,就是这支团队每天在推的活。
品牌起点
2019 年团队做第一款网页版时,功能少得可怜:把当天的额度情况列出来,让人一眼看到自己走到哪一步。功能不多,但有一条规矩从那时定下——点开之后屏幕上第一眼看到的东西,必须是对的。
产品后来长大了。桌面端、移动小屏端、网页端同时存在;账户中心接上每天一次的数据同步;面板对比能把 12 项额度指标摆在同一屏里;会员中心分出标准版、进阶版、尊享版。功能越多,越容易在打开的那一瞬间把人绕晕。所以「认真对待每次打开」这句话在团队里的意思一直是反的:不是往首屏多塞一点,而是让该在的东西留在该在的位置。
具体到动作上,是账户中心每天 18:00 同步完成后,状态条直接印出这次同步的时刻,不做模糊处理;是规则页每调整一次额度说明或扣减顺序,就在时间轴上留一个节点,您翻到那儿就能看到改了什么;是移动小屏端首屏在 4G 网络下实测约 1.2 秒就能把主要内容送到眼前。
如果一次打开需要您先找说明书,那说明我们没做好。 —— 产品组内部评审用的一句话
四条界面原则
它们同时出现在每次评审的最后一页。原则不是风格偏好,而是可以被验证的动作:打开多久到内容、先说什么后说什么、状态放在哪、在多大的屏上成立。
首屏只留状态、额度、入口三样,其余模块等您往下滑再加载。移动小屏端在 4G 网络下实测约 1.2 秒完成主要内容呈现。
桌面端与网页端沿用同一套取舍:先送出内容骨架,再补齐细节,不为了画面完整而让文字等图。三端首屏的阅读顺序保持一致,换了设备也不用重新学一遍。
额度说明、明细扣减、结果确认按这个顺序依次出现,三段不并排挤在一起。您想知道自己扣了多少,就只看那一段。
对照类的信息收进折叠区,需要时再展开。同屏行数设上限,超出部分不硬塞,避免看的时候要来回横移。
同步时刻、当前版本号、所处位置常驻可见。任何一屏,您抬头就知道眼前这份数据是什么时候的、用的是哪个版本。
移动端把状态条压到 40px 高,只保留同步时刻与版本号两项,其余挪进面板顶部。信息没丢,只是换了位置。
布局先从最小的屏幕画起,再放大到桌面与网页端。对比表在窄屏自动折叠成单列卡片,适配 5.5 至 7 英寸。
不会。桌面端是把折叠过的部分还原回展开状态,内容项和先后顺序完全一致,只是横向空间更宽裕。
版本演进
每往上跳一个数字,背后都对应着一件具体的事:有人提了个问题,或者某个动作在手机上做不顺。下面这条线,就是这几件事排在一起的顺序。
网页版上线。第一款能打开的面板,只做一件事:把当天的额度情况列清楚。
账户中心接入,数据按天更新,同步时刻定在每天 18:00,并直接显示在页面顶部。
面板对比上线,12 项额度指标可以在同一屏里横向摆开,不用再逐条翻页。
会员中心三个版本与问答条目挂上统一标签,互相跳转,找差异不用来回猜。
面向小屏重构。横向滚动退场,单列折叠表格接手,小尺寸手机也能一屏读完。
当前稳定版本是 V4.2,桌面上多数用户跑的就是它;V4.3 还在灰度阶段,先让一小部分人用一段时间,确认没问题再放开。
团队分工
决定每个版本做什么、暂时不做什么。版本号由这一组签发,灰度放开多少人也由他们拍板。每两周和其余三组对一次进度。
把四条界面原则落到每一版设计稿里。任何一个新界面,先过一遍 5.5 英寸屏幕的验收,再谈桌面端的排布。
维护规则页、问答页和版本说明。额度说明怎么措辞、扣减顺序怎么分段、时间轴节点写什么,都出自这一组的手。
28 人,工作日 9:00-18:00 在线,平均首次响应约 6 分钟。问答页里那 186 条自查记录,来自他们整理的真实提问;帮助中心另有 6 个一级分类和 42 篇操作指引。
团队在天津办公,服务范围覆盖天津 16 个行政区。日常协作的节奏很固定:每周三发版本说明,每月一次规则解读长文,其余时间在处理提问和改界面。
质量与服务
每季度那一次巡检查三件事:文字与背景的对比度够不够、整页能不能只用键盘走完、读屏软件能不能把关键按钮念对。查到的问题按版本排期修,不攒到下一次。
团队和 4 家内容服务商、2 家云服务商保持长期合作,页面可用性维持在 99.9%。这个数字不好看,但它意味着一年里您遇上看不开页面的时间,大概只有几个小时。
828娱乐的运营主体在天津,站点备案号为津ICP备41404527号,服务地区为天津,联系地址是天津市和平区南京路219号。需要纸质往来或当面沟通的事情,都可以寄到这里。