可溯贷APP设计总结(原创文章)

可溯贷APP设计总结

指点江山的神很多，设计江山的人也很多，但设计江山的神就那么几个。

做设计师其实最终是为了变成社稷师，但我们最终发现我们还是成不了社稷师。（因为那样就是造反了）

 

今年3月，在大家的共同期待下，可溯贷移动端APP项目正式启动。为了更快的为投资人服务，项目期限定在了5.1上线，残酷的日子开始了。而历经2个月的时间，产品经历了从无到有，而现在我们依然在努力为投资者创造出更优质的体验。

在短短的一个月完成所有页面及交互流程的工作量，也是对自己的一次考验，（当然会有参考）现在APP进入稳步更新阶段，然后就想做个总结。此时可溯贷APP也已经突破4亿的投资额，注册用户80万+，打个广告有投资需求的朋友可以关注下，国资背景的p2p项目。

      

一,   前期准备

 

1，项目介绍

 

可溯贷是国鼎股份旗下的一个互联网金融系统

国鼎股份旗下有----互联网追溯系统(可溯查) ”+“互联网金融系统(可溯贷) ”+“互联网商务系统(可溯电商) ”

可溯贷APP是一款针对于投资人的APP，为了配合可溯贷PC端，本着让投资者随时随地投资、随时随地赚钱的原则应运而生。

 

2，竞品分析

 

在国内市场，p2p开始普及，全国已有超2000多家互联网金融公司。早在可溯贷推出p2p业务之前，就已经出现了一批较为成熟的p2p产品，如积木盒子、草根投资、红岭创投、陆金所等。对他们的分析是必然的。

 

 

通过分析我们发现，国内大部分p2p公司在APP的设计上不尽相同。而我们作为后起之秀，就要取其精华，去其糟粕。

 

3， 了解用户

了解你的用户是一切设计先行之本（我说的哈哈）。

 

设计前期，我们根据调研结果制作了一系列的用户画像，以便更好的根据用户实际需求找到适合他们的设计语言。

 

通过这些用户画像我们总结出投资者的几个特点：

a, 有稳定收入，部分结余；

b, 投资渠道比较单一；

c, 追求保本保息，风险低收益高于银行利率的产品；

基于以上特点，我们最终提炼出如下设计关键词：

 

 

二，定义色彩

 

色彩在视觉界面中扮演着非常重要的角色，通过定义色彩，可使界面主次分明，节奏感强烈；不仅如此，主色辅色的合理搭配，还能用来提升产品氛围，增强产品情感化。

 

1，主色

 

由于是p2p产品，用户对安全性要求很高，项目初期，我们决定打破早期网站的深黑色风格，选择蓝色为主色调，作为品牌色。

 

 

 

  

2，辅助色及点缀色

 

除主色，还需要一系列辅色来表示产品中需要强调、警示的部分，该部分内容需要与主色形成强烈对比，以便用户识别。基于该点考虑，我们在定义辅助色的时候，选取了与主色在色环角度相差较大的颜色

最后，在不影响品牌主色的基础上，又另外选取了一系列颜色作为点缀色，必要时用于图标，文字等点缀。

 

 

三，定义结构

 

对界面信息的合理划分，是确保用户操作准确舒适的第一步。

  

1，整体结构

 

依据原型图，我们将页面归纳为如下三种主要布局模式：

A,  顶部导航＋内容区＋底部操作按钮

B, 内容区＋底部操作按钮

C, 顶部导航＋内容区

其中A,B两种结构主要用于投资流程、个人中心等页面，C结构主要用于其辅助页面信息展示。

 

 

 

结合当前平台标的为均为普通债权转让标的，在首页我们采用独立债权显示，左右滑动切换投资标的的交互效果

 

 

2，细节处理

 

在标的的投资进度设计上，采用水波纹的动态效果，跟随手机重力感应来变化，缓解用户投资时的紧张感。

 

四，界面设计

 

在完成界面色彩及界面结构的定义后，接下来需要开始对每个界面进行逐一设计。

 

在界面视觉设计的时候，需要注意以下几点：

a,  确定优先级，强调核心功能；

b,  结构统一，具体情况具体对待；

c,  功能第一，避免过于强调视觉表现。

 

 

1，确定优先级，强调核心功能

 

用户投资是整个app中最核心的部分，通过突出标的信息，最大限度激发投资者的投资欲望

设计中突出对用户最有吸引力的地方：

a, 收益率

b, 期限   

c, 人数   （从众心理）

下图中，左边为最初设计图，右边为最终上线效果。

 

 

强化投资收益、投资人数让用户心理得到高收益的满足，同时看到一起投资的人数，心理安全感得到很大提升，同时图形化显示，用户更容易关注主要信息。

2，结构统一，具体情况具体对待；

   互联网今日行业其实是一个比较敏感的行业，中国用户对于信用看的其实没有国外用户那么在意，所以对互联网相继爆出p2p跑路的事情是心有余悸的，所以在整个APP的结构设计和色彩搭配上我们保持整个APP的统一性，最大限度的降低用户的不安全感。

 

 

 

3，功能第一，避免过于强调视觉表现。

 追求美是设计师的天性，但是作为一名产品设计师，切记不能过分追求美感，而应该始终谨记功能主导的原则。同时辅助用户体验，在可溯贷APP中我们加入了趣味玩法“摇一摇”，模拟微信摇一摇摇出红包抵用券，用户每天都可以来摇，这样也增加了用户粘性，打开率明显高于其他同类APP。

  

 

五，App icon设计

 

之所以把app icon放在整个设计的最后一步，是因为觉得app icon也是属于app的一部分，在气质上应该与整个app保持一致。

 

我们设计icon时选用圆曲的边框让icon更有亲和感，突出安全性。

 

以上便是对可溯贷APP v_1.0版本的总结。

概括的说，设计一个APP的时候我们可以从以下几个步骤入手进行设计：

1  了解用户（可同PM沟通用户年龄层次、行为等一系列的数据，自己也在日常生活多总结观察，为用户设计）

2  竞品分析（腾讯的微创新做出来的产品很多都会好于同类产品、我们要做的就是取其精华，去其糟粕）

3  逻辑梳理（做设计也是要做框架，流程理顺对我们设计产品有更好的帮助）

4  交互草图（画草稿是每个设计师应该养成的习惯，这让我们更少的返工，也能提升我们的逼格） 

5  界面美化（美是我们必修的课程） 

6  测试优化（设计稿出来后不是交给开发就结束的，还要我们呵护它，不然做出来的产品，会惨不忍睹，到                              头来领导还是骂设计的不好看）

7  交付使用 （上线后我们要发挥部门沟通能力，从他们那吸取反馈，记录并在下一次版本迭代时优化进去。）

 

其实作为一名设计师，在设计的时候，不仅需要考虑到美观因素，还需要兼顾用户、功能，甚至在做第一版的时候就考虑到后期版本迭代可能出现的问题。喜欢那一句“人人都是产品经理”，做设计也要有做产品的心。

 

我很幸运可以加入可溯贷项目组，并完整的参与到整个产品从无到有的过程，这个过程不仅提升了我的设计能力，同时锻炼了我全方位的思考能力以及跨部门的沟通协作能力。

 

最后，我想感谢我的上司在设计中给我那么多自由发挥的空间，整个APP从交互到设计并没有过多的干预，而是放手让我去做。同时感谢朝鲜国兄弟的协助，他们为了他们民族的伟大复兴加班加点工作，有时让我感觉自己很惭愧。

前途需努力，一切为用户。