這是Chagemakers團(tuán)隊(duì)就UI界面改版帶來(lái)的令人吃驚的改善效果的一篇總結(jié)文章。有的時(shí)候，一個(gè)不起眼的改動(dòng)會(huì)起到意想不到的作用，所以開(kāi)發(fā)者應(yīng)該記住：永遠(yuǎn)不要低估用戶(hù)提出的改進(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ì)于用戶(hù)來(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)效果：不僅僅可以增加引用的美觀性，更能夠提升用戶(hù)的使用體驗(yàn)?？偠灾覀兛紤]了用戶(hù)的使用習(xí)慣，改變了我們的設(shè)計(jì)，包括兩邊的半透明箭頭指示，用戶(hù)也可以用左右鍵來(lái)進(jìn)行切換，同時(shí)速度也有了明顯的提升，讓用戶(hù)在瀏覽中感到興奮和產(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以便用戶(hù)可以復(fù)制特定引用名言的鏈接，修正了瀏覽器的導(dǎo)航(前進(jìn)和后退按鈕)，批量加載引用數(shù)據(jù)，具體的腳本這里就不列出了，感興趣的讀者可以通過(guò)文章后的鏈接閱讀全文。

令人驚奇的效果

我們只是因?yàn)椴辉副慌笥牙鲜莵?lái)煩我們才做了這樣一個(gè)改動(dòng)，起初我們認(rèn)為，這可能會(huì)有一個(gè)不錯(cuò)的視覺(jué)效果，也可能會(huì)讓一些用戶(hù)更喜歡我們的產(chǎn)品。但最終的結(jié)果還是嚇了我們一大跳：網(wǎng)站使用率猛增240%，現(xiàn)在，我們需要處理每日上百萬(wàn)的頁(yè)面請(qǐng)求!

我們認(rèn)為，這是一個(gè)不要低估了一個(gè)微小的改進(jìn)有多么重要的例子。我們希望你也能夠從我們做這件事的過(guò)程中得到啟發(fā)。

本文題目：譯文：一個(gè)小改動(dòng)讓網(wǎng)站使用率提升240%
新聞來(lái)源：http://www.aaarwkj.com/news1/121801.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站排名、虛擬主機(jī)、域名注冊(cè)、用戶(hù)體驗(yàn)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)