作為一個(gè)Web設(shè)計(jì)師和開(kāi)發(fā)者,我們所設(shè)計(jì)的每個(gè)項(xiàng)目都有特定的目標(biāo)與需求。但同時(shí)也有一個(gè)共同的目標(biāo),即要給用戶留下深刻的印象,讓他們難以忘記。富有趣味性的體驗(yàn),往往可以給人帶來(lái)愉悅的感受,而愉悅的感受往往讓人難以忘懷。所以要想設(shè)計(jì)出讓人印象深刻的網(wǎng)站,增添一些趣味性元素便是設(shè)計(jì)方法之一。Jeremy Girard在Smashing Magazine上發(fā)表了《A Fun Approach To Creating More Successful Websites》一文,其中例舉了一系列成功網(wǎng)站,它們巧妙利用趣味性元素,取得了很大的成功——打動(dòng)了用戶的心,并給用戶留下了深刻的印象。CSDN對(duì)該文進(jìn)行了編譯,內(nèi)容如下:從The Fun Theory網(wǎng)站談起前段時(shí)間,我收到The Fun Theory網(wǎng)站的鏈接(它是大眾汽車投資的項(xiàng)目)。該網(wǎng)站以某個(gè)大賽為主要內(nèi)容,鼓勵(lì)用戶重新設(shè)計(jì)或思考他們?cè)谌粘I钪杏龅降氖虑椤瑫r(shí)要向其中增加一些趣味性。設(shè)計(jì)的作品要足夠有趣,吸引更多的人方便地使用它們。在該網(wǎng)上發(fā)布的眾多視頻中,我最喜歡一個(gè)名稱為“Piano Staircase”的視頻。在這個(gè)視頻中,設(shè)計(jì)對(duì)象是地鐵里的一段樓梯。在該樓梯旁邊有一個(gè)電梯,正如我們預(yù)想的那樣,平時(shí)大部分的人在往返的過(guò)程中都會(huì)使用電梯,而不會(huì)光顧樓梯。
The Fun Theory網(wǎng)站某天晚上,該地鐵站點(diǎn)關(guān)畢后,這段電梯變成了一個(gè)巨大的鋼琴琴鍵,人踩上去還會(huì)伴有音樂(lè)聲。第二天,當(dāng)行人再次經(jīng)過(guò)該站點(diǎn)時(shí),他們被這個(gè)巨大的鋼琴樓梯吸引了,很多人優(yōu)先選擇嘗試這個(gè)“鋼琴”,而放棄了使用電梯。事實(shí)上,自樓梯被重新設(shè)計(jì)以后,其增加了66%以上的使用者——這是一個(gè)令人驚訝的增長(zhǎng)值啊。為我們的網(wǎng)站也增添一些樂(lè)趣看了該視頻之后,我首先想到的是,作為Web設(shè)計(jì)專業(yè)人員,我們?nèi)绾卫蒙厦娉晒Π咐慕?jīng)驗(yàn),為我們的作品增加一些樂(lè)趣呢。通過(guò)增加趣味性,來(lái)營(yíng)造一種愉悅的用戶體驗(yàn),用戶不僅會(huì)樂(lè)于使用、印象深刻,同時(shí)他還會(huì)把這個(gè)體驗(yàn)分享給其他的人。首先,對(duì)趣味性進(jìn)行定義為網(wǎng)站增加趣味性,并不是建議把客戶的網(wǎng)站做成一個(gè)馬戲團(tuán)(當(dāng)然,除非你的客戶就是一個(gè)馬戲團(tuán))。而僅僅是建議在設(shè)計(jì)的元素及交互過(guò)程中,增加一些趣味性,以幫助網(wǎng)站可以在相當(dāng)長(zhǎng)的時(shí)間內(nèi)中,為用戶提供一種愉悅的體驗(yàn),從整體上更容易讓人記住。“趣味”并不代表“幼稚”。你為產(chǎn)品增加一些愉悅的用戶體驗(yàn),但不應(yīng)該讓你的客戶看起來(lái)很幼稚、很不專業(yè)。下面可以看一些成功的Web網(wǎng)站,看看他們是如何利用“趣味性”為用戶創(chuàng)造一種愉悅、難忘的體驗(yàn)。提高單個(gè)常規(guī)頁(yè)面的趣味性幾乎所有的網(wǎng)站都由很多網(wǎng)頁(yè)組成。選擇一個(gè)特定的網(wǎng)頁(yè)或體驗(yàn)(比如“關(guān)于我們”、“聯(lián)系我們”等頁(yè)面),讓它更有趣,并給用戶留下深刻的印象,這個(gè)普通頁(yè)就會(huì)從該網(wǎng)站脫穎而出。拿上文提到的“關(guān)于我們”頁(yè)面為例。Mutant Labs是一個(gè)英國(guó)設(shè)計(jì)與開(kāi)發(fā)公司。該公司網(wǎng)站上的“About US”頁(yè)面,不僅有趣,還加入了一些個(gè)性化的元素。只要把鼠標(biāo)移動(dòng)到團(tuán)隊(duì)成員上,對(duì)應(yīng)的成員就會(huì)跳出來(lái)做一個(gè)“招牌”動(dòng)作。這使原本枯燥的公司簡(jiǎn)介變得十分有趣了。
Mutant Labs的“About US”頁(yè)面那對(duì)于“聯(lián)系我們”頁(yè)面呢?English Workshop是一個(gè)提供英語(yǔ)語(yǔ)言學(xué)習(xí)機(jī)會(huì)的組織機(jī)構(gòu)。該網(wǎng)站將提交反饋信息的頁(yè)面設(shè)計(jì)成了機(jī)器的控制面板樣式,以試圖它可以更好的貼合“工作坊”的主題。
English Workshop的“聯(lián)系我們”頁(yè)面尋找一些方法,為網(wǎng)站中有希望提供特殊體驗(yàn)的普通頁(yè)面增添一些趣味性,這樣就會(huì)給網(wǎng)站的訪問(wèn)者帶來(lái)難忘的、獨(dú)一無(wú)二的印象。為“404 error”頁(yè)面增添趣味性對(duì)于大部分頁(yè)面,另一個(gè)特殊頁(yè)面是“404 error”頁(yè)面。在該頁(yè)面添加一些新的、個(gè)性化的元素,可以幫助你驅(qū)散該頁(yè)所給用戶帶來(lái)的挫敗感。從Smashing Magazine以前的文章中可以看到很多有趣的實(shí)例頁(yè)面。除了上面提到的,一個(gè)好的“404 error”頁(yè)面還應(yīng)該包含指向關(guān)鍵頁(yè)面的鏈接,這些頁(yè)面應(yīng)該是用戶最有可能訪問(wèn)的。準(zhǔn)確定位這些頁(yè)面,用戶會(huì)送你一個(gè)微笑,同時(shí)可以很容易返回到他們想找的有價(jià)值的內(nèi)容。
|