蘭州網絡公司中的(de)設計師和(hé / huò)程序員作爲(wéi / wèi)甘肅互聯網行業的(de)助跑者和(hé / huò)信息化建設的(de)推動者，我們蘭州網站制作的(de)Web設計師和(hé / huò)程序開發者所設計的(de)每個(gè)項目都有特定的(de)目标與需求。但同時(shí)也(yě)有一(yī / yì ／yí)個(gè)共同的(de)目标，即要(yào / yāo)給用戶留下深刻的(de)印象，讓他(tā)們難以(yǐ)忘記。富有趣味性的(de)體驗，往往可以(yǐ)給人(rén)帶來(lái)愉悅的(de)感受，而(ér)愉悅的(de)感受往往讓人(rén)難以(yǐ)忘懷。所以(yǐ)要(yào / yāo)想設計出(chū)讓人(rén)印象深刻的(de)網站，增添一(yī / yì ／yí)些趣味性元素便是(shì)設計方法之(zhī)一(yī / yì ／yí)。

　　Jeremy Girard在(zài)Smashing Magazine上(shàng)發表了(le／liǎo)《A Fun Approach To Creating More Successful Websites》一(yī / yì ／yí)文，其中例舉了(le／liǎo)一(yī / yì ／yí)系列成功網站，它們巧妙利用趣味性元素，取得了(le／liǎo)很大(dà)的(de)成功——打動了(le／liǎo)用戶的(de)心，并給用戶留下了(le／liǎo)深刻的(de)印象。CSDN對該文進行了(le／liǎo)編譯，内容如下：

　　蘭州網絡公司的(de)Web設計師和(hé / huò)開發者應該如何設計網站：從The Fun Theory網站談起

　　前段時(shí)間，我收到(dào)The Fun Theory網站的(de)鏈接(它是(shì)大(dà)衆汽車投資的(de)項目)。該網站以(yǐ)某個(gè)大(dà)賽爲(wéi / wèi)主要(yào / yāo)内容，鼓勵用戶重新設計或思考他(tā)們在(zài)日常生活中遇到(dào)的(de)事情——同時(shí)要(yào / yāo)向其中增加一(yī / yì ／yí)些趣味性。設計的(de)作品要(yào / yāo)足夠有趣，吸引更多的(de)人(rén)方便地(dì / de)使用它們。

　　在(zài)該網上(shàng)發布的(de)衆多視頻中，我最喜歡一(yī / yì ／yí)個(gè)名稱爲(wéi / wèi)“Piano Staircase”的(de)視頻。在(zài)這(zhè)個(gè)視頻中，設計對象是(shì)地(dì / de)鐵裏的(de)一(yī / yì ／yí)段樓梯。在(zài)該樓梯旁邊有一(yī / yì ／yí)個(gè)電梯，正如我們預想的(de)那樣，平時(shí)大(dà)部分的(de)人(rén)在(zài)往返的(de)過程中都會使用電梯，而(ér)不(bù)會光顧樓梯。

　　The Fun Theory網站

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

　　爲(wéi / wèi)我們的(de)網站也(yě)增添一(yī / yì ／yí)些樂趣，看了(le／liǎo)該視頻之(zhī)後，我首先想到(dào)的(de)是(shì)，作爲(wéi / wèi)Web設計專業人(rén)員，我們如何利用上(shàng)面成功案例的(de)經驗，爲(wéi / wèi)我們的(de)作品增加一(yī / yì ／yí)些樂趣呢。

　　通過增加趣味性，來(lái)營造一(yī / yì ／yí)種愉悅的(de)用戶體驗，用戶不(bù)僅會樂于(yú)使用、印象深刻，同時(shí)他(tā)還會把這(zhè)個(gè)體驗分享給其他(tā)的(de)人(rén)。

　　首先，對趣味性進行定義

　　爲(wéi / wèi)網站增加趣味性，并不(bù)是(shì)建議把客戶的(de)網站做成一(yī / yì ／yí)個(gè)馬戲團(當然，除非你的(de)客戶就(jiù)是(shì)一(yī / yì ／yí)個(gè)馬戲團)。而(ér)僅僅是(shì)建議在(zài)設計的(de)元素及交互過程中，增加一(yī / yì ／yí)些趣味性，以(yǐ)幫助網站可以(yǐ)在(zài)相當長的(de)時(shí)間内中，爲(wéi / wèi)用戶提供一(yī / yì ／yí)種愉悅的(de)體驗，從整體上(shàng)更容易讓人(rén)記住。

　　“趣味”并不(bù)代表“幼稚”。你爲(wéi / wèi)産品增加一(yī / yì ／yí)些愉悅的(de)用戶體驗，但不(bù)應該讓你的(de)客戶看起來(lái)很幼稚、很不(bù)專業。

　　下面可以(yǐ)看一(yī / yì ／yí)些成功的(de)Web網站，看看他(tā)們是(shì)如何利用“趣味性”爲(wéi / wèi)用戶創造一(yī / yì ／yí)種愉悅、難忘的(de)體驗 。

　　蘭州網絡公司的(de)Web設計師和(hé / huò)開發者應該如何設計網站：提高單個(gè)常規頁面的(de)趣味性

　　幾乎所有的(de)網站都由很多網頁組成。選擇一(yī / yì ／yí)個(gè)特定的(de)網頁或體驗(比如“關于(yú)我們”、“聯系我們”等頁面)，讓它更有趣，并給用戶留下深刻的(de)印象，這(zhè)個(gè)普通頁就(jiù)會從該網站脫穎而(ér)出(chū)。

　　拿上(shàng)文提到(dào)的(de)“關于(yú)我們”頁面爲(wéi / wèi)例。Mutant Labs是(shì)一(yī / yì ／yí)個(gè)英國(guó)設計與開發公司。該公司網站上(shàng)的(de)“About US”頁面，不(bù)僅有趣，還加入了(le／liǎo)一(yī / yì ／yí)些個(gè)性化的(de)元素。隻要(yào / yāo)把鼠标移動到(dào)團隊成員上(shàng)，對應的(de)成員就(jiù)會跳出(chū)來(lái)做一(yī / yì ／yí)個(gè)“招牌”動作。這(zhè)使原本枯燥的(de)公司簡介變得十分有趣了(le／liǎo)。#p#副标題#e#

　　Mutant Labs的(de)“About US”頁面

　　那對于(yú)“聯系我們”頁面呢?English Workshop是(shì)一(yī / yì ／yí)個(gè)提供英語語言學習機會的(de)組織機構。該網站将提交反饋信息的(de)頁面設計成了(le／liǎo)機器的(de)控制面闆樣式，以(yǐ)試圖它可以(yǐ)更好的(de)貼合“工作坊”的(de)主題。

　　English Workshop的(de)“聯系我們”頁面

　　尋找一(yī / yì ／yí)些方法，爲(wéi / wèi)網站中有希望提供特殊體驗的(de)普通頁面增添一(yī / yì ／yí)些趣味性，這(zhè)樣就(jiù)會給網站的(de)訪問者帶來(lái)難忘的(de)、獨一(yī / yì ／yí)無二的(de)印象。

　　爲(wéi / wèi)“404 error”頁面增添趣味性

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

　　除了(le／liǎo)上(shàng)面提到(dào)的(de)，一(yī / yì ／yí)個(gè)好的(de)“404 error”頁面還應該包含指向關鍵頁面的(de)鏈接，這(zhè)些頁面應該是(shì)用戶最有可能訪問的(de)。準确定位這(zhè)些頁面，用戶會送你一(yī / yì ／yí)個(gè)微笑，同時(shí)可以(yǐ)很容易返回到(dào)他(tā)們想找的(de)有價值的(de)内容。

　　Pumpkin-King.com網站中的(de)“404 error”頁面#p#副标題#e#

　　蘭州網絡公司的(de)Web設計師和(hé / huò)開發者應該如何設計網站：在(zài)搜索引擎中增加趣味性

　　谷歌因爲(wéi / wèi)它的(de)搜索引擎而(ér)聞名， 它常常會在(zài)搜索結果中添加一(yī / yì ／yí)些趣味性的(de)東西，而(ér)這(zhè)正是(shì)谷歌體驗的(de)重要(yào / yāo)組成部分。

　　首先，在(zài)某一(yī / yì ／yí)特殊的(de)日子(zǐ)裏，Google的(de)Logo就(jiù)會變成古怪的(de)“塗鴉”。這(zhè)些塗鴉即包括簡單的(de)圖形，還包含一(yī / yì ／yí)些與用戶交互的(de)内容，比如可以(yǐ)玩的(de)吃豆子(zǐ)遊戲、對吉他(tā)傳奇人(rén)物Les Paul表示緻意而(ér)設計的(de)模拟吉他(tā)。同時(shí)還有大(dà)量隻能通過特定的(de)詞語和(hé / huò)術語才能在(zài)Google上(shàng)搜索到(dào)。在(zài)該頁面可以(yǐ)看到(dào)更多這(zhè)樣的(de)“趣味設計”。

　　Google增添的(de)這(zhè)種趣味性設計産生了(le／liǎo)很好的(de)效果，因爲(wéi / wèi)它并不(bù)會與Google提供的(de)其他(tā)服務體驗相沖突。這(zhè)就(jiù)是(shì)向項目添加趣味性的(de)關鍵點——确保它不(bù)會對站點本身的(de)目的(de)和(hé / huò)主要(yào / yāo)特色産生幹擾。

　　準确把握趣味性的(de)度

　　向網站中增添趣味性，挑戰之(zhī)一(yī / yì ／yí)便是(shì)把它運用的(de)恰大(dà)好處。适當地(dì / de)添加趣味性，可以(yǐ)創造一(yī / yì ／yí)個(gè)給人(rén)印象深刻的(de)網站，然而(ér)，過分強調趣味性，往往适得其反，用戶會被這(zhè)種誇大(dà)而(ér)吓跑。其實，在(zài)很多時(shí)候，在(zài)網站和(hé / huò)商标設計上(shàng)這(zhè)種誇大(dà)也(yě)大(dà)有用武之(zhī)地(dì / de)。

　　CaptainDash.com在(zài)整個(gè)網站上(shàng)使用了(le／liǎo)有趣的(de)插圖與交互方式，包括在(zài)“What We Solve”頁面用了(le／liǎo)有趣的(de)圖書狀的(de)圖層。這(zhè)個(gè)體驗很有趣，很獨特，也(yě)很具有個(gè)性。但在(zài)該網上(shàng)逛了(le／liǎo)半天，很難準确說(shuō)出(chū)這(zhè)個(gè)網站是(shì)做什麽的(de)。所以(yǐ)對于(yú)趣味性體驗，這(zhè)是(shì)潛在(zài)的(de)陷阱之(zhī)一(yī / yì ／yí)——你的(de)網站必須要(yào / yāo)能很快地(dì / de)回答用戶最基本的(de)問題：這(zhè)個(gè)公司是(shì)做什麽。#p#副标題#e#

　　蘭州網絡公司的(de)Web設計師和(hé / huò)開發者應該如何設計網站：CaptainDash.com網站上(shàng)的(de)“What We Solve”頁面

　　Meomi.com是(shì)另一(yī / yì ／yí)個(gè)精心設計的(de)十分有趣的(de)網站。當你在(zài)網站移動過程中，這(zhè)個(gè)網頁中會有很多有趣的(de)設計元素，與你互動。該網站最讓我欣賞的(de)地(dì / de)方，就(jiù)是(shì)無論它設計的(de)多複雜，我仍可迅速看出(chū)這(zhè)個(gè)網站是(shì)做什麽。在(zài)該網站最頂部，有一(yī / yì ／yí)條十分醒目的(de)标語：專注與玩耍、愉快和(hé / huò)美好事物的(de)小小設計室。

　　Meomi.com頁面

　　在(zài)網站上(shàng)過分強調趣味性，有一(yī / yì ／yí)定的(de)風險，但如果做得恰當，也(yě)會收到(dào)很好的(de)效果——從始自終，創造一(yī / yì ／yí)種愉悅，讓人(rén)難忘的(de)體驗。

　　趣味性會加深用戶對網站内容的(de)記憶

　　好的(de)設計可以(yǐ)很好地(dì / de)支持網站的(de)整體内容、目的(de)。所以(yǐ)我們應努力通過一(yī / yì ／yí)些有趣的(de)方法去創造一(yī / yì ／yí)種難忘的(de)體驗，同時(shí)還要(yào / yāo)使内容更加讓人(rén)難忘。

　　Converge大(dà)會的(de)網站宣稱它将“層層解剖，研究設計、開發、市場人(rén)員之(zhī)間的(de)關系”。該網站展示了(le／liǎo)一(yī / yì ／yí)個(gè)電子(zǐ)暴龍，當你向下滾動這(zhè)個(gè)頁面時(shí)，有趣的(de)體驗也(yě)就(jiù)開始了(le／liǎo)。這(zhè)個(gè)恐龍自下而(ér)下始終顯示，但在(zài)表現逐漸變化，很好地(dì / de)貼合網站“層層解剖”的(de)主題，這(zhè)也(yě)加深了(le／liǎo)你對該網頁内容的(de)理解。