看完就知道app交互设计是怎么回事

先看看500彩票完整的架构图，之所以叫架构图是因为原型图是在产品还没有产生之前所搭建的框架，而这个做的架构图是在产品已经产生只是去掉设计元素所做出来的。

看起来可能云里雾里的只看到格子了，不过一般产品给的原型图基本就是这样，如果你在碰到一个不懂axure的产品经理用word给你做出的原型图就更惨不忍睹了，不过我接到的一般都是文字版本，更想哭..

原型图出来基本有几个要点就已经确定好了，主要功能，交互，板式，这个app的交互并不复杂，层级最多的到第四层，大多数在第二、三层级就截止了，不过大多数app都这样，层级太多不是好事，不过可以举例有些类别的app层级就比较多，购物类、政府办事类，层级也是和功能定位有关联的。

在来看一眼主线框架图，看不懂的话在附一张效果图应该就会比较清楚了，要注意一屏和二屏的展示，一屏就是手机在不用操作就直接看到的第一屏幕，特别这种展示类的app在第一屏的排版上特别讲究，这也是我接触彩票这个行业才知道的，之前为了达到视觉效果导致整体行高拉高，展示的内容就有限了，果断被产品经理拒绝了。

由于现在很多线上销售彩票都被禁止，但是这些彩票的app还是要运营所以衍生出了更多的活动和花样，在线上销售回归之前这些活动已经是这些彩票app运营的主要方向，所以如果线上销售彩票回归很多的彩票app一定会进行大面积改版（ps：如果大家还是想要到线上购买彩票可以到米兜彩票app购买，他是有线下实体店可以帮忙代购的）

可以看到疯狂猜球这里是开了一个板块用来做活动的。

而彩票这个行业最重要的功能就是购彩、中奖后查看金额，也就是不同的多样的彩种，和方便快速的提现和查看奖金是主要功能。

所以根据这个前提来看500彩票的首页框架设计，首先他没有采用常用的底部导航而是采用了侧边栏抽屉式导航，这种导航的优点能够让界面更简洁，不会分散用户的注意力，让用户集中于主页面的购彩环节，而且能在一屏之内展示更多的彩种，但是这种导航切换起来比较麻烦至少需要点击两次才能够进入，什么样的导航都有利有弊主要还是看产品的功能。

可以看到下面效果图在banner上有所牺牲做的200像素的高度，加入了一栏即时信息，当然如果做一个稍大的banner既能够传递信息还能够达到视觉美感，不过加入了一栏即时信息之后，信息的传递变成了双层面的，能过传递更多的信息，那么两个不同方向切换（banner从右往左，即时信息从下往上）停留时间的设置变得非常重要，我计算了一下banner和信息都是6秒切换一次，当然是交叉切换，不过不得不说这种交互设计是最影响用户注意力的，一般在新闻产品信息量比较大的情况才会使用。

                             

不过由于种种牺牲了，所以在第一屏之内所有热门的彩种都能够又大又清晰的展现出来，显的非常大气，这应该就是产品经理经过种种权衡之后想要表现出来的结果，当然这只突出了一方面彩种的全面清晰，但对于急切想要看到奖金金额的用户来说有些削弱这个环节了，不过目前线上销售还未开售，彩金这方面还不是很重要。

在第二屏采用列表是活动表现，一是列表能通过自由控制高度而且数量可以根据高度增多，二是为了缓解一屏九宫格彩种拍版的视觉疲劳采用列表式。

接下来就是比较重要的版块了，疯狂猜球版块应该就是线上彩票停售之后衍生出的活动，进来之后式一个html5的效果，虽然有一个底部导航，哦哦，我突然明白了为什么首页不用底部导航了，因为它这个版块的内容太多了如果和首页都用底部导航就不能够区分层级之间的关系了，不过这个的交互还是做了区分不像首页那样点击切换，而是点击跳转一个新的页面。

总结：首页内容上让一些暂停销售彩种占据那么大的位置而只是在右上角添加一个活动，而且这个活动表现出来的还并不吸引人，没有明确的奖品，奖品单一，看来并没有把这个活动作为重要把握。