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

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

2012/9/20 0:00:00 · 稿源:傳誠信

網(wǎng)站設(shè)計人員和開發(fā)人員,與我們合作的每個項目都有一組唯一的目標和要求。但我們?yōu)槲覀兯械捻椖康哪繕酥皇?,我們希望他們能夠讓人們留下深刻的印?- 我們要創(chuàng)建的網(wǎng)站,我們是令人難忘。

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

有趣的理論

前一段時間,我被派到一個鏈接,大眾汽車公司贊助的項目稱為“有趣的理論。這個網(wǎng)站的特點是,用戶可以重新設(shè)計或重新考慮的東西,他們在日常生活中遇到的比賽-增加了一些“有趣的”,“到它。其目的是為了看看他們是否能得到更多的人使用它,只是因為它是令人愉快的這樣做。

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

有趣的理論

大眾的“的樂趣論”網(wǎng)站的挑戰(zhàn),重新設(shè)計的東西,他們在日常生活中遇到的人加入到它的“樂趣”,如果有更多的人將使用它。

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

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

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

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

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

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

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

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

在普通的改進

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

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

突變體實驗室典型的“關(guān)于我們”頁面增加了一個有趣的個性意識。滾動,隊員們看到更多的樂趣!

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

“?輪的滿意度?“是一個有趣的扭曲的典型案例分析”頁。

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

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

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

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

挫折好玩嗎?

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

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

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

尋找樂趣

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

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

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

過度的頂用有趣的方法

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

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

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

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

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

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

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

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

您的留言難忘的

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

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

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

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

Seamco的網(wǎng)站加強他們的主要信息,通過有趣的動畫,涵蓋了整個設(shè)計。

講故事和樂趣

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

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

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

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

汽車共享?“?的美好未來?“告訴通過一種互動,有趣的網(wǎng)站體驗。

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

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

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

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

“?奴隸制的足跡?“使用插圖和有趣的互動的一個點一個非常嚴肅的話題。

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

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

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

對于情感的設(shè)計

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

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

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

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

設(shè)計令人難忘的

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

本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(www.94883.cn)


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

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

(配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)

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

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

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

010-62199213

24小時咨詢熱線

139-1050-5354