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