今天，我們的菜單通常都會(huì)使用漢堡圖標(biāo)來(lái)表現(xiàn)，他們?cè)贏PP中無(wú)處不在，但是漢堡圖標(biāo)真的是無(wú)往不利的么?今天讓我們通過(guò)3個(gè)A/B測(cè)試來(lái)了解一下漢堡圖標(biāo)在移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)中存在的問(wèn)題，以及給我們帶來(lái)的啟示。

　　用戶體驗(yàn)設(shè)計(jì)不是忽悠，也許5分鐘口水攻勢(shì)能讓前臺(tái)小妹覺(jué)得你的設(shè)計(jì)非常高大上，但是要讓每一個(gè)用戶對(duì)著屏幕上的UI欲罷不能以身相許還需要數(shù)據(jù)支撐。

　　難道不是么?用戶體驗(yàn)設(shè)計(jì)和可用性研究上，就存在著相當(dāng)?shù)牟淮_定性。花上一上午跟同事?tīng)?zhēng)論甜豆?jié){好喝還是咸豆?jié){好喝，都不如5分鐘做個(gè)統(tǒng)計(jì)，決定未來(lái)公司外賣的豆?jié){配送標(biāo)準(zhǔn)。同樣的，我們的主觀臆測(cè)并不一定準(zhǔn)確，只有當(dāng)我們真正開(kāi)始測(cè)試并觀察用戶行為的時(shí)候，才知道這個(gè)真實(shí)世界里的用戶擁有著怎樣的習(xí)慣，網(wǎng)站和APP在設(shè)計(jì)菜單圖標(biāo)的時(shí)候，怎樣才符合“大部分”用戶的需求。

培訓(xùn)內(nèi)容：

1、Dreamweaver站點(diǎn)管理：創(chuàng)建文檔、設(shè)置文本格式、創(chuàng)建Layer樣式表應(yīng)用，創(chuàng)建框架、講解HTML和Javascript腳本語(yǔ)句與Dreamweaver相結(jié)合創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)，CSS樣式使用技巧、制作美妙文字網(wǎng)頁(yè)及圖文混排網(wǎng)頁(yè)、框架網(wǎng)頁(yè)、表單網(wǎng)頁(yè)。

2、Flash動(dòng)畫(huà)：逐幀動(dòng)畫(huà)、運(yùn)動(dòng)動(dòng)畫(huà)、變形動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、導(dǎo)向動(dòng)畫(huà)、音響動(dòng)畫(huà)；以繪畫(huà)技巧，加上獨(dú)特創(chuàng)意，可以制作多媒體網(wǎng)頁(yè)動(dòng)畫(huà)、賀卡、MTV、短劇、教學(xué)軟件等。

3、Photoshop網(wǎng)頁(yè)圖形設(shè)計(jì)：優(yōu)化網(wǎng)頁(yè)圖片，制作按鈕、下拉菜單、網(wǎng)頁(yè)徽標(biāo)、分隔條、網(wǎng)頁(yè)標(biāo)題、特效文字、導(dǎo)航條、動(dòng)畫(huà)和動(dòng)態(tài)響應(yīng)效果及LOGO動(dòng)態(tài)制作，與Dreamweaver配合制作精美網(wǎng)頁(yè)。

菜單圖標(biāo)要怎樣設(shè)計(jì)才好?讓我們通過(guò)測(cè)試和分析來(lái)尋求答案。我曾經(jīng)針對(duì)漢堡圖標(biāo)做過(guò)一個(gè)A/B測(cè)試，來(lái)搜集用戶對(duì)于不同的菜單圖標(biāo)的反饋信息。

　　第一個(gè)A/B測(cè)試

　　作為菜單圖標(biāo)，三個(gè)漢堡圖標(biāo)各不相同，但是都保留了漢堡標(biāo)識(shí)，這符合控制變量法的基本規(guī)律。測(cè)試結(jié)果表明，右邊的圖標(biāo)點(diǎn)擊率高于前兩者。

聯(lián)系人：朱老師

咨詢電話：15262734276 ?0513-65061831

聯(lián)系QQ:1943434718