首頁(yè)?>?知識(shí)?資訊?>?用輕松有趣的方式建設(shè)網(wǎng)站!?>?正文

用輕松有趣的方式建設(shè)網(wǎng)站!

2012/9/20 0:00:00 · 稿源:傳誠(chéng)信

網(wǎng)站設(shè)計(jì)人員和開(kāi)發(fā)人員,與我們合作的每個(gè)項(xiàng)目都有一組唯一的目標(biāo)和要求。但我們?yōu)槲覀兯械捻?xiàng)目的目標(biāo)之一是,我們希望他們能夠讓人們留下深刻的印象 - 我們要?jiǎng)?chuàng)建的網(wǎng)站,我們是令人難忘。

一個(gè)有趣的經(jīng)歷往往是一個(gè)愉快的和令人愉快的經(jīng)驗(yàn)通常是一個(gè)難忘的。因此,按理說(shuō)的方法來(lái)創(chuàng)建一個(gè)難忘的經(jīng)驗(yàn)之一是使一個(gè)有趣的經(jīng)驗(yàn)。在這篇文章中,我們將采取看看如何增加一點(diǎn)的“樂(lè)趣”的組合,可以幫助我們制作更吸引人的,并希望更多成功的網(wǎng)站。

有趣的理論

前一段時(shí)間,我被派到一個(gè)鏈接,大眾汽車(chē)公司贊助的項(xiàng)目稱(chēng)為“有趣的理論。這個(gè)網(wǎng)站的特點(diǎn)是,用戶(hù)可以重新設(shè)計(jì)或重新考慮的東西,他們?cè)谌粘I钪杏龅降谋荣?增加了一些“有趣的”,“到它。其目的是為了看看他們是否能得到更多的人使用它,只是因?yàn)樗橇钊擞淇斓倪@樣做。

雖然有一些偉大的影片在網(wǎng)站上,我愛(ài)最重要的是稱(chēng)為“?鋼琴樓梯。在這段視頻中,一個(gè)實(shí)驗(yàn)需要的地方,一個(gè)在地鐵站的樓梯。旁邊的樓梯,自動(dòng)扶梯。我敢肯定,你可以猜測(cè),更多的人會(huì)使用的自動(dòng)扶梯,而不是樓梯,在他們的日常通勤。

有趣的理論

大眾的“的樂(lè)趣論”網(wǎng)站的挑戰(zhàn),重新設(shè)計(jì)的東西,他們?cè)谌粘I钪杏龅降娜思尤氲剿摹皹?lè)趣”,如果有更多的人將使用它。

一天晚上,而該站被關(guān)閉,這些步驟是變成了巨大的鋼琴鍵,會(huì)發(fā)出聲音時(shí),他們被踩了。乘客退出該站的第二天,他們看到這個(gè)巨大的鋼琴樓梯,其中許多人選擇嘗試它,而不是使用自動(dòng)扶梯。事實(shí)上,66%以上的人比正常使用的樓梯,而安裝在任何人的標(biāo)準(zhǔn) - 一個(gè)驚人的增長(zhǎng)。

我們的網(wǎng)站中添加樂(lè)趣

當(dāng)我看到這個(gè)視頻,我想到的第一件事是如何適用的教訓(xùn),增加樂(lè)趣是我們做的網(wǎng)絡(luò)專(zhuān)業(yè)人員的工作。

通過(guò)使用樂(lè)趣,創(chuàng)造一個(gè)愉快的用戶(hù)體驗(yàn),我們可以為人們提供一個(gè)愉快的經(jīng)驗(yàn),他們不僅可以記住,但是,他們可能會(huì)告訴其他人一樣。

讓我們來(lái)定義“玩轉(zhuǎn)”

也許我應(yīng)該備份了一下,解釋一下我的意思樂(lè)趣。我不建議您把您的客戶(hù)的網(wǎng)站到一個(gè)馬戲團(tuán)的生產(chǎn)(當(dāng)然,除非你的客戶(hù)端是一個(gè)馬戲團(tuán))。我只是建議修改和補(bǔ)充的相互作用問(wèn)題或元素的設(shè)計(jì)增添幾分樂(lè)趣,可以去很長(zhǎng)的路要走幫助網(wǎng)站開(kāi)發(fā)變得更加愉快的使用,更令人難忘的整體。

“樂(lè)”是不一樣的“傻”。您可以添加一個(gè)層的喜悅和享受的用戶(hù)體驗(yàn),使您的客戶(hù)端顯得幼稚或不專(zhuān)業(yè)的。訣竅是知道添加多少樂(lè)趣,最好添加它,而當(dāng)意識(shí)到你已經(jīng)走得太遠(yuǎn)了。

讓我們來(lái)看看一些例子網(wǎng)站的使用樂(lè)趣,創(chuàng)造愉快和難忘的經(jīng)歷為他們的用戶(hù)做大量的工作。

在普通的改進(jìn)

常見(jiàn)的幾乎所有的網(wǎng)站有很多網(wǎng)頁(yè)。一個(gè)典型的網(wǎng)站頁(yè)面或經(jīng)驗(yàn)(如“關(guān)于我們”頁(yè)面,或聯(lián)系表格),它的樂(lè)趣和難忘的,你可以設(shè)置該網(wǎng)站除了通過(guò)提高普通。

以,前面提到的“關(guān)于我們”頁(yè)面上,固定在幾乎任何網(wǎng)站的。突變實(shí)驗(yàn)室,總部設(shè)在英國(guó)的設(shè)計(jì)和開(kāi)發(fā)公司,做了偉大的工作,添加的樂(lè)趣和個(gè)性的感覺(jué)是什么,往往成為無(wú)非是一個(gè)無(wú)聊的公司簡(jiǎn)介頁(yè)面。

突變體實(shí)驗(yàn)室典型的“關(guān)于我們”頁(yè)面增加了一個(gè)有趣的個(gè)性意識(shí)。滾動(dòng),隊(duì)員們看到更多的樂(lè)趣!

得到滿(mǎn)意的網(wǎng)站,把典型的“案例研究”頁(yè)面轉(zhuǎn)換成互動(dòng)式的體驗(yàn)與他們的“滿(mǎn)意輪做了出色的工作。”

“?輪的滿(mǎn)意度?“是一個(gè)有趣的扭曲的典型案例分析”頁(yè)。

“聯(lián)系我們”頁(yè)面怎么樣呢?當(dāng)你建立了一個(gè)網(wǎng)站,沒(méi)有之一是最后一次嗎?英語(yǔ)工作坊?“,組織提供英語(yǔ)學(xué)習(xí)的機(jī)會(huì)”,其簡(jiǎn)單的聯(lián)系表單的樣式看起來(lái)像一臺(tái)機(jī)器的控制面板,綁在很好地該網(wǎng)站的“生產(chǎn)車(chē)間”的主題。

英語(yǔ)工作坊的“聯(lián)系我們”形式的網(wǎng)站的研討會(huì)主題的設(shè)計(jì)元素,從旁邊的休息的偉大工程。

粉碎雜志本身的聯(lián)系頁(yè)面也輕松有趣的方式的一個(gè)例子。該頁(yè)面是由上到下的樂(lè)趣,一個(gè)輕松愉快的,非正式的語(yǔ)氣頁(yè)的問(wèn)候(“你好。讓我們的談話(huà)?!保┮约皢?wèn)題,非凡的管理團(tuán)隊(duì)和卡通陳述。

的公共頁(yè)面上的一個(gè)網(wǎng)站,并想盡辦法增添樂(lè)趣,否則什么是一個(gè)典型的經(jīng)驗(yàn),您可以在您的網(wǎng)站的訪問(wèn)者,而不是創(chuàng)建一個(gè)獨(dú)特而難忘的印象。

挫折好玩嗎?

另一個(gè)典型的大多數(shù)網(wǎng)站的頁(yè)面是“404錯(cuò)誤”頁(yè)面。此頁(yè)添加新的東西,并顯示了一些個(gè)性,否則令人沮喪的情況下,你可以幫擴(kuò)散。在以前的碎雜志文章的幽默和有效的404錯(cuò)誤頁(yè)面,你可以看到一些很好的例子。

另外一個(gè)幽默,無(wú)奈擴(kuò)散的消息,一個(gè)良好的404錯(cuò)誤頁(yè)面,還可以包括鏈接的網(wǎng)站,用戶(hù)是最有可能尋找的關(guān)鍵網(wǎng)頁(yè)。做得正確,你可以讓你的用戶(hù)的笑容,并幫助他們找到自己的方式回的內(nèi)容,他們會(huì)發(fā)現(xiàn)有價(jià)值的。

什么我講一個(gè)有趣的404錯(cuò)誤頁(yè)面,在我的個(gè)人網(wǎng)站上。

尋找樂(lè)趣

盡管谷歌可能是最出名的樂(lè)趣,他們往往在提供這些結(jié)果是對(duì)他們的搜索結(jié)果,谷歌體驗(yàn)的重要組成部分。

首先,你必須異想天開(kāi)的谷歌“涂鴉”中出現(xiàn)的地方,公司的標(biāo)志在特定的日子。這些涂鴉的范圍從簡(jiǎn)單的圖形完全互動(dòng)的經(jīng)驗(yàn),如一個(gè)可玩的吃豆人游戲,或傳奇的Les Paul吉他致敬。也有許多隱藏的寶石,可以發(fā)現(xiàn)在谷歌搜索特定詞組或術(shù)語(yǔ)。搜索支持該功能的瀏覽器(Chrome,蘋(píng)果Safari,F(xiàn)irefox)和屏幕就會(huì)從字面上偏斜本身對(duì)你的“歪”。使用谷歌地圖,你可以搜索“郡”的“魔都”步行路線得到一個(gè)有趣的小警告,“根本就沒(méi)有走進(jìn)魔多。”?到谷歌這樣出爐的權(quán)利,有幾十個(gè)隱藏的寶石。

谷歌是如此的有效添加的樂(lè)趣,他們的理由是,因?yàn)樗麄冇X(jué)得好玩不顯眼的休息的經(jīng)驗(yàn)。谷歌提出的樂(lè)趣,如果你想為你,但服務(wù)本身決不妥協(xié)。這是一個(gè)重要的關(guān)鍵成功添加有趣的項(xiàng)目-?確保它不會(huì)干擾正常功能或網(wǎng)站本身的目的。

過(guò)度的頂用有趣的方法

有趣的網(wǎng)站的挑戰(zhàn)之一是要知道何時(shí)停止。適量的樂(lè)趣,可以創(chuàng)建一個(gè)難忘的經(jīng)驗(yàn),但過(guò)多會(huì)產(chǎn)生相反的效果,促使用戶(hù)由于過(guò)度的頂方法。不過(guò),有次當(dāng)“太多”是正確的量,并當(dāng)過(guò)頂?shù)姆椒ㄊ欠裾娴挠行У钠放坪途W(wǎng)站。

CaptainDash.com在他們的網(wǎng)站上使用了有趣的插圖和互動(dòng),為他們的“我們的解決”一節(jié)包括一本漫畫(huà)書(shū)狀布局。經(jīng)驗(yàn)是愉快的和獨(dú)特的,和個(gè)性網(wǎng)站的尖叫聲。但是,即使在探索自己的網(wǎng)站了幾分鐘后,我發(fā)現(xiàn)很難準(zhǔn)確地解釋了該公司與任何形式的肯定。這是一個(gè)有趣的經(jīng)驗(yàn),全力以赴,潛在的隱患之一-你的網(wǎng)站仍然需要迅速回答用戶(hù)的根本問(wèn)題,“這是什么公司做什么?”。

“?隊(duì)長(zhǎng)沖刺?“提供一個(gè)有趣的經(jīng)驗(yàn),但該公司的目的,是很難發(fā)現(xiàn)的所有個(gè)性。

Meomi.com是另一個(gè)網(wǎng)站,全力以赴加入到他們的網(wǎng)站體驗(yàn)的樂(lè)趣。該網(wǎng)站的整個(gè)設(shè)計(jì)充滿(mǎn)了樂(lè)趣的移動(dòng)和響應(yīng),當(dāng)你滾動(dòng)在他們的字符。總的經(jīng)驗(yàn)是一個(gè)充滿(mǎn)發(fā)現(xiàn)和喜悅,為您探索。我特別喜歡的網(wǎng)站的頁(yè)腳,背后究竟隱藏著什么樹(shù)(去看看自己)。我也很喜歡的事實(shí),該網(wǎng)站是一樣的忙碌,我很快就知道是由于放置在接近頁(yè)面頂部的標(biāo)語(yǔ)- “一個(gè)小的設(shè)計(jì)工作室,致力于發(fā)揮,喜悅,和goodliness?!比蝿?wù)完成了!

的經(jīng)驗(yàn)在Meomi.com上充滿(mǎn)了驚喜,你發(fā)現(xiàn)你探索的接口。

另一個(gè)很好的例子,一個(gè)網(wǎng)站,從頂至底的樂(lè)趣(同時(shí)仍然很容易地發(fā)現(xiàn)哪些網(wǎng)站是所有關(guān)于)兩只長(zhǎng)頸鹿。在該網(wǎng)站的首頁(yè)上,一個(gè)標(biāo)志掛在墻上的,上面寫(xiě)著:“我們?cè)O(shè)計(jì)新鮮的接口,嚴(yán)重的代碼”的支持,清楚地說(shuō)明公司的產(chǎn)品,同時(shí)保持真正的樂(lè)趣的環(huán)境中,他們已經(jīng)創(chuàng)建了整個(gè)網(wǎng)站。

“?兩只長(zhǎng)頸鹿?“做了偉大的工作,明確提出了該公司,同時(shí)保持真正的樂(lè)趣的環(huán)境,跨越整個(gè)網(wǎng)站。

在網(wǎng)站上使用的頂?shù)姆椒梢杂兴娘L(fēng)險(xiǎn),但如果做得正確,它也有它的回報(bào) - 創(chuàng)建一個(gè)從開(kāi)始到結(jié)束愉快和難忘的經(jīng)驗(yàn),是。

您的留言難忘的

一個(gè)偉大的網(wǎng)站的設(shè)計(jì)將支持該網(wǎng)站的的整體消息或目的。因此,我們可以努力要以一種有趣的方式來(lái)創(chuàng)建不僅是一個(gè)難忘的經(jīng)歷,但一個(gè)難忘的消息。

擁有的收斂會(huì)議的網(wǎng)站,它會(huì)“剝離回來(lái)層和檢查設(shè)計(jì),開(kāi)發(fā)和營(yíng)銷(xiāo)之間的交集。”該網(wǎng)站的設(shè)計(jì)是立即引人注目,它使用一個(gè)靠機(jī)械裝置維持生命的人暴龍雷克斯,但有趣的真正開(kāi)始滾動(dòng)時(shí)在頁(yè)面的恐龍仍然存在,但建筑在網(wǎng)站上的“剝離”的主題,你開(kāi)始去肉類(lèi)的內(nèi)容-從字面上!

向下滾動(dòng)頁(yè)面,收斂會(huì)議的網(wǎng)站內(nèi)容的肉-從字面上!

Seamco的網(wǎng)站指出,他們建立“有效率的液體產(chǎn)品的灌裝和包裝生產(chǎn)線”網(wǎng)站集成了一個(gè)精彩的 動(dòng)畫(huà)裝瓶生產(chǎn)線的效率,加強(qiáng)了這一消息。從網(wǎng)站的設(shè)計(jì)(裝瓶的開(kāi)始)頂部一直的底部在那里一輛送貨車(chē)讓經(jīng)常旅行到交付的產(chǎn)品被添加到它的情況下,整個(gè)網(wǎng)站是既有趣和令人難忘的服務(wù)該網(wǎng)站的主要消息。

Seamco的網(wǎng)站加強(qiáng)他們的主要信息,通過(guò)有趣的動(dòng)畫(huà),涵蓋了整個(gè)設(shè)計(jì)。

講故事和樂(lè)趣

另一種方式來(lái)獲得一個(gè)網(wǎng)站的信息傳達(dá)是通過(guò)講故事 - 一個(gè)有趣的方法,可以幫助確保你所講的故事是一個(gè)難忘的。

該網(wǎng)站的聯(lián)合會(huì)議使用的“美國(guó)中心地帶”的位置在印第安納講一個(gè)有趣的故事,蒸發(fā)為你開(kāi)始滾動(dòng)從該網(wǎng)站的頂部...一個(gè)農(nóng)業(yè)機(jī)器的工作中的一個(gè)字段作為一個(gè)巨大的耳朵的玉米被作為泵放射性物質(zhì),到中間的頁(yè)面-其中的放射性玉米開(kāi)始橫沖直撞的破壞,...好,我不希望破壞的樂(lè)趣。訪問(wèn)該網(wǎng)站,并看到自己的故事!

該網(wǎng)站的聯(lián)合會(huì)議,通過(guò)講故事,講的故事,一個(gè)狂暴的,放射性的玉米穗。

另一個(gè)偉大的網(wǎng)站,通過(guò)講故事,詳細(xì)介紹了汽車(chē)共享美好未來(lái)。垂直導(dǎo)航,您可以使用鍵盤(pán)上的箭頭鍵來(lái)“驅(qū)動(dòng)”通過(guò)網(wǎng)站的景色和了解更多關(guān)于汽車(chē)共享。一路上,有幾十種元素,你可以滾動(dòng)或點(diǎn)擊了解更多關(guān)于訪問(wèn)額外的含量,而該網(wǎng)站的消息是說(shuō),在一個(gè)吸引力和互動(dòng)性的方式。

汽車(chē)共享?“?的美好未來(lái)?“告訴通過(guò)一種互動(dòng),有趣的網(wǎng)站體驗(yàn)。

一些網(wǎng)站不能很有趣...或者他們可以嗎?

當(dāng)我跟同系的網(wǎng)頁(yè)設(shè)計(jì)師的好處的網(wǎng)站,他們正在創(chuàng)造的樂(lè)趣,我最經(jīng)常反對(duì)這種做法的說(shuō)法是,他們正在研究的項(xiàng)目有沒(méi)有地方好玩。

是的,它是真實(shí)的,也有項(xiàng)目加入“樂(lè)趣”是一個(gè)艱難的銷(xiāo)售,但有時(shí)即使網(wǎng)站不立即借給自己,以輕松有趣的方式,可以更有效的利用覆蓋在本文前面的例子中使用相同的校長(zhǎng)。

SlaveryFootprint.org是一個(gè)網(wǎng)站,可以讓消費(fèi)者直觀地了解他們的消費(fèi)習(xí)慣與現(xiàn)代奴隸制“。絕對(duì)不聽(tīng)起來(lái)像“好玩”的地方,將工作的經(jīng)驗(yàn),但如果你訪問(wèn)的網(wǎng)站,并選擇“紅色”什么?“箭頭,開(kāi)始。向下滾動(dòng)頁(yè)面和插圖,色彩鮮艷,卡通人物的手段內(nèi)容的第一個(gè)塊的時(shí)間內(nèi)網(wǎng)站的消息告訴。這條消息提示結(jié)束“調(diào)查”,并使用相同的方法,最初的消息-的卡通插圖,期待感,有趣的互動(dòng)性-轉(zhuǎn)進(jìn)入一個(gè)難忘的和強(qiáng)大的一直是一個(gè)簡(jiǎn)單的Web表單經(jīng)驗(yàn)。

“?奴隸制的足跡?“使用插圖和有趣的互動(dòng)的一個(gè)點(diǎn)一個(gè)非常嚴(yán)肅的話(huà)題。

在網(wǎng)上提出了一個(gè)嚴(yán)肅的話(huà)題,另一個(gè)很好的例子是真他媽的危險(xiǎn)。它使用許多相同的技術(shù)和校長(zhǎng),包括“講故事”的方式,之前高亮顯示。網(wǎng)站使用插圖和講故事的水力壓裂過(guò)程和效果的細(xì)節(jié)-在這個(gè)過(guò)程中基本上是建立一個(gè)交互式的信息圖表。其結(jié)果是在一個(gè)更有效的方式比簡(jiǎn)單的段落或靜態(tài)圖像所能做到的經(jīng)驗(yàn),提供了這樣的消息。

“?危險(xiǎn)的水力壓裂法?“?通過(guò)建立一個(gè)交互式的信息圖表,使用說(shuō)明和講故事,以一個(gè)令人難忘的方式得到他們的消息。

當(dāng)然,還有網(wǎng)站的題材敏感,將很難添加到組合的樂(lè)趣。但隨著這兩個(gè)例子顯示,你可以使用許多其他“樂(lè)趣”的網(wǎng)站使用相同的解決方案,以創(chuàng)造一個(gè)難忘的體驗(yàn),而不會(huì)危及你的消息的嚴(yán)重性或重要性。

對(duì)于情感的設(shè)計(jì)

在他的優(yōu)秀著作,設(shè)計(jì)情感,Aarron沃爾特說(shuō)明了情感化設(shè)計(jì)的好處(和潛在的缺陷)。這本書(shū)涵蓋了設(shè)計(jì)的一系列的感情,包括信任,希望,驚喜,快樂(lè)-甚至是愛(ài)才那樣做的。而很多的例子提供了一個(gè)有趣的一點(diǎn)引起這些情緒。

許多情緒“使用一個(gè)有趣的一點(diǎn),引起相應(yīng)的情緒反應(yīng)的例子在Aarron沃爾特的”設(shè)計(jì)。

早在書(shū)的選擇提供了一個(gè)很好的行動(dòng)呼吁中創(chuàng)建的Web體驗(yàn),我們用情感化設(shè)計(jì):

“我們已經(jīng)設(shè)計(jì)可用的接口,這是像廚師烹飪食用的食物。當(dāng)然,我們都希望吃食用的食品的營(yíng)養(yǎng)價(jià)值,但我們也渴望味道。為什么我們滿(mǎn)足于可用時(shí),我們可以使接口可用的和愉快的嗎?“

設(shè)計(jì)令人難忘的

,簡(jiǎn)直是“可用”的Web體驗(yàn)比僅僅食用一餐,是更令人難忘。師傅就像一個(gè)致力于創(chuàng)建一個(gè)菜單,這是一屆真正的無(wú)與倫比的,因此,我們應(yīng)該為Web專(zhuān)業(yè)人士 - 努力設(shè)計(jì)和開(kāi)發(fā)經(jīng)驗(yàn)和接口,是令人難忘的。希望這篇文章可以做到這一點(diǎn)的方法之一是增加了一點(diǎn)樂(lè)趣,我們正在設(shè)計(jì)的項(xiàng)目。

本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(m.jzztb.org.cn)


選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !

1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證

(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)

2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心

3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354