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

0.0%

活跃付费关系对数

0.0%

10+成员付费关系对

0.0%

亲密度提升成员数

关系对的活跃和付费粘性有一定提升

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