義烏網(wǎng)站設(shè)計(jì)如何才能打動用戶的心？

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

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

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

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

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

The Fun Theory網(wǎng)站

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

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

看了該視頻之后，我首先想到的是，作為Web設(shè)計(jì)專業(yè)人員，我們?nèi)绾卫蒙厦娉晒Π咐慕?jīng)驗(yàn)，為我們的作品增加一些樂趣呢。

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

首先，對趣味性進(jìn)行定義

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

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

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

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

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

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

Mutant Labs的“About US”頁面

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

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

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

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

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

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

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

在搜索引擎中增加趣味性

谷歌因?yàn)樗乃阉饕娑劽?它常常會在搜索結(jié)果中添加一些趣味性的東西，而這正是谷歌體驗(yàn)的重要組成部分。

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

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