——QQ瀏覽器HD （iPad）的產(chǎn)品經(jīng)理沃克

周六的夜晚，辦公室里依然燈火通明，我們項(xiàng)目組的很多同事還在加班趕版本。這應(yīng)該是項(xiàng)目組第N+1次周末加班了。

當(dāng)我回到家的時(shí)候，已經(jīng)很夜深人靜了。坐下來(lái)，打開(kāi)iPad，體驗(yàn)今晚剛Build出來(lái)的新版， 我猛然回想起來(lái)QQ瀏覽器HD（iPad）從1.0版本開(kāi)發(fā)至今差不多一年了，回想一下，就記得我和我的伙伴們?yōu)榱诉@個(gè)產(chǎn)品的一直在不斷折騰。

標(biāo)簽欄的折騰事兒：

從1.0版開(kāi)始QQ瀏覽器HD的我們的多標(biāo)簽設(shè)計(jì)，就受到用戶歡迎。但是如何讓標(biāo)簽管理更貼心，整個(gè)項(xiàng)目組就折騰了很久，折騰了各種各樣的辦法。

為了讓用戶在關(guān)閉標(biāo)簽的時(shí)候更輕松，我們的美女交互設(shè)計(jì)師一姐（我們暗地里叫她彪悍姐）提議關(guān)閉按鈕的點(diǎn)擊區(qū)域比視覺(jué)展示的區(qū)域大一些，這樣用戶點(diǎn)起來(lái)會(huì)方便很多。在一姐的威逼利誘之下我們的超級(jí)開(kāi)發(fā)工程師曾哥擼起袖子敲了幾行代碼很快就出了一個(gè)原型給大家體驗(yàn)，大家體驗(yàn)了下果然好用了很多，手大的男生也能輕易操作了。

接著有用戶反饋這個(gè)關(guān)閉標(biāo)簽還是不夠完美。于是大家又坐在一起頭腦風(fēng)暴，看看有沒(méi)有更好的辦法。我們的資深產(chǎn)品經(jīng)理阿萊士（這哥哥頭型巨帥）說(shuō)：“我們可以不可以引入手勢(shì)呢？比如雙擊關(guān)閉？”大家都覺(jué)得操作成本有點(diǎn)高，而且用戶不一定能輕松學(xué)會(huì)，不過(guò)確實(shí)沒(méi)有了更好的方案了，只能折騰一個(gè)原型出來(lái)看看。果然是“信曾哥，有原型”，原型很快就出來(lái)，大家上手以體驗(yàn)，感覺(jué)很不錯(cuò)，但我們覺(jué)得好用還不行，如果教會(huì)用戶使用呢？一姐提出了一個(gè)方案：在新手引導(dǎo)的功能介紹中說(shuō)明。我們覺(jué)得這個(gè)應(yīng)該靠譜，但是問(wèn)了幾個(gè)用戶后，用戶覺(jué)得那樣的介紹很容易忘記。正在猶豫該如何設(shè)計(jì)的時(shí)候，我們的視覺(jué)設(shè)計(jì)師小芳姐（聽(tīng)說(shuō)是90后，一直沒(méi)敢問(wèn)芳齡）突然說(shuō)到：“可以結(jié)合場(chǎng)景啊，點(diǎn)擊關(guān)閉的時(shí)候，這時(shí)候給一個(gè)貼心的提示肯定很不錯(cuò)。”果然，我們就有了雙擊關(guān)閉標(biāo)簽頁(yè)的功能，并且結(jié)合場(chǎng)景給予用戶提示，這下用戶可以輕松的學(xué)會(huì)了。

隨著時(shí)間推移我們發(fā)現(xiàn)用戶有關(guān)閉很多標(biāo)簽頁(yè)的需求，于是我提出應(yīng)該加個(gè)標(biāo)簽長(zhǎng)按的功能，一長(zhǎng)按就能彈出菜單選擇各種關(guān)閉標(biāo)簽頁(yè)的方法。一姐聽(tīng)到后持保留意見(jiàn)，因?yàn)殚L(zhǎng)按操作的學(xué)習(xí)成本比偏高，于是大家又坐在一起開(kāi)會(huì)，想其他方案來(lái)代替，項(xiàng)目經(jīng)理侯哥提議說(shuō)：“這個(gè)菜單長(zhǎng)按確實(shí)太復(fù)雜了，不如用下劃的手勢(shì)劃出吧！”大家聽(tīng)了都很贊同。這次侯哥親自出面來(lái)做原型。原型出來(lái)的時(shí)候卻發(fā)現(xiàn)了一個(gè)問(wèn)題：此時(shí)我們已經(jīng)拿到了iOS5的測(cè)試版本，在這個(gè)系統(tǒng)上，使用下劃手勢(shì)很容易誤將iOS5自帶的通知?jiǎng)澇鰜?lái)，想劃動(dòng)出菜單還是很麻煩的。侯哥很不信邪，自己搗鼓到凌晨12點(diǎn)多，嘗試了下劃手勢(shì)的起點(diǎn)、路徑、時(shí)間間隔等等一大堆不同的參數(shù)，結(jié)果下劃的手勢(shì)在iOS5的體驗(yàn)上還是不夠好。

這個(gè)時(shí)候我們非常的糾結(jié)，因?yàn)橄聞澊_實(shí)比長(zhǎng)按方便，但是下劃在iOS5上有風(fēng)險(xiǎn)，而長(zhǎng)按呢？學(xué)習(xí)成本高，不過(guò)一旦被用戶學(xué)會(huì)卻非常穩(wěn)定。于是我們決定向用戶介紹功能的時(shí)候只介紹長(zhǎng)按能彈出菜單，下劃的手勢(shì)不去掉而是隱藏，給iOS5系統(tǒng)以下的用戶驚喜。

此外，為了減少用戶對(duì)于頁(yè)面載入的中的焦慮感，侯哥提出了在頁(yè)面載入標(biāo)題之前有一個(gè)頁(yè)面載入的動(dòng)畫(huà)，那樣可以減少用戶等待時(shí)間。諸如這樣的關(guān)于標(biāo)簽欄相關(guān)的設(shè)計(jì)方案，整個(gè)項(xiàng)目組花了很大力氣，估計(jì)至少討論過(guò)幾十次，做的原型不下一百個(gè)，折騰了很多，最終結(jié)果還是不錯(cuò)的。

標(biāo)簽： 手機(jī)QQ瀏覽器HD 產(chǎn)品設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。