目前這個互聯(lián)網(wǎng)中網(wǎng)站設(shè)計是非常重要的，只要把網(wǎng)站的頁面設(shè)計的“漂亮”才可以留下用戶，如果你的設(shè)計不合格，即使你網(wǎng)站的功能再強勁，你的產(chǎn)品再好都不會留下用戶，因為頁面是用戶第一映像。

作為一個網(wǎng)站設(shè)計師和開發(fā)者，我們所設(shè)計的每個項目都有特定的目標(biāo)與需求。但同時也有一個共同的目標(biāo)，即要給用戶留下深刻的印象，讓他們難以忘記。富有趣味性的體驗，往往可以給人帶來愉悅的感受，而愉悅的感受往往讓人難以忘懷。所以要想設(shè)計出讓人印象深刻的網(wǎng)站，增添一些趣味性元素便是設(shè)計方法之一。

Jeremy Girard在Smashing Magazine上發(fā)表了《A Fun Approach To Creating More Successful Websites》一文，其中例舉了一系列成功網(wǎng)站，它們巧妙利用趣味性元素，取得了很大的成功——打動了用戶的心，并給用戶留下了深刻的印象。CSDN對該文進行了編譯，內(nèi)容如下：

從The Fun Theory網(wǎng)站談起

前段時間，我收到The Fun Theory網(wǎng)站的鏈接（它是大眾汽車投資的項目）。該網(wǎng)站以某個大賽為主要內(nèi)容，鼓勵用戶重新設(shè)計或思考他們在日常生活中遇到的事情——同時要向其中增加一些趣味性。設(shè)計的作品要足夠有趣，吸引更多的人方便地使用它們。

在該網(wǎng)上發(fā)布的眾多視頻中，我最喜歡一個名稱為“Piano Staircase”的視頻。在這個視頻中，設(shè)計對象是地鐵里的一段樓梯。在該樓梯旁邊有一個電梯，正如我們預(yù)想的那樣，平時大部分的人在往返的過程中都會使用電梯，而不會光顧樓梯。

某天晚上，該地鐵站點關(guān)畢后，這段電梯變成了一個巨大的鋼琴琴鍵，人踩上去還會伴有音樂聲。第二天，當(dāng)行人再次經(jīng)過該站點時，他們被這個巨大的鋼琴樓梯吸引了，很多人優(yōu)先選擇嘗試這個“鋼琴”，而放棄了使用電梯。事實上，自樓梯被重新設(shè)計以后，其增加了66%以上的使用者——這是一個令人驚訝的增長值啊。

為我們的網(wǎng)站也增添一些樂趣

看了該視頻之后，我首先想到的是，作為Web設(shè)計專業(yè)人員，我們?nèi)绾卫蒙厦娉晒Π咐慕?jīng)驗，為我們的作品增加一些樂趣呢？網(wǎng)站設(shè)計怎么做才能吸引到用戶？

通過增加趣味性，來營造一種愉悅的用戶體驗，用戶不僅會樂于使用、印象深刻，同時他還會把這個體驗分享給其他的人。

首先，對趣味性進行定義

為網(wǎng)站增加趣味性，并不是建議把客戶的網(wǎng)站做成一個馬戲團（當(dāng)然，除非你的客戶就是一個馬戲團）。而僅僅是建議在設(shè)計的元素及交互過程中，增加一些趣味性，以幫助網(wǎng)站可以在相當(dāng)長的時間內(nèi)中，為用戶提供一種愉悅的體驗，從整體上更容易讓人記住。

“趣味”并不代表“幼稚”。你為產(chǎn)品增加一些愉悅的用戶體驗，但不應(yīng)該讓你的客戶看起來很幼稚、很不專業(yè)。

下面可以看一些成功的Web網(wǎng)站，看看他們是如何利用“趣味性”為用戶創(chuàng)造一種愉悅、難忘的體驗 。

提高單個常規(guī)頁面的趣味性

幾乎所有的網(wǎng)站都由很多網(wǎng)頁組成。選擇一個特定的網(wǎng)頁或體驗（比如“關(guān)于我們”、“聯(lián)系我們”等頁面），讓它更有趣，并給用戶留下深刻的印象，這個普通頁就會從該網(wǎng)站脫穎而出。

拿上文提到的“關(guān)于我們”頁面為例。Mutant Labs是一個英國設(shè)計與開發(fā)公司。該公司網(wǎng)站上的“About US”頁面，不僅有趣，還加入了一些個性化的元素。只要把鼠標(biāo)移動到團隊成員上，對應(yīng)的成員就會跳出來做一個“招牌”動作。這使原本枯燥的公司簡介變得十分有趣了。

Mutant Labs的“About US”頁面

那對于“聯(lián)系我們”頁面呢？English Workshop是一個提供英語語言學(xué)習(xí)機會的組織機構(gòu)。該網(wǎng)站將提交反饋信息的頁面設(shè)計成了機器的控制面板樣式，以試圖它可以更好的貼合“工作坊”的主題。

English Workshop的“聯(lián)系我們”頁面

尋找一些方法，為網(wǎng)站中有希望提供特殊體驗的普通頁面增添一些趣味性，這樣就會給網(wǎng)站的訪問者帶來難忘的、獨一無二的印象。

為“404 error”頁面增添趣味性

對于大部分頁面，另一個特殊頁面是“404 error”頁面。在該頁面添加一些新的、個性化的元素，可以幫助你驅(qū)散該頁所給用戶帶來的挫敗感。從Smashing Magazine以前的文章中可以看到很多有趣的實例頁面。

除了上面提到的，一個好的“404 error”頁面還應(yīng)該包含指向關(guān)鍵頁面的鏈接，這些頁面應(yīng)該是用戶最有可能訪問的。準(zhǔn)確定位這些頁面，用戶會送你一個微笑，同時可以很容易返回到他們想找的有價值的內(nèi)容。

Pumpkin-King.com網(wǎng)站中的“404 error”頁面

在搜索引擎中增加趣味性

谷歌因為它的搜索引擎而聞名， 它常常會在搜索結(jié)果中添加一些趣味性的東西，而這正是谷歌體驗的重要組成部分，同時大家也都知道現(xiàn)在有很多人都在做搜索引擎推廣。

首先，在某一特殊的日子里，Google的Logo就會變成古怪的“涂鴉”。這些涂鴉即包括簡單的圖形，還包含一些與用戶交互的內(nèi)容，比如可以玩的吃豆子游戲、對吉他傳奇人物L(fēng)es Paul表示致意而設(shè)計的模擬吉他。同時還有大量只能通過特定的詞語和術(shù)語才能在Google上搜索到。在該頁面可以看到更多這樣的“趣味設(shè)計”。

Google增添的這種趣味性設(shè)計產(chǎn)生了很好的效果，因為它并不會與Google提供的其他服務(wù)體驗相沖突。這就是向項目添加趣味性的關(guān)鍵點——確保它不會對站點本身的目的和主要特色產(chǎn)生干擾。

準(zhǔn)確把握趣味性的度

向網(wǎng)站中增添趣味性，挑戰(zhàn)之一便是把它運用的恰大好處。適當(dāng)?shù)靥砑尤の缎?，可以?chuàng)造一個給人印象深刻的網(wǎng)站，然而，過分強調(diào)趣味性，往往適得其反，用戶會被這種夸大而嚇跑。其實，在很多時候，在網(wǎng)站和商標(biāo)設(shè)計上這種夸大也大有用武之地。

CaptainDash.com在整個網(wǎng)站上使用了有趣的插圖與交互方式，包括在“What We Solve”頁面用了有趣的圖書狀的圖層。這個體驗很有趣，很獨特，也很具有個性。但在該網(wǎng)上逛了半天，很難準(zhǔn)確說出這個網(wǎng)站是做什么的。所以對于趣味性體驗，這是潛在的陷阱之一——你的網(wǎng)站必須要能很快地回答用戶最基本的問題：這個公司是做什么。

CaptainDash.com網(wǎng)站上的“What We Solve”頁面

Meomi.com是另一個精心設(shè)計的十分有趣的網(wǎng)站。當(dāng)你在網(wǎng)站移動過程中，這個網(wǎng)頁中會有很多有趣的設(shè)計元素，與你互動。該網(wǎng)站最讓我欣賞的地方，就是無論它設(shè)計的多復(fù)雜，我仍可迅速看出這個網(wǎng)站是做什么。在該網(wǎng)站最頂部，有一條十分醒目的標(biāo)語：專注與玩耍、愉快和美好事物的小小設(shè)計室。

Meomi.com頁面

在網(wǎng)站上過分強調(diào)趣味性，有一定的風(fēng)險，但如果做得恰當(dāng)，也會收到很好的效果——從始自終，創(chuàng)造一種愉悅，讓人難忘的體驗。

趣味性會加深用戶對網(wǎng)站內(nèi)容的記憶

好的設(shè)計可以很好地支持網(wǎng)站的整體內(nèi)容、目的。所以我們應(yīng)努力通過一些有趣的方法去創(chuàng)造一種難忘的體驗，同時還要使內(nèi)容更加讓人難忘。

Converge大會的網(wǎng)站宣稱它將“層層解剖，研究設(shè)計、開發(fā)、市場人員之間的關(guān)系”。該網(wǎng)站展示了一個電子暴龍，當(dāng)你向下滾動這個頁面時，有趣的體驗也就開始了。這個恐龍自下而下始終顯示，但在表現(xiàn)逐漸變化，很好地貼合網(wǎng)站“層層解剖”的主題，這也加深了你對該網(wǎng)頁內(nèi)容的理解。

Converge大會的網(wǎng)站

Seamco網(wǎng)站表達了他們構(gòu)建有“可以使液體物品高效裝瓶、打包的工作流程線”。該網(wǎng)站通過一個模仿高效裝瓶流程線的精彩動畫表達了該內(nèi)容。該網(wǎng)站從頂部（以裝瓶開始）到底部（最終大卡車迅速把裝箱貨物運走），都在表現(xiàn)這一流程線，設(shè)計豐富有趣，讓人印象深刻。

通過講故事，增加網(wǎng)站趣味性

讓用戶快速獲得網(wǎng)站的內(nèi)容，另一個方法是講故事——這是一個有趣的方法，能保證你所講的“故事”令人印象深刻。

Combine會議的宣傳網(wǎng)站利用印度國家的“美國核心地帶”，向我們講述了一個很有趣的故事……一個農(nóng)用機正在田地里工作，同時一個巨大的玉米正被注入大量的放射性物質(zhì)，進入頁面的中部，這個具有放射性的玉米開始瘋狂地橫沖直撞……

另一個成功案例是詳述“共用汽車具有光明前途”的網(wǎng)站。通過使用鍵盤上的左右方向鍵，你就可以“駕駛”該網(wǎng)站上的汽車觀看其上所有的“風(fēng)景”，對“共用汽車”有更多的了解。通過這個方法，你可以訪問到眾多內(nèi)容，通過點擊相關(guān)內(nèi)容，你可以了解更多相關(guān)。該網(wǎng)站所有的信息都以一種十分精彩的交互方式得以展現(xiàn)。

一些網(wǎng)站無法添加趣味性元素，真是這樣嗎？

當(dāng)我告訴Web設(shè)計師向他們設(shè)計的網(wǎng)站中添加一些趣味性元素可以獲得的益處時，他們總會反駁說他們所做的項目沒有地方可以增添趣味性。

是的，一些項目確實很難做得很有趣味性。但一些網(wǎng)站如果使用了該文章上面案例所使用的原則后，可以更成功。

SlaveryFootprint.org是一個“幫助用戶設(shè)想他們是如何陷入成為現(xiàn)代奴隸的”。這個網(wǎng)站似乎不太適合包含趣味性的內(nèi)容。但當(dāng)你訪問這個網(wǎng)頁并選擇那個“What”紅箭頭時，你就會開始了體驗旅程。向下滾動頁面，彩色的、有動畫效果的手的插圖推出相應(yīng)的內(nèi)容塊，告訴用戶相關(guān)的內(nèi)容。內(nèi)容最終以轉(zhuǎn)向“take the survey”頁面的提示結(jié)束，而“take the survey”頁面同樣采用這種交互方式——將一種簡單的網(wǎng)頁形式轉(zhuǎn)變成了令人印象深刻且有效的體驗。

確實有很多網(wǎng)站牽涉到敏感的話題，很難向其中添加趣味性元素。但正如前面兩個案例所證明的那樣，你可以借鑒其他網(wǎng)站所使用的解決方案，在不破壞網(wǎng)站內(nèi)容嚴(yán)肅性、重要性的情況下，營造一種令人印象深刻的體驗。

當(dāng)前文章：網(wǎng)站設(shè)計怎么做才能吸引到用戶的眼球
網(wǎng)頁路徑：http://jinyejixie.com/news/118685.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計等

廣告

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