1、11/11HYPERLINK /Knowledge/article/1685 從iPhone的人機(jī)交互方式看網(wǎng)絡(luò)廣告的互動(dòng)創(chuàng)意 自iphone推出以來(lái)，以其人性化的用戶界面和獨(dú)特的人機(jī)交互技術(shù)迅速占領(lǐng)市場(chǎng)，在iphone上，你可以用手指單點(diǎn)觸摸圖標(biāo)。兩點(diǎn)放大/縮小圖片，拖拽對(duì)象，拋甩物體，左右傾斜或旋轉(zhuǎn)機(jī)身以改變方向，等等等等。iphone在人機(jī)交互方式上做的功課讓人們用起來(lái)如癡如醉。同樣，互聯(lián)網(wǎng)廣告以各種各樣豐富的鼠標(biāo)互動(dòng)形式吸引用戶參與進(jìn)來(lái)，而它不單純是為了好玩而讓人來(lái)玩，更多的是在傳達(dá)一些品牌主張或營(yíng)銷(xiāo)策略。下面我們一起來(lái)看一看，玩味一下網(wǎng)絡(luò)廣告中一些有趣的互動(dòng)形式和它的創(chuàng)意方式。網(wǎng)絡(luò)廣

2、告按鼠標(biāo)的互動(dòng)形式分如下幾類(lèi)。我們來(lái)看看這幾種互動(dòng)形式下網(wǎng)絡(luò)廣告的創(chuàng)意。一.單擊呆板的鼠標(biāo)點(diǎn)擊操作在網(wǎng)絡(luò)廣告中衍生出了很多的創(chuàng)意形式，設(shè)計(jì)師將原本枯燥乏味的操作變得很有意思。提高了廣告的趣味性和用戶的參與性。這是一個(gè)招聘網(wǎng)站的廣告。畫(huà)面中的人正在寫(xiě)簡(jiǎn)歷，卻被無(wú)數(shù)蚊子打擾。你的任務(wù)是拿起身邊的筷子夾死蚊子。筷子是跟隨鼠標(biāo)移動(dòng)的，手的關(guān)節(jié)也是活動(dòng)的。只要你眼神夠犀利，點(diǎn)的夠塊。就能當(dāng)“master”，寫(xiě)完簡(jiǎn)歷，主宰你的命運(yùn)。否則你可能需要多玩幾次了。這是一個(gè)營(yíng)養(yǎng)素的廣告。每天的工作讓你疲憊不堪嗎?工作的時(shí)候其實(shí)也可以偷閑娛樂(lè)的?？刂坪媚愕牧Χ群徒嵌?。就地打打高爾夫吧。讓自己每天都做最好的自己。這是

3、一則反對(duì)家庭暴力的公益廣告。畫(huà)面中你可以控制拳擊手套毆打可愛(ài)小白兔的任意部位，直致將其打倒。打中不同部位小白兔會(huì)產(chǎn)生不同反應(yīng)。二.拖拽鼠標(biāo)拖拽操作的優(yōu)點(diǎn)就是可控性強(qiáng),形式豐富。我們看看下面幾組廣告。這是為宣傳奧迪車(chē)展制作的一款廣告。你可以用手按住車(chē)往后拖動(dòng)，讓汽車(chē)有足夠的動(dòng)力，然后放手讓汽車(chē)飛奔。就象小時(shí)玩的玩具車(chē)一樣。如果你覺(jué)得挺好玩。不如參加他們的車(chē)展選購(gòu)一輛真車(chē)來(lái)玩吧。這是一個(gè)健身機(jī)構(gòu)的廣告。畫(huà)面中初始畫(huà)面是一個(gè)相貌平平毫無(wú)個(gè)性的男性，通過(guò)上下拖拽鼠標(biāo)進(jìn)行鍛煉來(lái)改變成個(gè)性張揚(yáng)有味道的男人。廣告語(yǔ)：鍛煉你的自信。這是百事清檸的廣告。畫(huà)面中擺放著一個(gè)易拉罐。你需要用鼠標(biāo)按住它使勁擰，讓它擠壓

4、變形直到滴出最后一滴水為止。廣告語(yǔ)：體驗(yàn)檸檬的味道，直到它的最后一滴。這是奔馳的一款新車(chē)廣告，制動(dòng)性能優(yōu)越，速度快。廣告中給了你一個(gè)滑塊。你可以拖拉滑塊來(lái)控制汽在公路上奔跑。汽車(chē)能完全響應(yīng)滑塊移動(dòng)的快慢、方向和加速度，憑著優(yōu)越性能在馬路上縱橫馳騁，游刃有余。廣告語(yǔ)：新奔馳*系列，操控就是如此自如。三.拋甩拋甩有著更愉悅的操作感受,娛樂(lè)性十足。這是一個(gè)社區(qū)網(wǎng)站的創(chuàng)意廣告。廣告中的人物會(huì)不停做出各種姿勢(shì)和表情挑逗你。而你可以用鼠標(biāo)把他抓起來(lái)戲耍和懲罰他，他同時(shí)也會(huì)做出各種痛苦的表情。你現(xiàn)在的生活無(wú)聊嗎？那就去他們網(wǎng)站看看吧。阿迪鞋的廣告，在以個(gè)封閉的三維空間里，你可以隨意向各個(gè)方向拋甩鞋子，拋甩的

5、力量越大；鞋子碰撞的越激烈。廣告語(yǔ)：光澤，耐用，有彈性。四.鼠標(biāo)跟隨鼠標(biāo)響應(yīng)沒(méi)有太多的操作感。卻一般被賦予更多的是趣味性。關(guān)于兒童教育的公益廣告。孩子的畫(huà)筆會(huì)跟著鼠標(biāo)在墻上亂涂亂畫(huà)。你如果想玩的話可以移動(dòng)鼠標(biāo)指揮孩子把墻涂滿。但這絕對(duì)會(huì)教壞孩子的。廣告語(yǔ)：請(qǐng)用正確的示范教導(dǎo)孩子。這則廣告中你可以用鼠標(biāo)去試著觸碰小車(chē)。但你會(huì)發(fā)現(xiàn)無(wú)論如何都碰不到它。它機(jī)敏無(wú)比、跑的飛快；總是能從容的躲開(kāi)肥大的鼠標(biāo)。這是瑞典telia移動(dòng)網(wǎng)絡(luò)運(yùn)營(yíng)公司的廣告。在戶外很隨意的一個(gè)運(yùn)動(dòng)場(chǎng)景。你可以隨意的移動(dòng)手機(jī)，去捕捉感受真實(shí)賽場(chǎng)上的瞬間。這不是障眼法；因?yàn)樾乱淮囊苿?dòng)網(wǎng)絡(luò)隨時(shí)隨地滿足你對(duì)賽事的渴求。五.軌跡用鼠標(biāo)畫(huà)一些

6、特殊的軌跡,從而觸發(fā)某個(gè)動(dòng)作。這是澳大利亞bigpond網(wǎng)絡(luò)公司的寬帶提速?gòu)V告。你可以用鼠標(biāo)畫(huà)出不同的軌跡命令男孩做出一些不同的跳躍姿勢(shì)。時(shí)而翻跟斗時(shí)而旋轉(zhuǎn)時(shí)而一飛沖天。廣告詞：飛至30M，最快的有線寬帶。這是一個(gè)二手車(chē)交易市場(chǎng)的廣告。畫(huà)面中一個(gè)人正在開(kāi)車(chē)在路面奔馳，鼠標(biāo)移動(dòng)時(shí)畫(huà)面會(huì)跟隨鼠標(biāo)旋轉(zhuǎn)，當(dāng)鼠標(biāo)轉(zhuǎn)至90度附近畫(huà)面會(huì)自動(dòng)貼合，畫(huà)面倒轉(zhuǎn)，車(chē)?yán)锏娜说舫鰜?lái)。鼠標(biāo)再繼續(xù)旋轉(zhuǎn)至原狀態(tài)，空中會(huì)重新掉落另一個(gè)人到車(chē)?yán)?，繼續(xù)開(kāi)車(chē)。廣告詞：把你的車(chē)賣(mài)給下一個(gè)需要它的人。六.鼠標(biāo)事件鼠標(biāo)事件就是鼠標(biāo)移動(dòng)到某個(gè)特定的區(qū)域所觸發(fā)的事件，這種簡(jiǎn)單的互動(dòng)形式也被應(yīng)用的很廣泛。這是匯豐銀行拯救北極熊公益活動(dòng)的廣告。畫(huà)

7、面中可愛(ài)的小熊孤獨(dú)的坐在地上，你可以伸手過(guò)去逗它，它被逗的翻來(lái)覆去。你想在它的未來(lái)扮演一個(gè)角色嗎？請(qǐng)幫助我們拯救它們的世界。咖啡生廠商SUPLICY的創(chuàng)意廣告。畫(huà)面中鋪滿了咖啡豆，鼠標(biāo)所到之處，咖啡豆會(huì)自動(dòng)散開(kāi)，同時(shí)你會(huì)發(fā)現(xiàn)底下有字，出于好奇，想看清到底下面寫(xiě)的是什么，你努力的撥開(kāi)咖啡豆看完整的廣告語(yǔ)：suplicy-手工選豆。這個(gè)廣告的創(chuàng)意和鼠標(biāo)行為結(jié)合的非常貼切，撥開(kāi)咖啡豆的同時(shí)無(wú)意中你已經(jīng)參與了SUPLICY咖啡豆的篩選工作。七.瘋狂鼠標(biāo)瘋狂鼠標(biāo)是指鼠標(biāo)進(jìn)行頻率非常高的運(yùn)動(dòng)，最常見(jiàn)的互動(dòng)形式有鼠標(biāo)來(lái)回飛速晃動(dòng)和快速的連擊。我們看下面的例子。這是德國(guó)大眾為新車(chē)上市做的一款廣告。這款車(chē)特點(diǎn)是速度快。廣告中不斷提示讓你快速的移動(dòng)鼠標(biāo)，你可以上下或左右快速來(lái)回移動(dòng)。中間的紅色條是速度條，記錄你當(dāng)前移動(dòng)的速度值。當(dāng)速度達(dá)到100像素/秒時(shí)。速度條會(huì)被充滿，畫(huà)面中的機(jī)器人會(huì)變形成汽車(chē)。廣告語(yǔ)：更快的移動(dòng)鼠標(biāo)，更早的感受驚喜。這是rexonamenv8止汗噴霧的一款廣告。畫(huà)面中一個(gè)帥哥滿頭油光，不住的四處張望，貌似很熱，你可以點(diǎn)擊鼠標(biāo)給他吹風(fēng)，點(diǎn)擊的越快風(fēng)速越大，畫(huà)面下方記錄著風(fēng)速值和進(jìn)度條。當(dāng)你點(diǎn)擊的足夠快足以讓速度槽占滿時(shí)，帥哥