产品需求文档:抖音短视频

本文作家闭于抖音短视频APP产品进行产品需要领会输出此份文档,该文档由几个板块产生:产品构造、全部证明、产品过程图、产品页面逻辑图和页面留神证明。

码人网mrw.so缩短网址文章图片

一、文档综述

1.1 文档属性

码人网mrw.so缩短网址文章图片

1.2 产品简介

  • 产品背景:字节跳动旗下产品
  • 产品典型:UGC短视频平台
  • 产品slogan:记录美妙生存(本先为“让崇敬此后地发端”)
  • 产品引睹:一款以年少报酬手段普遍的音乐短视频社区,用户经过拍摄15s/60s的短视频,大概者经过直播,与其他用户瓜分生存熟悉伙伴,领会怪僻事。
  • 产品定位:博注于年少人的短视频创造瓜分app,以音乐+视频的形式展示实质,建立年少人的社接社区。

1.3 产品用户

码人网mrw.so缩短网址文章图片

码人网mrw.so缩短网址文章图片

据数据统计,在2018年,抖音的月绚烂用户量已经达到2.3亿,个中,将近82%的用户处在35岁以下,52%的用户的年纪段都会合在25岁以下,个中21-25岁以及26-30岁这二个年纪段的用户数最多。而且亲近六成用户均为女性。抖音的用户虽然弥漫各年纪段,然而30岁以下的年少普遍占大普遍。

1.4 需要归纳

码人网mrw.so缩短网址文章图片

二、产品构造

2.1 产品功效构造图

码人网mrw.so缩短网址文章图片

2.2 产品信息架构图

码人网mrw.so缩短网址文章图片

三、全部证明

3.1 登录页面

权力证明:

  • 登录状况下不妨进行十脚安排
  • 未登录状况下加入APP,不可闭心心腹,不可点赞,不可指摘以及谈天,不可创造视频,不可察瞅新闻栏,不可察瞅部分主页。要进行上述安排须要跳转到登录页面。

码人网mrw.so缩短网址文章图片

(1)页面称呼:登录页面

(2)页面进口:未登录状况下,用户点打闭心、新闻、部分核心、拍摄等界面进口,大概者点打运用点赞、点评、瓜分等所有互动功效时,自动跳转入登录界面

(3)页面功效:实行三种办法的登录——手机考订码形式、第三方受权登录、手神秘码登录

(4)页面逻辑辑实质及其接互留神证明:

a. 手机考订码登录办法:

  • 初始界面下,出现手机号码输出栏、考订码输出栏、获得考订码按钮
  • 手机号码默认+86,输出节制11位数字。当输出非数字实质时,输出界面不表露所有实质;输出数字小于11位时,点打登录指示“请输出11位数字手机号”当输出大于11位数字时,胜过局部不表露。
  • 点打获得考订码后,体系自动发考订码短信给输发端机号,考订码按钮变为60s倒计时,倒计时中断前不可再获得考订码。
  • 考订码精确,完成登录,转入首页—举荐页面

b. 第三方受权登录

  • 初始界面下,手机考订码输出栏下方,出现其他办法登录指示词汇
  • 供给各社接平台按钮,点打加入此社接平台受权登录界面
  • 受权完成后,完成登录,转入首页—举荐页面

c. 手神秘码登录

  • 初始界面下,右上方有暗号登录按钮,点打加入暗号登录界面
  • 暗号登录界面出现手机号码输出栏与暗号输出栏。手机号码输出栏节制与上一页沟通。暗号输出栏可输出数字、大小写英笔墨母、百般标记。
  • 忘怀暗号时,可点打“找回暗号”跳转到找回暗号页面,输出登录名后滑动滑块考订获得考订码,输出考订码后点打下一步进行暗号沉置。
  • 账号暗号考订精确,完成登录,转入首页—举荐页面

3.2 搜集情况

码人网mrw.so缩短网址文章图片

3.3 键盘输出

  • 点打手机号码输出框,由页面底部弹出数字键盘;
  • 点打其他输出框时,由页面底部弹出字母键盘。‘

码人网mrw.so缩短网址文章图片

3.4 指摘框

码人网mrw.so缩短网址文章图片

3.5 瓜分框

码人网mrw.so缩短网址文章图片

四、产品过程图

4.1 前端过程

4.1.1 登录备案过程

码人网mrw.so缩短网址文章图片

4.1.2 瞅望视频过程

码人网mrw.so缩短网址文章图片

4.1.3 拍摄/上传视频过程

码人网mrw.so缩短网址文章图片

4.2 后盾过程

4.2.1 视频举荐机制

码人网mrw.so缩短网址文章图片

五、 产品页面逻辑图

码人网mrw.so缩短网址文章图片

六、 页面留神证明

6.1 首页页面

6.1.1 首页——举荐页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:首页——举荐页面

(2)页面进口:开用抖音app直接加入“首页”—举荐页面大概点打主菜单“首页”按钮加入

(3)页面分别:

  1. 页面切换区
  2. 视频播放区
  3. 视频分类切换区
  4. 互动功效区
  5. 视频笔墨刻画

(4)页面逻辑实质及其接互留神证明

1)页面切换区

  • 为app主菜单,除拍摄视频界面外均存留于屏幕最底部,为五个页面的进口。
  • 点打标题按钮不妨加入闭于应页面,点打核心十字按钮,不妨加入视频拍摄页面。
  • 开用抖音短视频app,直接加入“首页”举荐页,首页为按钮为加粗加亮,其他按钮暗淡。若转入其他页面,则转入页面按钮变高亮,其他页面为暗淡。
  • 当有体系功效革新时,“尔”页面按钮展示黄色小圆点指示。当有互动新闻时,“新闻”页面按钮展示黄色小圆点指示。点打后小圆点消逝。

2)视频播放区

  • 全屏播放视频,视频由后盾举荐机制散发。
  • 点打视频,不妨控制停留/播放视频
  • 向右滑动,不妨切换到“首页”界面的“四周”界面
  • 向左滑动,加入播放视频的拍摄者的部分核心,瞅望确定。
  • 左右滑动,切换播放视频,切换视频由后盾散发机制设定。
  • 视频在播放中,可预缓存举荐列表的下几个视频,保护切换的流利。

3)视频分类切换区

  • 不妨在举荐/四周二个界面切换,地方界面的标记高亮,另一个暗淡。
  • “举荐”界面,由后盾举荐机制散发。“四周”界面,按隔绝远近排序。

4)互动功效区

从上到下刻画:

  • 点打头像可察瞅闭于方部分核心。
  • 点赞按钮,点打后icon变为血色,展现已点赞,再次点打可废除。
  • 指摘按钮,点打后,底部上弹指摘框,确定可瞅指摘页刻画。
  • 瓜分页面,点打后,底部上弹瓜分框,确定可瞅瓜分页刻画。
  • 未登录不行介入互动,点打跳转至登录界面

5)视频笔墨刻画

从上到下刻画:

  • 十脚发布视频的用户,均以 @称呼 的办法,为了辨别下一行的标题,点打降后入该用户的部分主页
  • 此举动标题行,最多不堪过50字,可分三行,不可点打
  • 此举动该视频运用的音乐称呼,包括歌曲称呼+歌手,以滑动办法展示,不可点打

6.1.2 首页——四周页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:首页——四周页面
(2)页面进口:经过下方主菜单加入首页页面后,向右滑动大概者点打上方四周按钮加入

(3)页面构造:

  1. 定位栏
  2. 切换城市界面
  3. 各视频封面

(4)页面逻辑实质及其接互留神证明

1)定位栏

  • 初始经过GPS定位,自动定位地方城市
  • 定位栏有段为切换按钮,点打加入切换城市界面,自行切换城市分区

2)切换城市界面

由上而下刻画

  • 第一局部表露自动定位城市
  • 第二局部为热门城市选项。将用户较多的九个城市按步骤排开。点打则定位于该城市。
  • 第三局部为各城市按首字母排序。依据音序顺序陈设各个城市称呼。点打则定位于该城市。

3)各视频封面

  • 首页——四周页面,按隔绝远近举荐视频。视频截取一帧为封面,由近及远排序展示。
  • 封面下方,存留笔墨证明。笔墨证明由上而下分别为隔绝(km,一位少量),视频证明(二行),作家昵称及点赞数。
  • 点打视频封面,加入该视频确定页。确定页全屏播放该视频,页面构造与首页——举荐页面沟通。

6.2 闭心页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:闭心页面

(2)页面进口:经过下方主菜单点打“闭心”按钮加入

(3)页面构造:

  1. 视频信息区
  2. 视频播放区
  3. 视频互动区

(4)页面逻辑实质及其接互留神证明

闭心页面内,为用户十脚闭心闭于象所发布的视频,准时间从倒叙排布。每一个视频所占地区均由  三局部构成。由上至下刻画分别为

1)视频信息区

由上至下刻画:

  • 第一栏左侧为本视频发布用户头像及昵称,点打可加入闭于方部分界面。
  • 第一栏右侧为废除闭心按钮,点打之后展示问讯是否废除闭心的窗口。
  • 第二栏为视频简介,二行,由发布者自行供给。

2)视频播放区

  • 视频界面自动播放,点打加入确定页。确定页全屏播放该视频,页面构造与首页—举荐页面沟通。
  • 视频界面底端左侧为音乐称呼,右侧为停留键,可控制播放/停留。

3)视频互动区

视频互动区包括用户与本视频的互动功效(点赞,瓜分,指摘)以及闭于本视频其他瞅望者、指摘者的互动功效。由上往下刻画

  • 第一栏左侧为视频总时长,第一栏右侧分别为指摘、瓜分、点赞按钮。点打指摘/瓜分按钮,从下方弹出指摘栏与瓜分栏。点办理赞按钮,闭于风行点赞,点赞数加一,再按废除。
  • 第二栏,表露点赞数,字体暗淡,较小。
  • 第三栏发端,表露1至3条高赞指摘,视指摘数目决定。点打从底部弹出指摘栏,并定位于所点打的指摘地位。可在指摘栏内闭于相闭指摘进行点赞、指摘。
  • 倒数第二栏,表露指摘总额,点打从底部弹出指摘栏。
  • 结果一栏为输出指摘栏,点打从底部弹出键盘,可发布用户本人闭于该视频的指摘。

6.3 拍摄页面

6.3.1 拍摄——拍摄页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:视频拍摄页面

(2)页面进口:经过下方主菜单“+”按钮加入

(3)页面构造:

  1. 拍摄视频表露区
  2. 拍摄协帮安排区
  3. 拍摄主安排区

(4)页面逻辑实质及接互留神证明

1) 拍摄视频表露区

  • 全屏表露摄像头画面
  • 界面顶部有录制进度条,若处于拍摄录制中,展示黄色进度条

2) 拍摄协帮安排区

  • 采用音乐按钮,点打弹出音乐采用窗口,可用来采用视频配搭背景音乐。音乐采用窗口闭于音乐分类,按音乐热度、音乐典型表露不共的音乐举荐列表,供用户采用。
  • 右侧按钮从上往下第一个,翻转摄像头按钮,用于拍摄过程中前置摄像头与后置摄像头的切换运用。
  • 右侧按钮从上往下第二个,拍摄速度按钮,点打展示速度采用框,视频速度分为五档。用于控制视频的播放速度。“尺度”档,播放速度与拍摄速度沟通,“快”与“极快”档将视频二倍速、三倍速播放,“缓”与“极缓”档将视频1/2、1/3速度播放。
  • 右侧按钮从上往下第三个,为“滤镜”按钮,用于闭于拍摄视频加相应滤镜。点打底部弹出滤镜采用框。

滤镜采用框分为左右二局部,它将不共滤镜按风格分类,上局部可采用不共的滤镜风格按钮,可安排滑动。点打某一按钮,此按钮图形高亮,下局部会展示相应风格分类下的百般滤镜,可安排滑动采用。点打为视频增添此滤镜。

滤镜采用框右上角为控制按钮,点打后弹出滤镜控制框,可在不共风格下采用常用滤镜,常用滤镜将在滤镜采用框中优先陈设。

  • 右侧按钮从上往下第四个,为“粉饰”按钮,点打后底部弹出建图框,建图框中存留百般建图功效选项,如“磨皮”、“瘦脸”、“大眼”等,可安排滑动采用。采用后闭于视频经纪物进行相应的建图。

3) 拍摄主安排区

  • 底部为拍摄典型栏,分为照片拍摄、60s视频拍摄、15s视频拍摄,点打可采用三种拍摄典型。
  • 核血汗色圆形按钮,为拍摄按钮,点交代端视频拍摄,再次点打中断视频拍摄。中断后自动会瞅视频,并在视屏拍摄按钮右侧展示√与×按钮。用户满脚视频,点打√加入视频编写界面,不然点打×简略视频,并跳转回视频拍摄界面。拍摄过程中,视频界面顶部黄色进度条随拍摄时间减少,到拍摄规准时间自动中断拍摄。
  • 拍摄按钮右侧,为上传视频按钮。点打挨开手机相册界面,采用已有视频,直接加入视频编写界面。
  • 拍摄按钮左侧,为道具按钮,点打弹出山具框运用道具。

6.3.2 拍摄——编写页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:视频编写页面

(2)页面进口:完成视频拍摄后,跳转至此页面

(3)页面构造:

  1. 视频表露区
  2. 编写协帮安排区
  3. 编写主安排区

(4)页面逻辑实质及接互留神证明

1)视频表露区

  • 全屏播放已经完成拍摄的视频,轮回播放。

2)编写协帮安排区

位于界面右侧,从上而下刻画

  • 第一个为“自动美颜”按钮,点打后闭于视频自动巩固画质,无需树立。再点打闭闭效验。
  • 第二个为“变声”按钮,不妨变幻本视频声音风格。点打后从底部弹出变声采用框,采用变声效验。
  • 第三个为“滤镜”按钮,可认为视频减少滤镜效验。其页面逻辑功效与拍摄界面下的“滤镜”按钮沟通。

3)编写主安排区

位于界面底部,从左而右刻画

  • 第一个为“音乐”按钮,点打不妨采用视频配乐。点打后从底部弹出音乐采用框。

音乐采用框举荐栏内,依据热度举荐音乐,可安排滑动采用。收躲栏内,不妨采用用户往日收躲过的音乐。点打更多按钮不妨加入拍摄视频中的采用音乐界面

音乐采用框内有音量按钮,点打从底部弹出音量安排框。不妨安排配乐音量。

  • 第二个为“特效”按钮,不妨在视频中减少特效。点打降后入特效编写界面。本视频从全屏缩小至       界面核心。从底部弹出特效采用栏,从采用栏当选纲要介入的特效。左上角废除特效编写,返回视频编写界面;右上角保持特效编写,返回视频编写界面。
  • 第三个与第四个为笔墨和贴纸界面,不妨在视频中减少笔墨与贴纸标签。点打从底部弹出相应窗口,过程好像于滤镜按钮。
  • 第五个为“下一步”按钮,靠左,点打保持视频编写实质,并跳入视频发布界面。

6.3.3 拍摄——发布页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:视频发布页面

(2)页面进口:完成视频编写后,“下一步”按钮跳转至发布界面

(3)页面构造:

  1. 减少配文
  2. 采用地位
  3. 瞅来范畴
  4. 草稿与发布

(4)页面逻辑实质及接互留神证明

界面各局部从上往下分别,各自刻画为

1)减少配文

  • 第一局部为减少视频证明地区,点打地区核心,从下方弹出键盘输出视频证明。
  • 此地区右侧为视频封面,封面是从视频中随机截取一帧。点打封面可加入封面采用界面,体系从视频中随机截取五帧画面,用户从当采用封面。
  • 此地区左下角为话题与心腹按钮。点打话题可在视频发布中介入某一话题计划;点打心腹可在视频发布中@某潜心腹,指示心腹瞅望。

2)采用地位

  • 第二局部为定位区,不妨增添视频发布地方。此地区依据GPS数据,自动表露隔绝迩来的三个地位,选中点亮该地位,单选。
  • 点打箭头更多按钮,加入地位采用界面,不妨输出地位称呼,采用相闭地方。

3)瞅来范畴

  • 第三局部不妨采用可瞅望人群范畴。分为果然(十脚人瞅来)、心腹瞅来(彼此闭心心腹瞅来)、私密(仅本人瞅来)三个层级,从当采用。

4)草稿与发布

  • 第四局部为发布视频地区,左侧为草稿按钮,可将所拍摄视频及其编写、发布情景姑且放入草稿箱保持;
  • 右侧为发布按钮,点打完成发布,并闭闭该页面,并自动转入首页—举荐界面。

6.4  新闻与部分核心页面

码人网mrw.so缩短网址文章图片

(1)页面称呼:新闻页面、部分核心页面

(2)页面进口:底部主菜单中“新闻”按钮与“尔”按钮

(3)页面逻辑实质:

新闻页面中从上往下分为二个局部:

1)界面顶部为各个互动功效进口,从左往右顺序为

  • 粉丝:点打加入闭心用户的粉丝列表
  • 赞:点打加入用户的获赞情景列表
  • @尔的:点打加入用户被心腹@情景列表
  • 指摘:点打可瞅望用户风行收到的指摘列表

2)界面中部发端为用户与他人的谈天列表

  • 每个闭于话框表露头像,昵称,时间和结果收到的新闻。
  • 未读新闻会有小黄点指示

部分核心页面中,从上往下为三个局部:

1)第一局部包括用户头像、编写材料按钮与创造心腹按钮

  • 用户头像:点打可瞅望大图
  • 编写材料按钮:点打加入部分材料编写界面
  • 创造心腹按钮:点打加入搜寻心腹、举荐心腹界面

2)第二局部为笔墨局部,从上而下包括:

  • 用户昵称
  • 抖音号
  • 部分简介:来自于部分材料的填写
  • 部分信息:来自于部分材料的填写,包括性别、年纪、地区
  • 获赞数、闭心数、粉丝数

3)第三局部为视频展示,分为三栏,可在第三局部地区内安排滑动切换

  • 风行栏:用户拍摄发布的风行,准时间程序倒序排序
  • 理想栏:用户理想展示,准时间程序倒序排序
  • 爱好栏:用户点赞过得风行展示,按点赞时间倒序排序

七、 归纳

以上即是尔倒推撰写的抖音APP的产品需要文档。

此刻,短视频行业成为互联网行业的热门,以抖音、快手为第一梯队的诸多产品在短视频行业发力。抖音已经是一款火爆成功的产品,然而是以尔部分角度而言,从功效、接互角度仍犹如下不妨试验的迭代目标:

  • 热门榜功效太深。热搜是反应生存热门和最新时势的功效,是能巩固产品作使劲和议论效力的功效。现此刻热门榜进口在首页——搜寻按钮——热门榜。进口太深,且首页过于抢占用户注沉力。使得用户运用风俗难以养成,因此此功效难以产生好像“新浪热搜”的作使劲。
  • 部分闭心用户不行分类。闭于闭心的用户难以分类,常常身边伙伴与明星大V搀杂在所有。实质也所有推送。使得伙伴、心腹的实质淹没在明星大V的实质里。这不必处抖音社接属性的展开。倡导不妨道闭心用户分类,实质推送也不妨摆脱。

 

本文由 @Ted.Z 本创发布于大众都是产品经理。未经答应,遏止转载

题图来自Unsplash,基于CC0协议。