作為一個(gè)Web設(shè)計(jì)師和開(kāi)發(fā)者,我們所設(shè)計(jì)的每個(gè)項(xiàng)目都有特定的方針與需求。但同時(shí)也有一個(gè)配合的方針,即要給用戶(hù)留下深刻的印象,讓他們難以健忘。富有趣味性的體驗(yàn),往往可以給人帶濫暌逛悅的感應(yīng)感染,而愉悅的感應(yīng)感染往往讓人難以忘懷。所以要想設(shè)計(jì)出讓人印象深刻的網(wǎng)站,增添一些趣味性元素即是設(shè)計(jì)體例之一。
Jeremy Girard在Smashing Magazine上揭曉了《A Fun Approach To Creating More Successful Websites》一文,其中例舉了一系列成功網(wǎng)站,它們巧妙操作趣味性元素,取得了很年夜的成功——打動(dòng)了用戶(hù)的心,并給用戶(hù)留下了深刻的印象。CSDN對(duì)該文進(jìn)行了編譯,內(nèi)容如下:
年夜The Fun Theory網(wǎng)站談起
前段時(shí)刻,我收到The Fun Theory網(wǎng)站的鏈接(它是公共汽車(chē)投資的項(xiàng)目)。該網(wǎng)站以某個(gè)年夜賽為首要內(nèi)容,鼓舞激勵(lì)用戶(hù)年夜頭設(shè)計(jì)或思慮他們?cè)谌粘:谥信鲋墓ぷ?mdash;—同時(shí)要向其中增添一些趣味性。設(shè)計(jì)的作品要足夠有趣,吸引更多的人便利地使用它們。
在該網(wǎng)上發(fā)布的眾多視頻中,我最喜歡一個(gè)名稱(chēng)為“Piano Staircase”的視頻。在這個(gè)視頻中,設(shè)計(jì)對(duì)象是地鐵里的一段樓梯。在該樓梯旁邊有一個(gè)電梯,正如我們預(yù)想的那樣,日常平常年夜部門(mén)的人在往返的過(guò)程中城市使用電梯,而不會(huì)幫襯樓梯。

The Fun Theory網(wǎng)站
某天晚上,該地鐵站點(diǎn)關(guān)畢后,這段電梯釀成了一個(gè)巨年夜的鋼琴琴鍵,人踩上去還會(huì)伴有音樂(lè)聲。第二天,當(dāng)行人再次經(jīng)由該站點(diǎn)時(shí),他們被這個(gè)巨年夜的鋼琴樓梯吸引了,良多人優(yōu)先選擇考試考試這個(gè)“鋼琴”,而拋卻了使用電梯。事實(shí)上,自樓梯被年夜頭設(shè)計(jì)往后,其增添了66%以上的使用者——這是一個(gè)令人驚奇的增添值啊。
為我們的網(wǎng)站也增添一些樂(lè)趣
看了該視頻之后,我首先想到的是,作為Web設(shè)計(jì)專(zhuān)業(yè)人員,我們?nèi)艉尾僮魃趴z沔成功案例的經(jīng)驗(yàn),為我們的作品增添一些樂(lè)趣呢。
經(jīng)由過(guò)程增添趣味性,濫暌菇徐一種愉悅的用戶(hù)體驗(yàn),用戶(hù)不僅會(huì)樂(lè)于使用、印象深刻,同時(shí)他還會(huì)把這個(gè)體驗(yàn)分享給其他的人。
首先,對(duì)趣味性進(jìn)行界說(shuō)
為網(wǎng)站增添趣味性,并不是建議把客戶(hù)的網(wǎng)站做成一個(gè)馬戲團(tuán)(當(dāng)然,除非你的客戶(hù)就是一個(gè)馬戲團(tuán))。而僅僅是建議在設(shè)計(jì)的元素及交互過(guò)程中,增添一些趣味性,以輔佐網(wǎng)站可以在相當(dāng)長(zhǎng)的時(shí)刻內(nèi)中,為用戶(hù)供給一種愉悅的體驗(yàn),年夜整體上更輕易讓人記住。
“趣味”并不代表“幼稚”。你為產(chǎn)物增添一些愉悅的用戶(hù)體驗(yàn),但不應(yīng)該讓你的客戶(hù)看起來(lái)很幼稚、很不專(zhuān)業(yè)。
下面可以看一些成功的Web網(wǎng)站,看看他們是若何操作“趣味性”為用戶(hù)締造一種愉悅、難忘的體驗(yàn) 。
提高單個(gè)常規(guī)頁(yè)面的趣味性
幾乎所有的網(wǎng)站都由良多網(wǎng)頁(yè)組成。選擇一個(gè)特定的網(wǎng)頁(yè)或體驗(yàn)(好比“關(guān)于我們”、“聯(lián)系我們”等頁(yè)面),讓它更有趣,并給用戶(hù)留下深刻的印象,這個(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)作。這使原本死板的公私人介變得十分有趣了。

Mutant Labs的“About US”頁(yè)面
那對(duì)于“聯(lián)系我們”頁(yè)面呢?English Workshop是一個(gè)供給英語(yǔ)說(shuō)話(huà)進(jìn)修機(jī)緣的組織機(jī)構(gòu)。該網(wǎng)站將提交反饋信息的頁(yè)面設(shè)計(jì)成了機(jī)械的節(jié)制面板樣式,以試圖它可以更好的貼合“工作坊”的主題。

English Workshop的“聯(lián)系我們”頁(yè)面
尋找一些體例,為網(wǎng)站中有但愿供給非凡體驗(yàn)的通俗頁(yè)面增添一些趣味性,這樣就會(huì)給網(wǎng)站的訪(fǎng)謁者帶來(lái)難忘的、并世無(wú)雙的印象。
為“404 error”頁(yè)面增添趣味性
對(duì)于年夜部門(mén)頁(yè)面,另一個(gè)非凡頁(yè)面是“404 error”頁(yè)面。在該頁(yè)面添加一些新的、個(gè)性化的元素,可以輔佐你驅(qū)散該頁(yè)所給用戶(hù)帶來(lái)的挫敗感。年夜Smashing Magazine以前的文章中可以看到良多有趣的實(shí)例頁(yè)面。
除了膳縵沔提到的,一個(gè)好的“404 error”頁(yè)面還應(yīng)該包含指向關(guān)頭頁(yè)面的鏈接,這些頁(yè)面應(yīng)該是用戶(hù)最有可能訪(fǎng)謁的。切確定位這些頁(yè)面,用戶(hù)會(huì)送你一個(gè)微笑,同時(shí)可以很輕易返回到他們想找的有價(jià)值的內(nèi)容。

Pumpkin-King.com網(wǎng)站中的“404 error”頁(yè)面
在搜索引擎中增添趣味性
谷歌因?yàn)樗乃阉饕娑劽?它經(jīng)常會(huì)在搜索結(jié)不美觀中添加一些趣味性的工具,而這恰是谷歌體驗(yàn)的主要組成部門(mén)。
首先,在某一非凡的日子里,Google的Logo就會(huì)釀成怪僻事“涂鴉”。這些涂鴉即搜羅簡(jiǎn)單的圖形,還包含一些與用戶(hù)交互的內(nèi)容,好比可以玩的吃豆子游戲、對(duì)吉他傳奇人物L(fēng)es Paul暗示請(qǐng)安而設(shè)計(jì)的模擬吉他。同時(shí)還有年夜量只能經(jīng)由過(guò)程特定的詞語(yǔ)和術(shù)語(yǔ)才能在Google上搜索到。在該頁(yè)面可以看到更多這樣的“趣味設(shè)計(jì)”。
推薦閱讀
<b>透視Pinterest 淺析視覺(jué)化社交網(wǎng)站的發(fā)展瓶頸</b>
導(dǎo)讀:國(guó)外社交網(wǎng)pinterest(中文名:圖釘)成為最新的社交驕子,受到創(chuàng)頤魅者與成本市場(chǎng)的熱捧,自開(kāi)辦至今,其成長(zhǎng)速度讓人震動(dòng),其用戶(hù)群以達(dá)到1100萬(wàn)之多。但任何行業(yè)都有著一些自己的小奧秘,本文內(nèi)就揭露了Pinte>>>詳細(xì)閱讀
本文標(biāo)題:<b>詳解網(wǎng)站設(shè)計(jì)趣味性:吸引用戶(hù) 增強(qiáng)網(wǎng)站黏性</b>
地址:http://www.sdlzkt.com/a/22/20120309/38825.html

網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示