赞助商
立即赞助

用10分钟,向你展示QQ团队短视频的完整设计过程

产品经验3年前 (2021)发布 流光
2.4K 0 0

作者将向你展示 QQ团队在打磨短视频拍摄的思考和经验沉淀,展现一个整的设计过程。

文章概述

短视频产品成为年轻户社交娱乐的场景,QQ 在短视频社交的耕耘过程中,打了丰富的发表,户更方的记录生精彩瞬间,同时更方的与好友互,今天我们对设计过程进行复盘,将过程难点与设计思路从建构、设计切入、设计亮点引入、设计亮点深挖简述供各位参考。

用10分钟,向你展示QQ团队短视频的完整设计过程

发表能力建构

1. 质化竞争突围

发表能力构从最轻发表成本以及最多发表回馈两个维度做铺陈,构了除了摄以,轻量主观表文视频,不受时空与题材影响发表动影,勾引起共参与及话题游戏,最多社交参与感问答等发表能力等四发表。打造轻量发表成本文视频可以确保发表量足够,以解决发表量与观看量不等问题,在小游戏与问答等发表,除了可以造社交场景以,创新玩法也能与竞品开异,在众多短视频品具有自身特色。

用10分钟,向你展示QQ团队短视频的完整设计过程

然而单纯发表能力异容易被模仿,能够保持自身优势与特色时十分短暂,立起与用户情感上连接可以有效加深用户服务认可以及归属感。举个例子,前段时笔者至上海出数日,意料份小礼物却促使我成为该酒店常客,这证明了立情感连接确实可以成为与业质化竞争时不突围。

用10分钟,向你展示QQ团队短视频的完整设计过程

设计切入角度

1. 建立情感连接,是视频设计「双面」的一面

参考诺曼的理论,情感化设计分为能,行为,反思三个面。在打造视频工具的程中,满能的外观愉悦以及确行为程的顺畅属基要求,以参照去设计工具的手法,证架构流程界面反馈每一节的使用效能和低理成,而反思的范畴则与内容相关。为视频内容而设计,需要将用户的经验,喜,文化转化成特殊符号,以触及情感连接最重要的反思节。

用10分钟,向你展示QQ团队短视频的完整设计过程

用户与产品接触的程按时间展开分为初次接触、逐渐、熟悉依赖三个阶段,若在每个阶段能与用户持情感连接,必能逐步加深用户印象,达到竞争差异化的目的。下文两个案例演示我们何在引期和成长期选择合适触点,定相应设计策略和方案,从而达到此目的。

设计亮点引入

唤情感,拉近与用户的距离。

为了让用户更主动地发表相册视频,QQ队在集发表模块上规划了智能相册的能力,借助用户回忆塑造超符号,把用户的亲身经历产品功能建立系,提高使用愿。在集的引导步骤中,寻找宜的契机,把零散的照片按定线索重新组织,经过心包装以回忆墙的方式重新呈现给用户。

影功能新装:

用10分钟,向你展示QQ团队短视频的完整设计过程

  1. 场搭建

QQ 经授权后访问户相册,时间和位置线索聚类算法对照片归类,产生与特定场景联的照片组,再图像识别技术从照片组中精特定 n 张合成视频,为后续情绪升级埋基础。

用10分钟,向你展示QQ团队短视频的完整设计过程

  2. 意境传

为视频搭配转音是主要增色段。

转场效设计要以情绪传为目,过渡动画和快慢节奏灵活搭配打造大片质感,叠加细节特效让画生动不僵硬。

用10分钟,向你展示QQ团队短视频的完整设计过程

用10分钟,向你展示QQ团队短视频的完整设计过程

在配标准上,基于用户习惯推导,晰景 + 节奏的音选择维度。

用10分钟,向你展示QQ团队短视频的完整设计过程

转和音的挑选需贴景征。在「聚会」景中,计选用翻转重组的效果传递欢快愉悦氛围,曝光和光晕细节可以模拟真实光效果。「往年今日」则表现出安静氛围,沉浸的复古滤镜和低调的叠黑效果让情绪表达含蓄收敛,涟漪波动仿若光倒流。

用10分钟,向你展示QQ团队短视频的完整设计过程

  3. 捕捉时机,宣传专属忆

信息架构层的设使用卡片横滑的方式,一方面可以暗喻时光隧道,另一方面考虑到卡片比其他尺寸的缩略图陈列交互行利于突出视频的优势。

用10分钟,向你展示QQ团队短视频的完整设计过程

4. 案例回顾

我们采用情感符号引导发表策略,到数据支撑,影发表量和发表转化率均有明显提升。经过市场比,QQ团队在影功能规划和体设计理念上占据了优势位。

设计亮点深挖

打造情感体验峰值,强化用户印象。

任何体验中,都应该重视体验过程中的感峰,如同丹尼尔卡曼,体验产品时能够被记住的只峰与终的体验,我们智能相册的环节之中建立起与用户感的链结,链结后的感峰,则选择低发表本高发表频率的文字视频中深挖,让体验感的峰高频率的场景中发获取高的投入回馈。

  1. 过程波折

文字视频上线后发现用户发表愿未达预期,症结在于其过程缺少能激发用户主观愿表达的情绪触发点。提出个优化思路:

  • 降低理成,验对齐常见动态表界面。
  • 支持定义背景,用带景暗示的背景烘托情绪氛围。

对比验现2既增加文字视频的意境表达又不干扰基础操,是更佳的方案。

文字视频的初期方案和优化方向:

用10分钟,向你展示QQ团队短视频的完整设计过程

  2. 策略制定

QQ团队基于对用户发表场景统,确以传达高频发表时间点线索,策略制考虑到既与用户表达耦合但不能具体所指。

用10分钟,向你展示QQ团队短视频的完整设计过程

  3. 传达

背模板设计有以下原则:

界限,背景效果不要干扰主体息。

用10分钟,向你展示QQ团队短视频的完整设计过程

象认知相符,有情理之中料之外的惊喜,引起用户好奇心。

用10分钟,向你展示QQ团队短视频的完整设计过程

表义避免象。抽象表达腾出更大想象空间,让用户创不受缚于环。

用10分钟,向你展示QQ团队短视频的完整设计过程

以下是全部模板效果展示。

用10分钟,向你展示QQ团队短视频的完整设计过程

用10分钟,向你展示QQ团队短视频的完整设计过程

  4. 案例回顾

经优化后文视频背景从纯视觉度转变成带动用户情绪刺激发表触发,后续团队结合运策略,在特殊节日或特殊事件前更新模板可以持续刺激升文视频发表量,该策略运用屡奇效。

总结心得

品体验路径植入情感素意义大。在引入期唤起情感降低用户心理戒备,生熟悉亲切感。接触期有效调动用户情绪制造情感峰值,加深印象。成熟期创造互动会,让情感到延伸寄托进而巩固市场地位。此过程环环相扣层层递进,在用户心理波助澜。

用10分钟,向你展示QQ团队短视频的完整设计过程

好设计是能影响用户理性,改变情绪最终影响他为。设计高境界在于影响不明说,用户不需要领会设计意图,情绪已经被感染了,在情绪作用下,按照设计者预定轨迹,自然做出选择。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

现代人对于健康越来越重视,而移动端APP 在这方面为用户提供了多种多样的帮助。无论是系统化的健身应用,还是卡路里计算器,...
App设计
Tubik :中国人常说,民以食为天,吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的...
App设计
项目背景 2019年春节期间,QQ红包运营活动进行了全新改版,将卡券福利、现金奖励打包成福袋形式,并通过年俗小游戏及共享福袋...
QQ空间
项目复盘对设计师的成长来说是一个很重要的环节,不仅可以巩固自己的设计理论,同时还可以与小伙伴们分享自己的小心得。 本...
主题设计
通过APP来构建面向用户的解决方案,是目前企业常见的思路。相比于移动端网站,APP有着功能更加强大的框架和针对性更强的特点...
App设计
朋友们,是否还记得朋友圈不断刷屏的网易H5活动,作为一位互联网设计师,不争气的眼泪从嘴角流了出来,馋呀、羡慕呀!同样九...
H5案例
近年来,设计圈有两大趋势不容忽视,一是人工智能、神经网络、深度学习无疑是时下最热门的科技名词,「人工智能设计」这个词...
Banner
本文梳理和沉淀了腾讯出行的思考以及设计过程,便于项目后续在横向和纵向上复盘思考和凿山开路。建议初入职场的设计师多看看...
产品设计