2013/5/7 8:28:1312184 閱讀
如以上兩個(gè)圖所示，用戶的反饋很一致，對改版后頁面模塊的區(qū)分，信息架構(gòu)的認(rèn)知等我們關(guān)注的點(diǎn)，都有非常正面的反饋。接下來，我們的視覺開始對這個(gè)新架構(gòu)進(jìn)行視覺設(shè)計(jì)，力求內(nèi)容第一，展示清晰，增強(qiáng)用戶對應(yīng)用中心的認(rèn)知。設(shè)計(jì)稿如下：
第一屏簡單明了地給出整個(gè)頁面的結(jié)構(gòu)。用戶看第一屏就能清晰知道，頂部導(dǎo)航是全局導(dǎo)航;往下是banner以及主推信息展示區(qū);再往下，頁面開始分左右兩塊，左邊是主內(nèi)容區(qū)，主要展示App內(nèi)容，右邊是排行榜。用戶看到這個(gè)架構(gòu)，就能有預(yù)期，這個(gè)頁面往下，其實(shí)是在重復(fù)App內(nèi)容區(qū)和排行榜的左右結(jié)構(gòu)。認(rèn)知非常簡單。另外，對App內(nèi)容區(qū)，我們把主推的App放大，并加入社交元素和更多詳細(xì)的解釋。這樣的設(shè)計(jì)安排極大地提高了用戶對App的認(rèn)知和興趣。(目的是提高點(diǎn)擊率和安裝轉(zhuǎn)化率)
微信小程序
掃描手機(jī)瀏覽
