YH基金app+web设计总结

工作一年，第一次自己完整做的项目。历时差不多两个月（真的是很赶），今天把web的交互设计发给了客户，一边等着客户反馈一边来记录一下自己在设计过程中的一些思路和今后需要注意的点。

因为之前的App几乎只有交易的功能，所以这个项目是对原App进行redesign（其实是重做）

web功能较全，所以只需要对已有信息功能进行重新布局

一、战略层

拿到这个项目先是想和那边的对接人了解了一下使用App的用户数据，然而令人悲伤的是客户的公司并没有获取过这些数据，导致脑海里没有一个大致的用户模型，同时客户对于整个App的设计也么有一个大致的构想，只是在与我沟通时反复强调“申购按钮”“一键申购”这样的字眼，故产品目标应该大致是：让用户能够快速进行申购交易。

*心得：在项目开始的一段时间一定要多与客户进行战略层的沟通，无数的血泪教训告诉我后面的不断更改返工很大一部分追其本质都是因为双方对于用户目标和产品目标未能达成统一认识。

二、范围层

功能这部分我是直接从市场那边拿到的，在做的过程中大的功能模块也没有变动。

三、结构层

由信息架构与用户历程两个部分组成，结构层确定了整个App的骨架就差不多搭建好了，所以结构层是非常重要的。

信息架构：讨论点主要是底部导航的tab放置哪些内容，确定好之后按照市场部给的功能开始搭建信息架构，搭到第3层就差不多已经包含了所有功能

用户历程：也就是流程图，交易类的比较简单我就跳过直接做原型了，难的部分主要是在：

1、准入类：注册、绑卡、完善个人信息、风险测评的首次填写与修改

2、密码管理：手势解锁、指纹解锁与交易、登录密码、交易密码的设置与更改流程

*心得：在结构层的搭建期间一定要和客户保持联系，出现问题及时修改，并且在流程确认之前千万不要急着做原型。

四、框架层

主要是页面布局

最难的页面：应该就是详情页了，因为之前有做过相应的研究，所以拿原型稍稍修改后就直接拿来用了。

需要注意的页面：因为准入类与交易类大部分都是在填表，所以需要注意的一个是实时反馈，一个是底部弹出键盘与选择器的时候不能遮挡住“下一步”按钮

五、其他

1、做的时候脑海里要有十大可用性原则，实时检验自己的设计

2、做原型期间面对经常使用的组件，如输入框、按钮、弹窗等做设计规范，以免反复写设计说明

3、注意特殊情况：空状态、断网状态