欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

点融理财4.0app设计改版总结

发布时间:2017:09:06 15:04:30 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1476个文字,预计阅读时间4分钟
导语
来点融将近两年的时间里经历了三次大改版,我们团队也从开始的十人左右渐渐壮大到了三十多人,这次的改版和不同领域的小伙伴们合作,确实获益良多。如果说第一个大版本只是实

来点融将近两年的时间里经历了三次大改版,我们团队也从开始的十人左右渐渐壮大到了三十多人,这次的改版和不同领域的小伙伴们合作,确实获益良多。如果说第一个大版本只是实现基本投资功能流程,第二个大版本是优化界面设计,那这次的四点零就是加入了产品运营、最新设计趋势和情感化,让一个app从能用,好看,到让用户喜欢,也算是一种产品成长和成熟的历程。此次撰文,就是想和大家说说我们在App进化过程中曾经踩过的那些坑,由此收获的经验教训,以及一些不成熟的总结,与君共勉。


点融理财4.0app设计改版总结

△ 产品迭代版本的目标

改版关键词

这次4.0改版的核心目标主要为两大部分。第一是在产品层面上,针对新用户,设计了特定使用场景的优化体验,并且从长远运营维护的角度去思考和优化各页面的信息架构。第二则是设计表现力上的优化,以情感化为主要手段,结合动效的渲染和烘托。

年前接到大改版需求的时候,我们先是分析了一下现有版本的不足之处。首先是在产品层面缺乏了一个新老用户的衔接流程,运营活动略显单薄,其次设计表现的主要问题为品牌色运用太重,而信息结构上的问题是由于之前设计的时候对于未来迭代功能没有提前预估引起的,拓展性很差,后期添加新功能的时候只能强行塞进页面,导致界面承载的信息过多,难分主次。


点融理财4.0app设计改版总结

△ 先前版本存在的问题

针对这些问题,结合我们产品现有的阶段目标,对于用户人群的特征及接受程度进行了分析,最终总结出我们此次4.0改版目标——把“色彩、信息、情感化”作为针对改进的目标点和关键词,同时加入运营的体系化设计,让整个App活灵活现起来。


点融理财4.0app设计改版总结

△ 新版本4TAB

一. 色彩的重新选择

之前的版本Title Bar运用了品牌绿,强行强调一波品牌的同时也带来了不少困扰,尤其是在一些顶部有运营banner的情况下,更容易产生视觉干扰。另外单一的品牌色也很容易带来视觉疲劳。所以这次改版我们毅然决然的去掉了这头顶的一抹绿;让用户把视线焦点更多的聚集在页面主要内容上。


点融理财4.0app设计改版总结

△ 颜色定义

整体的感觉是比较“轻”新的。在颜色的选取上,为了去除原先的单一感,除了原先的品牌绿色,又新增了两个暖色作为辅色,同时为了避免产生白纸黑字的过强对比,也更新了原先使用的标题色黑色,使用了一个偏蓝的颜色和绿色搭配更为和谐。

二. 信息为王,装饰点睛

现在屏幕越来越大,屏幕上的信息也越来越多,所以在处理页面的时候,一方面是信息重构,交互的童鞋重新梳理了所有主页面和主流程,另外在视觉上,为了清晰明了的展现信息,文字由原先的Light改为了Regular量级。

Light字体相信许多设计师曾经使用过,确实可以让界面显得轻盈纤巧,但对于需要阅读信息的用户来说,就没有加粗之后的字体那么友好易读了,所以我们也可以看到在现在的中文设计趋势中,大家更多的会去实用regular为初始的文字量级,Medium作为加粗的量级了,这也是信息为王在设计趋势中的一种体现吧。其他的方法例如增加留白,把重要的信息凸显出来。最后在icon的使用上,可以参考下图我们对于icon的分类定义。


点融理财4.0app设计改版总结

△ ICON的定义

三. 情感化体现

情感化是我们此次4.0改版的一个重头戏,一个App如果实现了其所有功能的流畅易用,界面清晰明了,那只能说是一个“可以解决用户问题”的App,但要做一个让用户喜欢、依赖、并且乐于去分享的App,情感化元素的加入是必不可少的。就像我们这次启动页所说,“全新4.0,为你而生”,这次改版我们主要是从新手引导、点小融形象的运用和加强动效设计这三方面入手来丰富App的情感化体验。

1、新手体验是用户对App的初体验,这次我们特地在产品层面区分了新老用户的引导路线,在首页设置了新手专区,用户可以清晰的看到自己的新手任务以及可获得的奖励,每个任务完成的时候也会有动画提示,成就感满满。


点融理财4.0app设计改版总结

△ 新手引导

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:微信看一看下拉刷新Axure原型设计

下一篇:谷歌定义:什么是网页搜索引擎优化?

  • 18900 文章总数
  • 2409885访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信