在今天的文章里,我想尝试下为网易云音乐增加一个发布短视频的流程,目前的网易云音乐的视频发布流程依然采用的是发布已拍摄好的视频作品,而且编辑功能也并不是特别的完善,所以想看看能不能结合同类型竞品的功能点作为参考,也为网易云音乐设计一下适合它的短视频发布流程~
一、产品简介网易云音乐
产品名称:网易云音乐
产品介绍:网易云音乐是一款由网易开发的音乐产品,是网易杭州研究院的成果,依托专业音乐人、DJ、好友推荐及社交功能,在线音乐服务主打歌单、社交、大牌推荐和音乐指纹,以歌单、DJ节目、社交、地理位置为核心要素,主打发现和分享
产品slogan:音乐的力量
产品定位:音乐社交
二、用户场景1. 目标用户(1)学生群体:活跃度高,时间充裕,同时追求时尚,喜欢互动和展示,喜欢新鲜事物
(2)年轻白领:有一定工作压力,时间较碎片化,在日常的工作中需要消遣和音乐对心灵的慰藉
(3)音乐从业者:包括艺人、词曲创作人、DJ、乐评人、独立音乐人等,其中不乏行业大佬,这些人对音乐质量的要求较高
(4)行业精英:多为高收入人群,事业成熟稳定,喜爱音乐更或是资深CD收藏者,追求小众风格
2. 典型场景典型场景
三、所设计的流程图结合用户分析以及相关竞品分析(略),绘制了以下的交互流程图:
流程图
四、交互设计稿基于上述的流程图想法,采用Axure进行了绘制
1. 上传视频流程上传视频流程1
A1. 登录系统后将会显示个人信息,包括用户名等
B1. 点击“云村”模块中的“发布”icon,来发布自己的内容
C1. 点击“发布”icon后,icon会旋转45度, 号变成x号
C2. 同时icon下方的页面会覆盖一层半透明遮罩,凸显“发布”icon等相关内容
C3. 同时地,会在“发布”icon上显示出三个“子发布”icon,分别为“发图文”、“发视频”、以及“拍摄”,在此流程中点击选择“发视频”
上传视频流程2
D1. 点击“发视频”icon后,会进入视频选择页,可以在此页面选择想要发布的视频
D2. 通过下拉选项可以选择视频的分类(如果事先在手机中给视频文件进行分类的话)
E1. 选择视频后就进入视频裁剪页,所选视频会显示在手机屏幕的正中央
E2. 视频下方会有一个编辑条,通过拖动左右端点来选择视频的起始点与终点
E3. 系统会实时输出左右端点拖动后的视频时长
E4. 操作全部完成后可以点击下一步,进入到视频发布流程
2. 拍摄视频流程拍摄视频流程1
A1. 登录系统后将会显示个人信息,包括用户名等
B1. 点击“云村”模块中的“发布”icon,来发布自己的内容
C1. 点击“发布”icon后,icon会旋转45度, 号变成x号
C2. 同时icon下方的页面会覆盖一层半透明遮罩,凸显“发布”icon等相关内容
C3. 同时地,会在“发布”icon上显示出三个“子发布”icon,分别为“发图文”、“发视频”、以及“拍摄”,在此流程中点击选择“拍摄”
拍摄视频流程2
D1. 屏幕中间显示所拍摄的画面
D2. 通过美颜icon会自动为人像进行美颜操作
D3. 通过滤镜icon会自动为画面加上一层滤镜
D4. 通过翻转icon会切换手机的前置与后置摄像头
D5. 通过选择下方的“视频”与“照片”菜单栏,可以切换摄影或者是拍照操作
D6. 等到前述操作都确定后,点击开始拍摄icon会进入正式拍摄阶段
E1. 当开始正式拍摄后,画面中的多余icon会自动隐藏,同时画面中央会显示所拍摄的画面
E2. 开始拍摄的icon会变换成结束拍摄icon
3. 视频发布流程视频发布流程1
A1. 当进行玩视频选择的操作后,接下来会开始进行视频编辑的操作,视频会显示在屏幕中央
A2. 下方会显示三个icon选项,分别为“添加配乐”、“添加视频内文字”以及“添加特效”
A3. 等到视频编辑操作结束后,点击“下一步”进入视频发布的页面
B1. 首先看一下“添加文字”的操作,如不想保留此次操作可以点击“取消”来回到上一步的视频编辑页面
B2. 通过效果选择以及键盘输入后的文字会显示在此区域,输入完成后可以通过触控拖动的方式将文字拖动道理想的位置
B3. 在这里可以选择输入文字的字体、段落以及预设的文字样式
B4. 在这里可以选择输入文字的颜色
B5. 等到“添加文字”操作完成后,若想保留此次操作,则点击完成进行保存
C1. 再来看一下“添加音乐”的操作,如不想保留此次操作可以点击“取消”来回到上一步的视频编辑页面
C2. 屏幕中央显示视频预览,添加音乐后可以在此观看效果
C3. 通过搜索可以搜索心仪的音乐
C4. 点击目标歌曲后,系统会将音乐加入进视频
C5. 如果没有心仪的音乐可以通过上传来添加自己的音乐文件
C6. 剪辑可以自行选择目标音乐起始位置与终点位置
C7. 通过点击音量选项可以调整音乐的音量大小
C8. 等到“添加音乐”操作完成后,若想保留此次操作,则点击完成进行保存
视频发布流程2
D1. 最后来看一下“添加特效”的操作,如不想保留此次操作可以点击“取消”来回到上一步的视频编辑页面
D2. 屏幕中央显示视频预览,添加特效后可以在此观看效果
D3. 通过进度条可以选择视频特效想加入的位置
D4. 选择目标特效
D5. 不同的特效库中包含了不同的效果
D6. 等到“添加特效”操作完成后,若想保留此次操作,则点击完成进行保存
E1. 此页面为封面选择页,是在上一页视频编辑页的下一个步骤,也是视频发布前的步骤,屏幕中央显示视频预览
E2. 通过拖动进度条来选择视频定格处的图片,将之作为视频封面进行发布
E3. 当封面确定后点击下一步进入视频发布页面
F1. 接下来进入视频发布页面,此模块为编辑好的视频,点击它可以对视频进行预览
F2. 此部分为输入的文字区域,可以包含对视频的介绍等文字
F3. 通过此部分可以选择参与的主题
F4. 通过此部分可以定位
F5. 等一切都完成后点击发布则完成流程
完稿时间:2020.1.28
,