查看原文
其他

数字人民币APP设计太好了,出道即巅峰

UI设计达人 2022-05-22

The following article is from 体验进阶 Author 设计师ZoeYZ

之前一直听要研发数字人民币,今年 APP 终于上线了,虽然名字里加了个“(试点版)”。



1 月 4 日才上线,1 月 5 日就登顶 AppStore 总榜和多个安卓应用市场分类榜,这简直是出道即巅峰






为什么我要关注这个?


数字人民币这个东西,其实我本来不太感冒,最开始听到时是区块链大火的时候,当时第一反应是:


国家要搞互联网+了,而且还要联合银行,这次能行吗?


现在微信支付和支付宝用得挺好的,银联的云闪付在地铁站大搞优惠互动也还是没翻出什么浪花来,为啥又要搞一个支付工具


别怪我怀疑,从我之前评测过的 XX 营业厅 APP,到网银,甚至到前不久的 X 康码……技术这块就不说了,用户体验真的无力吐槽。


所以之前可以报名申请参加测试的时候,我根本理都没理。


没想到,这次一个上线视频,把我给惊艳到了:



比预想中好太多,一下子就引起了我的注意,于是很快就去下载了一个试用。


下面就分享一下我试用数字人民币 iOS 版的体验感受。




美观简约


也许是因为全新产品没有历史包袱、内容不多发挥空间大、也许是非盈利项目没有业绩压力……视觉设计真的很可以。


先看看首页,背景图和卡片上的 LOGO 统一,用纹理勾出钱币的感觉。


而且滑动时背景色的变化相当讲究,细节到位。



卡片都使用圆角和大面积的浅色阴影,符合现在的流行趋势。



大部分图标线条的粗细与文字粗细十分接近,这样的细节,没有经验或者不用心的设计师,是注意不到的。





交互流畅


一进来首页就是钱包列表,没有闪屏没有广告,很现在的主流 C 端 APP 完全不一样。


除了左右滑动切换钱包之外,上下滑动也能触发两个主操作按钮——转钱和收付。



点击卡片,立即翻转出详细信息和设置,可能是考虑到信息过多把背景的 LOGO 隐藏了,处处透着精致!



充值时搜索银行,首先按照热度排序,丝毫没有传统银行系统的繁琐。



也可能是试点版内容真的不多,但是哪怕是草图设计阶段,这么简洁的方案也真心不多。




清晰明了


这款 APP 的适老化也做得很好,不但文字描述清晰,而且字体都比较大。


例如钱包名称下面,就写清楚了“由 XX 银行提供钱包服务”。


首页的「碰一碰」和「扫一扫」两个图标都有文字描述,而不是像很多产品一样省略文字,或者收到一个「+」里。



所有展示金额的地方,附近都有一个眼睛图标,担心信息泄露的可以点击隐藏。



上下滑动钱包时,有文字的手势提示。





设计有什么问题吗?


当然是有的,例如上下滑动的动效缺乏过渡,好像刷的一样就变出一个页面了。



而且,每个钱包配一个不同的主题色,但是付钱的时候背景确实统一的大红色,让人一下子不确定是不是选错钱包了。



服务这个页面,感觉还是半成品,看不太出功能。

期待以后这个页面的拓展填充,只希望不要变成广告集合就好。




总结

瑕不掩瑜,比起现在那些各种弹红包、到处贴短视频、广告满天飞的 C 端产品,这样的数字人民币 APP 简直是一股清流。

不论从体验设计还是视觉设计来看,数字人民币 APP 都是一款设计出色的产品。

主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

Behance 三大视觉设计趋势
连Lottie都要out了?来看看腾讯研发的动效落地神器
腾讯设计太低调了,用12年改变了这朵云
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存