作为第一个接触小程序的设计师，是什么样的体验？

自选股小程序已经上线，作为项目的一员，做了一下交互体验和视觉设计的总结。

我们很幸运能够第一批加入微信小程序内测的团队，并深刻的感受到微信开平童鞋快速的颠覆自我的能力，同时也开始了自选股小程序界面重塑再造、快速拥抱变化的新历程。作为内测团队中最重量级的小程序－自选股的设计师，和大家分享一下整个项目的设计心得体会。

这个项目涉及到的内容特别多，一是人太多，有微信的前端童鞋、自选股客户端童鞋等等，太多的底层框架还不能支持，只能在初稿的基础上不断优化；二是涉及功能太多，细节太多，时间太过紧急，所有视觉设计稿都是出自于下面的多张手稿，出图的效率必须又高又快，不然跟不上开发和产品的需求。往往刚调好的一个页面可能又需要再重新调整高度和蜡烛图的数量等等，不过整体的效率还是大大得到了提高。

一个页面只有一个重点，不干扰用户的目标 一次只做一件事，不打断用户的操作流程 简单且一致的导航，让用户来去自如 注重异常状态，让用户有路可退 …… 下面说一下小程序个人认为比较重要的交互设计

（1）所有页面层级不能超过5层

（2）顶部navigation bar上的icon无法自定义

自选股app

自选股小程序

（3）暂时不支持多点手势（如左滑），可使用长按删除

左划删除为JS模拟生成暂不支持原生操作，体验起来不是很顺畅，所以建议采用长按方式去替代左划删除操作。

（4） 一个页面不能超过4个Tab

为确保点击区域，顶部tab项不得超过4项。一个页面也不应出现一组以上的tab栏。

自选股行情tab

（5）左右滑动切换

（6）不支持顶部悬浮导航

（8）加载反馈注意事项

若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。载入过程中,应保持动画效果 不要在同一个页面同时使用超过1个加载动画。2. 视觉设计上鼓励差异化 每个小程序可以按照自身的品牌特色进行视觉设计，形成自己的小程序风格。