一個(gè)小改動(dòng)讓網(wǎng)站使用率提升240%
來(lái)源:解決方案 2012-10-15
【編者按】:這是Chagemakers團(tuán)隊(duì)就UI界面改版帶來(lái)的令人吃驚的改善效果的一篇總結(jié)文章。有的時(shí)候,一個(gè)不起眼的改動(dòng)會(huì)起到意想不到的作用,所以開(kāi)發(fā)者應(yīng)該記住:永遠(yuǎn)不要低估用戶提出的改進(jìn)需求。
這件事情的來(lái)龍去脈是這樣的:我有一個(gè)好朋友,他一直和我們建議用Ajax來(lái)寫(xiě)我們的“名人名言”引用頁(yè)面。由于這并不在我們的計(jì)劃當(dāng)中,我們認(rèn)為這一改動(dòng)的優(yōu)先級(jí)應(yīng)該是比較靠后的,因?yàn)槲覀冋J(rèn)為,這只是一種審美上的改善,對(duì)于用戶來(lái)說(shuō)并沒(méi)有增加什么實(shí)用性。
不過(guò),這個(gè)朋友是一個(gè)不達(dá)目地誓不甘休的人,他不厭其煩給我們提意見(jiàn),考慮到他在審美上的感覺(jué)不錯(cuò),同時(shí)也為了讓他不再煩我們,我們決定找個(gè)周末來(lái)改一下,搞完拉倒。
設(shè)計(jì)
Ajax的功能讓我們?cè)诨?dòng)性和分頁(yè)引用上引發(fā)了一場(chǎng)討論,我們很快發(fā)現(xiàn)這一功能的巨大價(jià)值。要知道,設(shè)計(jì)策略的核心要素就是如何創(chuàng)造一種能夠培養(yǎng)靈感的氣氛,這需要一系列的化學(xué)反應(yīng)。我們集思廣益,最終敲定了結(jié)果。
(老的UI截屏)
我們需要做到這樣的一種互動(dòng)效果:不僅僅可以增加引用的美觀性,更能夠提升用戶的使用體驗(yàn)�？偠灾�,我們考慮了用戶的使用習(xí)慣,改變了我們的設(shè)計(jì),包括兩邊的半透明箭頭指示,用戶也可以用左右鍵來(lái)進(jìn)行切換,同時(shí)速度也有了明顯的提升,讓用戶在瀏覽中感到興奮和產(chǎn)生信任感。不怕告訴你,我們沉溺于這些細(xì)節(jié)改動(dòng)中,差點(diǎn)就出不來(lái)了。
最終的結(jié)果如上圖所示。
實(shí)現(xiàn)
乍一看,你會(huì)覺(jué)得這點(diǎn)小事只要一個(gè)人弄上一小時(shí)就可以搞定。一開(kāi)始我們想,我們只要弄些jquery程序就好,但真正的編程大神知道的話一定會(huì)笑死了,哪有那么簡(jiǎn)單。
簡(jiǎn)單地講,我們必須解決當(dāng)前引用的名言與在頁(yè)面底部的社交分享功能造成的沖突,同時(shí)保證加載的速度,重寫(xiě)URL以便用戶可以復(fù)制特定引用名言的鏈接,修正了瀏覽器的導(dǎo)航(前進(jìn)和后退按鈕),批量加載引用數(shù)據(jù),具體的腳本這里就不列出了,感興趣的讀者可以通過(guò)文章后的鏈接閱讀全文。
令人驚奇的效果
我們只是因?yàn)椴辉副慌笥牙鲜莵?lái)煩我們才做了這樣一個(gè)改動(dòng),起初我們認(rèn)為,這可能會(huì)有一個(gè)不錯(cuò)的視覺(jué)效果,也可能會(huì)讓一些用戶更喜歡我們的產(chǎn)品。但最終的結(jié)果還是嚇了我們一大跳:網(wǎng)站使用率猛增240%,現(xiàn)在,我們需要處理每日上百萬(wàn)的頁(yè)面請(qǐng)求!
我們認(rèn)為,這是一個(gè)不要低估了一個(gè)微小的改進(jìn)有多么重要的例子。我們希望你也能夠從我們做這件事的過(guò)程中得到啟發(fā)。
Via Changemakrs
(Yoyo 供雷鋒網(wǎng)專稿,轉(zhuǎn)載請(qǐng)注明來(lái)自雷鋒網(wǎng)及作者,并鏈回本頁(yè))
收藏本文
文章編輯: 365webcall網(wǎng)站在線客服系統(tǒng)(www.365webcall.com)
我的評(píng)論
| 登錄賬號(hào)： | 密碼： | 快速注冊(cè) | 找回密碼 |  |
