先看看500彩票完整的架構(gòu)圖，之所以叫架構(gòu)圖是因?yàn)樵蛨D是在產(chǎn)品還沒有產(chǎn)生之前所搭建的框架，而這個(gè)做的架構(gòu)圖是在產(chǎn)品已經(jīng)產(chǎn)生只是去掉設(shè)計(jì)元素所做出來(lái)的。

看起來(lái)可能云里霧里的只看到格子了，不過一般產(chǎn)品給的原型圖基本就是這樣，如果你在碰到一個(gè)不懂a(chǎn)xure的產(chǎn)品經(jīng)理用word給你做出的原型圖就更慘不忍睹了，不過我接到的一般都是文字版本，更想哭..

原型圖出來(lái)基本有幾個(gè)要點(diǎn)就已經(jīng)確定好了，主要功能，交互，板式，這個(gè)app的交互并不復(fù)雜，層級(jí)最多的到第四層，大多數(shù)在第二、三層級(jí)就截止了，不過大多數(shù)app都這樣，層級(jí)太多不是好事，不過可以舉例有些類別的app層級(jí)就比較多，購(gòu)物類、政府辦事類，層級(jí)也是和功能定位有關(guān)聯(lián)的。

在來(lái)看一眼主線框架圖，看不懂的話在附一張效果圖應(yīng)該就會(huì)比較清楚了，要注意一屏和二屏的展示，一屏就是手機(jī)在不用操作就直接看到的第一屏幕，特別這種展示類的app在第一屏的排版上特別講究，這也是我接觸彩票這個(gè)行業(yè)才知道的，之前為了達(dá)到視覺效果導(dǎo)致整體行高拉高，展示的內(nèi)容就有限了，果斷被產(chǎn)品經(jīng)理拒絕了。

由于現(xiàn)在很多線上銷售彩票都被禁止，但是這些彩票的app還是要運(yùn)營(yíng)所以衍生出了更多的活動(dòng)和花樣，在線上銷售回歸之前這些活動(dòng)已經(jīng)是這些彩票app運(yùn)營(yíng)的主要方向，所以如果線上銷售彩票回歸很多的彩票app一定會(huì)進(jìn)行大面積改版（ps：如果大家還是想要到線上購(gòu)買彩票可以到米兜彩票app購(gòu)買，他是有線下實(shí)體店可以幫忙代購(gòu)的）

可以看到瘋狂猜球這里是開了一個(gè)板塊用來(lái)做活動(dòng)的。

而彩票這個(gè)行業(yè)最重要的功能就是購(gòu)彩、中獎(jiǎng)后查看金額，也就是不同的多樣的彩種，和方便快速的提現(xiàn)和查看獎(jiǎng)金是主要功能。

所以根據(jù)這個(gè)前提來(lái)看500彩票的首頁(yè)框架設(shè)計(jì)，首先他沒有采用常用的底部導(dǎo)航而是采用了側(cè)邊欄抽屜式導(dǎo)航，這種導(dǎo)航的優(yōu)點(diǎn)能夠讓界面更簡(jiǎn)潔，不會(huì)分散用戶的注意力，讓用戶集中于主頁(yè)面的購(gòu)彩環(huán)節(jié)，而且能在一屏之內(nèi)展示更多的彩種，但是這種導(dǎo)航切換起來(lái)比較麻煩至少需要點(diǎn)擊兩次才能夠進(jìn)入，什么樣的導(dǎo)航都有利有弊主要還是看產(chǎn)品的功能。

可以看到下面效果圖在banner上有所犧牲做的200像素的高度，加入了一欄即時(shí)信息，當(dāng)然如果做一個(gè)稍大的banner既能夠傳遞信息還能夠達(dá)到視覺美感，不過加入了一欄即時(shí)信息之后，信息的傳遞變成了雙層面的，能過傳遞更多的信息，那么兩個(gè)不同方向切換（banner從右往左，即時(shí)信息從下往上）停留時(shí)間的設(shè)置變得非常重要，我計(jì)算了一下banner和信息都是6秒切換一次，當(dāng)然是交叉切換，不過不得不說這種交互設(shè)計(jì)是最影響用戶注意力的，一般在新聞產(chǎn)品信息量比較大的情況才會(huì)使用。

                             

不過由于種種犧牲了，所以在第一屏之內(nèi)所有熱門的彩種都能夠又大又清晰的展現(xiàn)出來(lái)，顯的非常大氣，這應(yīng)該就是產(chǎn)品經(jīng)理經(jīng)過種種權(quán)衡之后想要表現(xiàn)出來(lái)的結(jié)果，當(dāng)然這只突出了一方面彩種的全面清晰，但對(duì)于急切想要看到獎(jiǎng)金金額的用戶來(lái)說有些削弱這個(gè)環(huán)節(jié)了，不過目前線上銷售還未開售，彩金這方面還不是很重要。

在第二屏采用列表是活動(dòng)表現(xiàn)，一是列表能通過自由控制高度而且數(shù)量可以根據(jù)高度增多，二是為了緩解一屏九宮格彩種拍版的視覺疲勞采用列表式。

接下來(lái)就是比較重要的版塊了，瘋狂猜球版塊應(yīng)該就是線上彩票停售之后衍生出的活動(dòng)，進(jìn)來(lái)之后式一個(gè)html5的效果，雖然有一個(gè)底部導(dǎo)航，哦哦，我突然明白了為什么首頁(yè)不用底部導(dǎo)航了，因?yàn)樗@個(gè)版塊的內(nèi)容太多了如果和首頁(yè)都用底部導(dǎo)航就不能夠區(qū)分層級(jí)之間的關(guān)系了，不過這個(gè)的交互還是做了區(qū)分不像首頁(yè)那樣點(diǎn)擊切換，而是點(diǎn)擊跳轉(zhuǎn)一個(gè)新的頁(yè)面。

總結(jié)：首頁(yè)內(nèi)容上讓一些暫停銷售彩種占據(jù)那么大的位置而只是在右上角添加一個(gè)活動(dòng)，而且這個(gè)活動(dòng)表現(xiàn)出來(lái)的還并不吸引人，沒有明確的獎(jiǎng)品，獎(jiǎng)品單一，看來(lái)并沒有把這個(gè)活動(dòng)作為重要把握。