红果短剧海外版改版UI设计

UI/ITERTION/DESIGN/HONGGUOSHORT红果短剧

海外版UI设计基于海外市场分析红果短剧APP

海外出口B2025FORWORD前

言项目背景红果短剧APP是一款在线观看媒体平台，为用户提供先免费观看后收费的短剧。红果短剧在中国很受欢迎，但是在国外市场里暂时未普及。目前app

视

觉

呈现较为复杂，信息密度高，基于海外用户的使用习惯和语境环境与国人不同，我们需要对app的整体ui

视觉上进行改版。DEVELOPMENT

TRENDS行业分析随着互联网技术的进步和电子设备终端的普及，短剧行业目前正处于快速发展阶段。近年来，短剧市场规模和用户不断增长。短剧制作周期短，内容更新快，随着专业影视机构的加入和观众对内容质量要求的提高，精品化趋势明显，跨界融合趋势明显，全球化布局加速。但是也面临着抖音、快手等短视频app的激烈竞争，而且同质化严重，盈利模式相对单一。2

022-2024年中国短剧行业市场变化01DESIGN

BYTEAM行业背景Translation

/

前期

Scheme/

方案Specification

/

规范Vision/视觉2025功能层次层级复杂，用户操作复杂核心操作不够突出，层级复杂，页面信息密度高，不符合海外用户的操作习惯盈利方式单一短剧app主要通过收费观看和广告来盈利，和其他视频app相比收费模式单一视频内容同质化严重高质量内容缺失，缺少高质量用户的引导部分功能缺失部分功能缺失，如投屏、翻译等都是海外用户必需的重要功能交互按钮不够便捷如播放页面的“播放”按钮设置在屏幕左边，不方便用户操作部分功能过于拥挤Researchandanalysis调研分析OLDVERSION

PROBLEMANALYSIS

旧版问题分析一DESIGN

BYTEAM点赞功能和简介介绍板块拥挤，很容易误触更多功能体验较差如分享功能较少，体验感较差部分功能缺失部分功能缺失，如投屏、翻译等都是海外用户必需的重要功能排版拥挤短剧封面花哨，间距和图片也显得过于混乱，三列式显得过于拥挤视觉形式单一首页基本为卡片式瀑布流，视觉形式单一，用户视觉疲劳颜色不统一，缺乏沉浸感以浅色系为主，缺少氛围感，且海外用户大多喜欢暗黑系色调部

分功能缺失部分功能缺失，如投屏、翻译等都是海外用户必需的重要功能产品定位Positioning用

户

以Z世

代

为

核

心.

过算法驱动“无目的刷

视

频

”

场

景

，

弱

化

社

交

关

系

链

，以

内

容

消费为核心，形成“沉浸式娱乐+轻社交”模式产品优势Advantage基于流量池机制(从底层流量池逐级筛选

优

质内

容

)与

用

户

行

为

实

时

反

馈，

实现精

准

推

荐

，用

户

粘

性

极

高风格特点Charateristic竖屏、无封面“裸播”设计，用户零门槛进入内容流，上下划动切换视频，双击点赞等操作极致简化OLDVERSION

PROBLEMANALYSIS竞品分析

一Ti

ktok,全球化短视频社交平台，聚焦碎片化娱乐与即时满足DESIGN

BYTEAM总结：短剧App

需以“算法精准度+本土化内容+轻创作生态”为核心，在TikTok

的娱乐化与YouTube

的深度化之间

找到平衡，抢占移动端“黄金3分钟”注意力，同时规避巨头的内容与政策风险。高质量长视频，吸引专业创作者与机构

入驻，内容深度与制作水准高(如电影

、纪

录

片

)

,

用

户日

均

观

看

时

长

超

9

0

分钟。商业模式成熟，广告(占营收8

0

%

)

与

会

员

订

问

双

驱

动

，创作者可通过广告分成(

CPM)

与会员分账获得收

益横屏为主，适配PC与TV端，强调内容

沉浸感与多任务操作(如边看视频边浏

览

评

论

)功能模块复杂(如播放列表、章节分

段、多语言字幕),适合深度用户但学

习成本较高以“媒体+社区+平台”属性为核心，强调

内容深度与多样性(如教程、影视、音

乐

等

)

,兼顾

PGC

与UGC

生

态，并

通

过广

告

与

会

员

订

阅

构

建

商

业

化

闭

环Youtube,全球化短视频社交平台，全球化综合视频平台，覆盖长视频、中视频、短视频及直播风格特点Charateristic产品优势

Advantage产品定位

Positioning低语境环境受美国文化影响，低语境的呈现方式能够减少

用户的阅读障碍，在欧美，人们通常直接表达

自己的想法和需求，而较少依赖于隐含的、未

明确说出的信息海外用户分析

一DESIGN

BYTEAM在美国，他们崇尚个人主义，他们大多喜欢和

不熟悉的人互动，大多对新鲜的事物有相当程度的包容度。个人主义COLORSPECOFICATION短期主义短期主义是指过分注重短期结果，而忽视长期利益的行为或思维方式。美国市场竞争激烈，市场经济也鼓励人们追求个人利益和最大化收益，这也可能导致人们更加注重短期利益。放纵型美国群众的被扶养长大的方式大多对他们的欲

望克制性较弱年龄：28背景印尼雅加达的全职妈妈，喜欢白天趁孩子

午睡时用平板看家庭伦理短剧反馈希望字幕有印尼语，“现在的英文翻译好

多词看不懂，想和婆婆一起看都不行”反馈：习惯睡前用手机看视频，周末

会和室友用电视投屏看悬疑题材，反

馈app

没有投屏功能06DESIGN

BYTEAMUSER

PORTRAIT用户画像Siti年龄：

22背景美国加州大学生，传媒专业，业余爱好剪

辑短片，运营自己的TikTok

账号反馈习惯睡前用手机看视频，周末会和室友用

电视投屏看悬疑题材，反馈app

没有投屏功能Liam年龄：36背景意大利米兰的自由摄影师，习惯用平板横

屏看历史题材短剧反馈用平板观看操作不方便SophieUSER

EXPERIENCE

MAP

用户体验地图

一想要打发时间或看自己感通过其他渠道的推荐

或他人推荐，发现有

个平台来观看短剧空闲时间看短视用更加专业的软件观看开始寻找能够看短剧的app查找短剧app下载APP,

选择自己喜

欢的短剧观看查找短剧app可以观看更多好看的

相似短剧观看后短剧内容质量高，并开始沉浸式观看观看中功能下，为用户提供更加沉

浸的体验DESIGNBY

TEAM用户粘性，加强短剧质量把平台根据大数据推荐，用Summaryofuserrequirements

用户需求分析USERAPAINPOINTS用户痛点

-DESIGN

BYTEAM官方筛选优质内容官方筛选优质内容，去除同质化内容，多引入新鲜血液，

在首页推荐优质好看的内容分类细致化官方做出更合理，更加有个性化的分类标签，大大提升

用户寻找短剧的效率观看短剧奖励福利通过视频观看时长奖助福利，大大增强用户粘性优化观看界面优化观看界面，强化核心流程，增加用户沉浸感，适应国

外用户使用习惯，简化界面操作难度海外本土化根据对海外用户习惯的分析，在界面操作，视觉风格上

更加偏向海外风格个性化推荐根据用户浏览时长，大数据推荐用户可能喜欢的内容如何解决?Translation

/

前期

Scheme/

方案Specification

/

规范Vision/视觉2025PROJECTBACKGROUND产品定义

一原有红果短剧APP

在国内以“短平快”的内容分发和用户激励模式(如看广告领金币)为核心优势，但海外市场需解决文化适配性、内容合规性、支付本地化及用户增长策略四大问题。改版后的产品需以“全球化框架+区域化深耕”为核心理念，通过以下改动实现从“中国模式复制”到“本土化融合”的

转

型

。DESINOBJECTIVES

设计目标JECTIVESDESIGN

BYTEAMOBJECTIVES适应海外本土操作习惯

UI界面优化文化适配与分级制度业务目标：进入海外市场实现用户增长付费转化品牌认知

合规性提升全球化娱乐生态用户规模和商业价值双增长支付与结算系统本地化区域化运营与社交

裂变机制0104红果短剧的商业模式以“

免费内容+广告变现”为核心，结合平台流量支持、

用户激励策略和多元化盈利探索，形成了一套高效的增长与变现闭环。免费观看与广告收入驱动：用户可免费观看海量短剧，平台通过插入应用内广

告

(

IAA)

实现变现，如贴片广告、信息流广告、剧情植入广告等。平台分成与版权合作生态：利用分账机制、独播策略、

IP

资源整合来吸引用户

留存并增强对版权方的议价能力，降低内容成本并提升生产效率。流量扶持与生态协同：属于字节旗下产品，通过抖音推送短剧切片，用户点击

后跳转至红果App

下载页面，实现精准导流，通过大数据推流留存更多用户。用户激励与社交裂变：用户通过观看广告、完成任务(如邀请好友)获取金币，金币可兑换现金或解锁独家内容。且鼓励用户分享短剧至社交媒体，结

合“分销奖励”机制扩大用户基数，降低获客成本。多元化盈利策略探索：如付费模式试水，早期尝试会员订阅(10元/月),后

转向免费为主，但仍保留付费解锁超前点播等差异化服务，探索付费用户转红果短剧通过“免费内容引流-广告分账变现-生态资源协同”的模式，成功在短剧红海中突围。其核心在于以用户规模换取广告收益，同时借助母公司的流

量与IP优势构建竞争壁垒。未来需在内容创新、付费模式深化及全球化布局中

持续突破，以应对市场变化THE

HOOK

MODEL商业模式

一红果短剧免费观看与广

告收费驱动平台分成与版

权合作生态流量扶持与生

态协同用户激励与社

交裂变多元化盈利探索聚焦垂直短剧(1-3分钟/集),强化剧情连贯性与付费解锁模式，面向女性用户

(

TikTok

短剧热门题材为爱情、复仇、豪需差异化算法(如剧情偏好预测)、轻量创作工具(模板化剪辑)、本土化内容(如欧美狼人题材、东南亚家庭伦理)保留竖屏沉浸感，但增加“剧集进度条”“分集推荐”等功能，平衡碎片化与剧情深度，避免用户疲劳DESINSCHEME

设计方案DeviseSchemeAPP设计方案

-定

位优

势DESIGN

BYTEAM大屏推荐文字搜索言情自动播放点赞/评论/分享短剧简介钻石收益新人福利开宝箱领福利用户名称历史记录设置新剧推荐猜你想搜逆袭复仇搜索日常领福利个人资料点赞分享猜你喜欢语音搜索霸总全屏播放蓝牙短剧选集现金收益看剧领福利粉丝/关注追剧夜间模式推荐搜

索分类播放功能介

绍信息活

动弹

窗主

页功能更多首页短剧福利我的排行榜热搜榜更多更多PRODUCTSTRUCTUERFRAMEWORK

产品结构框架一Translation

/

前期

Scheme

/方案Specification/

规范

Vision/视觉2025#D8944EDesign

Specification

设计规范COLORSPECOFICATION颜色规范11DESIGN

BYTEAM#6CC8EBHarmonyoSSanssc20

18

16

lMedium/Regular/Bold20

18

16

l

l

l14

1214l

·

PT鸿蒙24lDIN24ICOLORSPECOFICATION颜色规范11

9l

PT首页看剧选剧Interactive

Prototype交互原型12DESIGN

BYTEAMREQUREMENT需求标准元素包含：搜索logo交互说明1

)

点

击

搜

索logo

进入搜索界面REQUREMENT需求标准元素包含：“播放记录”弹窗交互说明1)点击“继续播放”按钮，即可根据历史播

放记录继续播放SearchShorts

MoviesGuessYou

LikeShort

Name

CountinuetoplayReward首页REQUREMENT需求标准元素包含：搜素

logo交互说明1)点击搜索logo

进入搜素界面REQUREMENT需求标准元素包含：语音logo交互说明1)

点击语音logo

进入语音搜索功能REQUREMENT需求标准1)元素包含：用小框和文字进行分类2)显示的短剧分类有四个，最右边的展

开按钮可以查看更多分类交互说明1)点击shorts分类进入“shorts”

的分类

页面(其他三个同理)2)

点击展开按钮查看更多分类REQUREMENT需求标准1)元素包含：收藏icon

、播

放icon

、

短

剧名称、短剧视觉海报交互说明1)点击“收藏”图标即可收藏短剧2)点击“播放”短剧即可跳转进入短剧播

放页面2)

点击“播放”短剧即可跳转进入短剧福

放页面GuessYou

Like⑤Shortname

Shortname

Shortname

Type

TypeShorts

Movies

uspe选剧Search9:41

REQUREMENT

需求标准1)元素包含：分类名称、短剧名称、短

剧视觉海报、短剧集数等信息、查看更多1)点击短剧封面跳转进入观看界面2)向左滑即可可查看更多同类型短剧REQUREMENT需求标准1)元素包含：排行榜标识交互说明1)点击短剧封面跳转进入观看界面2)向左滑即可可查看更多同类型短剧3)能清晰看出排名REQUREMENT需求标准Shorts

Name

Shorts

NameMost

Favorited1)

点击不同日期显示不同日期即将退出2)向左滑即可可查看更多即将上映的短3)点击预约按钮即可预约短剧New

Series

Every

SaturdayNewReleaseShortsReward1)点击退出按钮即可退出视频规看REQUREMENT1)元素包含：礼物图标、进度条1)

点击礼物图标可领取奖励2)进度条显示礼物累计的进度看剧9:41REQUREMENT需求标准钮、“搜索”按钮、“更多”按钮ShortsName

>1)元素包含：礼物图标、进度条●首页一屏●

首页banner●播放记录●

搜索功能●

大

数

据

推

荐Interactive

Prototype

交互原型DESIGN

BYTEAM●短剧观看界面ShortsNameFuluxiacjinwt

engnsytronaweatytary.wfasee

beng.Moce4.12X●短剧观看界面(清屏状态)941●

短剧基本信息介绍●

相

似

短

剧

推

荐★

MyList评

论

区Watchthe

drama

and

gotdiamonds●

每日任务和奖励●每日任务和奖励●福利数据显示wil

be0.3dollarsTAB

栏

基础ICONA

见lcon

Specification图标规范14DESIGN

BYTEAM导航栏区域图标位于底部，该区域的图标整个APP页面主要操作考虑到图标的统一性和识别性，未选中的状态采用线性，选中状态则

为主体色相同的橙色和青色渐变绚丽多彩，更适合我们APP的品牌调性Translation

/

前期

Scheme/

方案Specification/

规范

Vision

/

视觉2025da

w

eaudns

aew

R0%

4pes

bLw6aY!7no人

ssangpuuuraMoreLike

This Surper

MarioDailybenefitswillJbeb

3doallrasrs

ialtbc

t

m

lmla

iatedly

and

itinowWCongratulationsongetting360diamonds

tc

i