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

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

　　難道不是么?用戶體驗(yàn)設(shè)計(jì)和可用性研究上，就存在著相當(dāng)?shù)牟淮_定性?；ㄉ弦簧衔绺聽幷撎鸲?jié){好喝還是咸豆?jié){好喝，都不如5分鐘做個(gè)統(tǒng)計(jì)，決定未來公司外賣的豆?jié){配送標(biāo)準(zhǔn)。同樣的，我們的主觀臆測并不一定準(zhǔn)確，只有當(dāng)我們真正開始測試并觀察用戶行為的時(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腳本語句與Dreamweaver相結(jié)合創(chuàng)建動(dòng)態(tài)網(wǎng)頁，CSS樣式使用技巧、制作美妙文字網(wǎng)頁及圖文混排網(wǎng)頁、框架網(wǎng)頁、表單網(wǎng)頁。

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

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

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

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

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

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

咨詢電話：15262734276 ?0513-65061831

聯(lián)系QQ:1943434718