区块链APP-蓝色空间项目总结

用户头像
北京/产品设计师/8年前/3977浏览
区块链APP-蓝色空间项目总结
用户头像
晓维

蓝色空间是一款基于区块链的价值互换平台

目录

  • -项目背景

  • -前期的思考与竞品分析

  • -设计中的思考与落地

  • -完成后的思考存在的不足

  • -上线之后的效果和成就



一、项目背景

蓝色空间是一款基于区块链的价值互换平台 ,是我司创新事业部的一个热点探索(创新产品)。

区块链是什么?

从2017年以来,比特币的暴热,以至于区块链技术也成为互联网公司关注的热点之一了

下面是百度百科的解释,感兴趣的可以自行研究,这里不多做解释,需注意以下几个关键词:比特币,点对点传输,去中心化的数据库 

undefined


蓝色空间和水滴的由来?

源于科幻小说《三体》




二、前期的思考和竞品分析


前期思考:

了解了项目背景之后,我的脑子里有以下几个关键词:(依据这些关键词引发的一些产品和视觉上的思考)

蓝色空间:蓝色 、空间感

水滴:水滴状  

科幻:星空、星球、宇宙

科技 蓝色、数据化、具有科技感的元素:线条、圆点、方块及其组成的网

创新 新意、区块链

区块链 :高科技、点对点、链接(连接)去中心化


竞品分析:

我找到的竞品:网易星球等下列产品:



下面是几个竞品的截图:(看似那么多竞品,其实根本没有参考价值,要么闪退,要么需要邀请码,剩下的几个界面也是长这个样子,只有网易星球可以从产品上做一些参考)


  

                                      元链星系



  

                                      网易星球


  

                                      蜂巢星球


竞品分析总结:


交互上:首页,前两个都是以能量的方式展现在首页,进行收集    交互手势:点击;

                         元链星系是为了营造一个宇宙空间感,交互上是可以前后滑动的。

               其他页面,大概也是从产品功能上可以参考。


视觉上:简单对竞品的视觉上做出一些分析和评价

              网易星球:风格杂乱、样式陈旧、页面粗糙、交互一般(我只能说是一般)

                                 单看首页的设计是参考支付宝里面的种树的页面(同样是收集能量)

                                视觉样式比较老旧,也没有营造出星球或是区块链的科技感出来,我

                                想出现这样的原因是:完全为产品功能点服务(v1.0)、时间紧、任

                                务重。。。

               蜂巢星球:有科技感、风格贯穿、交互太乱,页面粗糙

               元链星系: 产品创意可以、有宇宙空间感


总结:面对以上的竞品,设计上没什么好参考的~




三、设计中的思考与项目落地


颜色搭配:

根据我前期思考能得出的一些关键词:蓝色空间、科技感、酷炫、区块链、AI人工智能背景肯定是蓝色的,这里的蓝色可以是蓝紫色、蓝绿色, 如下图:这些颜色都是可以用的




但是,能体现出科技感的颜色搭配,先看几张图片,并将其像素化:




我得到的颜色:




  我选出的颜色:



努力营造空间感、科技感和区块链:

在这里想了很多能营造空间感的想法,下面列举三种:


方案一:

通过三维的方式营造空间感,最直接能想到的,因为空间是三维的(点击视频可查看)

但是,这种方案的技术实现成本太高,确切的说,团队的时间和能力限制,难度太大,而且从交互来说,三维空间的可交互性不是很强。所以,pass!!!



  

                            (参考图)                                             (飞机稿)


为了完成这个空间背景的动效,去找了国外大神的视频啃了一遍,虽然出来的效果不是很满意,但对我的动效制作有了一些提升。后面可以简单分享一下动效的经验。



方案二:

伪3D:通过元素的放大缩小和位置的移动营造伪3D的感觉

参考的是《元链星系》的效果

一开始是当做备选方案的,但最后因为空间定位不好实现,工期有限,可交互性不是很强,依然pass!!!



方案三:

依靠重力感应,实现酷炫的效果

结果依然是费时费力,技术难实现,pass!!!

参考一款国外的APP:sweatcoin(为了下载这个APP 还在淘宝买了个美国的App Store账号)



方案四:

也就是线上的这一版,放弃打造空间感,在平面中交互(收集水滴),在平面中依靠动效来实现伪空间。这可能是最好的一个选择,也是对交互、技术、工期的一个妥协,但总算是落地了



  (集科技感和区块链于一身的界面~~~)




三、完成后的思考和存在的不足


1、在评估工期的时候不够慎重,没考虑到细节,以至于评估的时间不合理。

      比如,我在评估的时候,只评估了做图时间,而没有考虑到和产品沟通的时间、和开发对接的时间、切图标注的时间(这次的切图比较复杂)、包括改图的时间。所以在下次评估的时候,尽量要想得周全一点,当然,适当加班也是可以的


2、自我感觉还是达到了团队的预期目标的,没有出现什么功能性设计错误,但是没有达到我自己心里的预期效果,可能是能力有限,精力也有限吧,哈哈~~~

      比如:界面的色彩搭配不是很理想,虽然能找出一些相对适合的颜色,但在实际项目中,想营造蓝色空间的效果,一般可能想到的是宇宙空间图,银河星系等,但是在APP中的UI设计应该有太多的视觉干扰,充分利用每一像素的空间,所以在背景颜色的选择上,颜色太深,就成了夜间模式,颜色太浅,饱和度太高,搭配的其他的颜色容易辣眼睛,没有品质感。所以在这里做得不是很好。。。


3、在沟通上,希望自己有更多的耐心吧,一切沟通在于解决问题 不要带有情绪,更不要对团队里的个人因为工作产生私下的情感因素。



四、上线之后的效果和成就


1、上线一个月后,在无大力宣传推广、无流量导入的前提下(只有我们的产品经理在一些微信群里的推广):

总用户达到近8000人,日活3000人,次日留存:60%,7日留存50%


2、在公司周年庆上完成第一次内部800人的宣传,现场体验顺畅,零bug!!!



写在最后:


第一次在站酷上发表作品,也是第一次尝试区块链APP,也是蓝色空间的V1.0,希望以后越来越好~~~



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