视频APP设计经验总结

用户头像
杭州/UI设计师/8年前/3514浏览
视频APP设计经验总结

重新定义一个APP是非常有挑战的事情,如何做好设计,并准确地权衡用户切身利益和产品的商业价值是设计师要思考的重要问题。

引言:


我为什么要去做这个设计活动?


1、主要是自己认为去重新定义一个APP是非常有挑战的事情,如何做好设计,并准确地权衡用户切身利益和产品的商业价值是设计师要思考的重要问题。


2、配色练习是设计师成长的必经之路,当下的视频app趋于雷同,设计出异于市场的其他的app是很有成就感的事情。


3、很久没有去做设计练习,设计练习可以帮助设计师激发设计灵感,并巧妙的运用到实际项目中去


4、之前有前辈说,做过的项目需要自己去总结、沉淀,这样才会收获更多,这也是我这次要写这篇文章的主要原因。自己做过的项目不少,很多都是做过了就过去了,没有认真的总结,后期回顾起来感觉十分陌生,并没有给自己更多的帮助和启发。希望自己能够养成良好的设计习惯,对于自己设计的项目能够进行总结核分享。


一、设计分析


设计背景及要求:


参考现有咪咕爱看APP的功能,在不影响功能合理使用的前提下,对APP的UI/UE进行全新的设计。

咪咕爱看的slogan是:咪咕爱看,敢想敢干。咪咕爱看是一款面向浙江移动用户的手机视频app,这里有原画电影大片、热播高清电视觉、潮流综艺节目、百路电视直播,更有惊喜会员订购和专属流量优惠!


根据设计背景及要求,对产品进行评估,针对产品的三个不同纬度,提出比较有针对性的问题


9698598c7dfc0000002129acea1d.jpg


1、产品要解决的问题是什么?


通过使用现有的咪咕爱看app,可以从几个方面去总结:


1.产品功能需求的改变所带来的设计策略的改变;


2.用户体验需要进一步的提升,提高日活,增加用户粘性以及用户点击率和转化率;


3. 目前的视觉风格定位与产品定位不匹配,没有抓住产品核心用户的喜好。



2、为谁解决这些问题?


这个问题主要是来明确产品的核心用户,只有明确了所服务的核心用户,针对用户行为进行研究分析,才能更好的解决问题。


那么从大的方面来说浙江移动用户都是咪咕的用户,但是这个定位太过于宽泛,我们应该归纳出来产品的核心用户、普通用户以及潜在用户。


咪咕爱看的slogan是:咪咕爱看,敢想敢干。这是基于年轻人的口号,年轻就是感想敢干的代名词。目前官方给到的用户主要年龄段为25~45岁,但是随着产品的不断优化,更有潜力的用户趋于年轻化,我们可以把核心用户聚焦在年轻的移动用户上(比如说95后或00后),是咪咕开拓年轻市场的新方向。我们稍后会根据进行更详细的分析研究



3.同类产品有哪些?


其实说白了就是做竟品分析,因为通过分析市场同类的产品能够对产品进行更好的优化和完善,为用户提供实用的解决方案。


视频类竟品比较多比如说优酷、爱奇艺、芒果tv等等,但是它们针对的用户群体还是略有不同。而同类竟品中天翼视讯则比较符合竞品需求。但通过截图可以看到大多数视频app趋于雷同,从视觉品牌传达上来讲,优酷视觉识别性较强。(这里就不针对竟品分析做过多阐述)

4e9e598c7e4e000000212978d8ec.jpg



针对三个不同纬度的问题进分析和研究,接下来我们需要更进一步的抓取用户需求,我们还是从用户的三个方面进行分析,从而生成我们用户画像d4b9598c7e7ca801215603a2a651.jpg

1.用户人群定位


人群定位95后或00后,刚刚工作或者还在大学上学,收入不稳定,喜欢打游戏,喜欢追剧等 


标签:追求自由,时尚潮流,有活力,有主见,敢想敢干等等


2.用户为什么选用该产品

1bde598c7ea2a801215603b05632.jpg

从三个方面来讲:


内容上  拥有超清的电视剧电影资源,能够给用户提供当下最潮流的综艺节目,并能随时随地收看直播;


优惠上  签到,推荐,分享都可以赢得超大流量包,在没有Wi-Fi的情况下也可以免费看大片,还有超高的会员福利;


体验上  视频播放流程,界面符合年轻人的时尚潮流,展现品牌性。



3.用户喜欢的产品特征


我们可以从不同的维度去搜集。比如穿着方面比较喜欢撞色搭配;喜好打游戏(王者荣耀);喜欢追剧和综艺(楚乔传、中国有嘻哈)等等。通过用户的喜好去定义产品的设计风格,会更加符合用户的心理预期。



通过三个方面的抓取从而生成我们的用户画像:


性别:男       年龄:95后         喜好:喜欢网络,喜欢游戏,喜欢追剧 等等

6882598c7ee900000021294c865b.jpg

至此设计分析已经完结,接下来我们就需要把分析运用到我们的设计实践当中了~




二、设计实践


1、梳理功能树,出原型图


因为做设计活动,不像实际项目,产品会把prd写好,交互会把原型图出好,所有的工作都需要自己去做。不过对于设计师来说这个是一个特别棒的锻炼过程,可以从产品交互层面去思考问题,这样有助于自己的提升。


ed15598c7f28000000212996a776.jpg



2.设计风格提炼 


前期的设计分析都是为设计风格探索所准备的,根据用户画像,进行风格提炼,进而设计出符合产品定位的展现效果,给用户最佳的视觉体验是视觉设计师的最终目标。


根据用户画像提炼设计关键词,并结合用户喜好进行颜色推导:

40b9598c7f48a8012156037bc6b3.jpg

8206598c7f6800000021298c18b2.jpg


设计过程中还有一个比较重要的环节——搜集视觉素材。想必大家对这个都不陌生,让自己的的眼界开阔,就必须多看多想多学(收集素材也是一门技术活,这里就不展开)。只有提高了自己眼界,自己的作品的质量才能提高。素材的搜集可以从色彩,形式,风格,排布,元素等方面进行搜集,这样会使设计不局限有更多的参考。参考并不是抄袭,这也是每个设计师成长的必经之路。下图为自己在设计该项目的时候搜集的一些参考,但是搜集素材远远不止这些,目前只是给大家展示一下。

60ef598c7f92a80121560326b9df.jpg


大量的分析总结,都是为了最终呈现出符合产品定位的视觉方向,那接下来就展示下设计成果吧~


7f2a598c7fe6a80121560389e02d.jpgbebb598d65be000000212941c9c8.jpg

a7fa598c80640000002129ff6702.jpg

4708598d65df00000021290d17cb.jpg



写在最后:


做设计也有几个年头了,说起写作这却是我第一次真正意义上的经验分享。个人觉得把自己设计作品的设计思路分享出来也是特别有意义的一件事。很多朋友会质疑设计的实用性,其实我个人认为做设计就必须要放出去,大胆的实现自己的想法,只有自己敢去突破才有可能会去创新,如果每个人都按部就班,那市场上的产品会越来越雷同,越来越无趣。其实设计就应该先加法,然后再减法,这样才会有更多可能性。如果刚开始设计者的思路就被限制,那注定产品的视觉效果会是平庸的。我认为以后自己还会继续沉淀继续分享。也希望大家可以多多提意见,我们相互进步,相互学习。我始终认为越努力的人才会越幸运,加油吧~



b37c598c80e30000002129e1a138.jpg



99
举报
|
87
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
【新年UI图标】美食icon
UI应用平面图标
【新年UI图标】旅行icon
新拟态风格 UI设计组件库
户外旅行飞机情侣假日出行
【新年UI图标】相机icon
UI界面 组件
高级表盘系列UI源文件
【新年UI图标】积分icon
科技医疗透明柜UI界面设计
手表表盘UI系列
3D渐变流体抽象矢量UI背景图
Security Camera UI kit
钱包ui模板
森系3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
UI通用设计素材1
【新年UI图标】体育icon
UI 登录界面设计模板包
我的钱包-UI界面设计-app
你可能喜欢
大家都在看
登录注册