w rk
work : )
work^_^
work
work
2025
uiux
work
work
tiktok’s
(
(
(
(



Streamer
CRM
主播关系管理能力
Tiktok Live 主播关系管理能力
项目背景
经调研了解,Tiktok中下部主播无专业经纪团队,只是依赖本能和记忆力与观众互动,关系运营能力弱。
基于主播有经营关系的诉求,但缺少足够简单好用的工具的现状,我们希望去设计主播侧的关系管理系统。
目标
提供并沉淀主播和粉丝的关系信息,方便主播管理。
帮助主播运营关系,促进关系的转化与留存。
关系管理
主播
粉丝
记录粉丝信息
和关系时刻
使用信息
与粉丝互动/庆祝
达成目的:
促进关系的转化与留存
挑战
调研了海内外直播产品,我发现并没有产品做过相似能力,可参考性少。在直播场景中,如何兼顾页面效率和关系的情感化传达,是设计上的难点。
布局原则
基于直播中的特殊场景,主播注意力有限,信息查看为主要需求,快速记录为次要需求。我做出以下设计策略:
将页面结构尽量简化,提高屏效和查看效率。
用户信息仅使用标签形式,减少主播思考过程。并且标签的兼容性较强,既满足多类型的内容,又能提供快捷记录入口。
最后在整体保持简洁的基础上,排版在纪念日等处保留设计感,避免过于工具化。
高效查看
Easy Viewing
直播场景+关系管理
Live + CRM
快速记录
Quick Notes
多兼容性
Flexible Layout
弱工具化
Human-Centered
简化页面结构
增加情感化结构和表达
记录
多能力标签
只用
“ tag”

我们的 “关系”
强化的陪伴天数,以及交叉的两个头像
点明这是个关系页面,植入心智
粉丝标签
个性化标签,记录了解到的粉丝信息
一个形式兼容多类型信息,显化记录入口,减少决策成本
优先信息查看,保证信息获取效率
关键事件
关系中的重要时间+事件
对日期进行特殊设计,增加纪念日仪式感,减少页面呆板
默认展示〈加团 / 首次送礼〉等重要时刻,加深情感连结
去繁
存 简
与产品多次讨论,精简信息,删减模块,选择最合适的结构
让记录关系,变得简单
便签形式
记录门槛高,形式复杂
图表形式
非关系重点信息,理解成本高
日记形式
记录门槛高,以今日为维度,信息受限



情感化传达
中下部主播对关系认知较薄弱,为了提高认知,我们希望在页面的头部,营造和粉丝的关系氛围,打造有温度的页面。
颜色
暖色调+明亮度
color
形状
柔和+无攻击性
shape
塑造有温度的页面
Create a Warmer Interface
难点:如何可视化“关系”?
如何用视觉去表示关系,并在关系递进和到达节点时,保持视觉的统一表达,是当时需解决的问题。对此我进行了方案探索:
方案1 · 抽象图形
提取抽象图形,用相交的圆结合波纹,表示关系的连结
两个相交的圆
代表主播&粉丝
扩散涟漪
连接、互动、共振

体现关系的 递进
Relationship Growth
通过颜色和波纹的递增,呈现关系的加深
颜色递进:画面越来越暖,体现浓度越来越深
元素递进:波纹增加,共振荡起更多涟漪
关系较浅 · 初见
关系偏深 · 回响
关系较深 · 共振涟漪
特殊关系 节点
Special days
加团纪念日 · 共庆
用户生日 · 祝福


营造庆祝氛围 + 延续一致的抽象图形
动态辅助
增加庆祝氛围
方案2 · 质感插画
心形、花朵
爱、守护、支持
插画纹理
作为背景纹理,进行插画设计
💛
🌸
关系较深 · 盛放
关系偏深 · 生长
用户生日 · 祝福
关系较浅 · 播种
加团纪念日 · 共庆
随着关系递进,颜色变暖,画面丰富度增加,关系的“花园”愈发成长


* 因画面较复杂,维护成本高,最终不进行采用




提取“关系”的相关图形,作为插画纹理,表示关系的连结
交互 细节
Interaction Details
添加 标签
Add tag
添加 纪念日
Add special days

标签:输入前灵感提示
纪念日:输入前提示
输入tag
输入事件+时间
已输入:快速管理和删除
已输入:支持再编辑





新手 教育
Beginner Guide
分步引导,降低理解成本

01 引导使用标签,管理关系
02 介绍纪念日,维护关系
03 教育功能入口,点击马上开始


数据 报告
Data report
活跃付费关系对数
10+成员付费关系对
亲密度提升成员数
关系对的活跃和付费粘性有一定提升
Projects
其它 => 项目展示 #
=>
(
(
(
(
m re
more =>
more ++
more
more
2025
uiux
more
more
webapp fanclub
主播中心粉丝团功能


Tiktok webapp
粉丝团功能

设置伴播工具
伴播页面
实时信息
Interaction
o
o
c
pilot
伴播工具

Team challenge
团挑战玩法
团挑战进度
挑战详情页
展示贡献者


Increase
Awareness
Ranking
提高人气榜认知

榜单排名提示
TOP20上榜荣誉
TOP10热搜奖励



Webapp Match
web端Match功能
(
(
(
(
e d
end !?
end
end
e
en
end
end
end
end
end
end
00
end
:)
thanks f^o^r watch