方案一:
A.原界面信息層級(jí)分析
①活動(dòng)Banner? ? ? ②會(huì)員權(quán)益? ? ③跨年馬拉松及獎(jiǎng)品展示? ④活動(dòng)規(guī)則
原界面是瀑布流的形式來(lái)體現(xiàn)以上內(nèi)容,總尺寸大小為9108px,粗略為4屏的高度
,在這個(gè)海量信息的時(shí)代,用戶(hù)是沒(méi)有太多的耐心和時(shí)間去滾動(dòng)屏幕的,除非是他感興趣的內(nèi)容,那么作為產(chǎn)品設(shè)計(jì)師,就要考慮到如何在有限的像素內(nèi)讓用戶(hù)讀取關(guān)鍵信息,所以我將以上的信息層級(jí)進(jìn)行了兩個(gè)維度的劃分
一個(gè)是用戶(hù)需求,另一個(gè)是產(chǎn)品需求
用戶(hù),他看重的是價(jià)格與所享受的權(quán)益,產(chǎn)品經(jīng)理則考慮的是盈利,在這個(gè)案例中如何讓用戶(hù)購(gòu)買(mǎi)會(huì)員是產(chǎn)品所關(guān)心的。
綜上所述
我的設(shè)計(jì)是這么設(shè)計(jì)的
①banner做成了實(shí)體會(huì)員卡的形式,版面丑了點(diǎn),在優(yōu)化中。。
②“會(huì)員權(quán)益”是采用線(xiàn)性圖標(biāo)來(lái)體現(xiàn),這樣一來(lái)提煉有效信息,那每個(gè)權(quán)益的具體內(nèi)容可點(diǎn)擊“查看詳情”查看即可
③獎(jiǎng)品區(qū)重新排版了
④最后是活動(dòng)規(guī)則
方案二:
①活動(dòng)banner:可以畫(huà)一幅插畫(huà)(有關(guān)于書(shū)籍的)這樣的插畫(huà)很能帶來(lái)視覺(jué)上的沖擊,不像方案一那么冷淡風(fēng)
②會(huì)員權(quán)益:采用會(huì)員與非會(huì)員的權(quán)益進(jìn)行對(duì)比,從而讓用戶(hù)心動(dòng),進(jìn)而促進(jìn)點(diǎn)擊購(gòu)買(mǎi)