這支抖音H5全是高知彩蛋，你找到了多少個(gè)？
信息創(chuàng)造價(jià)值。在信息創(chuàng)造的諸多價(jià)值中，傳播知識尤其是向大眾傳播知識具有最深遠(yuǎn)的意義。
抖音宣布啟動(dòng)“DOU知計(jì)劃”，樹立科學(xué)思想，崇尚科學(xué)精神，助力全民科學(xué)素質(zhì)提升。我們也與抖音一起為此次活動(dòng)制作了一支預(yù)熱H5，這是一支充滿“彩蛋”的H5。
掃描二維碼，探索自然科學(xué)！
（數(shù)英App用戶需點(diǎn)擊放大二維碼后，長按識別）
創(chuàng)意的誕生
一開始接到brief，客戶希望通過這支H5吸引更多理工科碩博生、科普工作者參加抖音科普大賽。結(jié)合目標(biāo)用戶的喜好，我們決定制作一支只有高知人群才能通關(guān)的解謎類H5，客戶也十分贊同我們的想法。
但“知識的普惠”是活動(dòng)的核心，客戶內(nèi)部最終決定讓更多普羅大眾也共同參與進(jìn)來。所以我們將題目及玩法的難度降低，同時(shí)客戶要求問題的設(shè)置要基于自然科學(xué)領(lǐng)域，而且需要從抖音科普大v發(fā)布的科普視頻中進(jìn)行篩選。
于是我們開始下一步工作——觀看抖音短視頻！在眼睛奮戰(zhàn)幾個(gè)小時(shí)后，我們在幾百個(gè)視頻中發(fā)現(xiàn)了很多有趣好玩的知識點(diǎn)，經(jīng)過重重篩選，將選中的知識點(diǎn)設(shè)置成以下四道題。
題目有了，那展現(xiàn)形式呢？為了增加互動(dòng)性及趣味性，我們從以往的答題類H5中跳脫出來，將每道問題以解謎類游戲的方式呈現(xiàn)。
知識是無窮無盡的，就如浩瀚宇宙般，同時(shí)借勢近期大熱的科幻題材，我們決定采用宇宙星球作為H5主體元素，整體風(fēng)格以科技未來感為主。
具體內(nèi)容設(shè)計(jì)
我們將生物學(xué)、天文學(xué)、物理學(xué)、化學(xué)分別設(shè)計(jì)成四個(gè)不同的星球，為了更好的區(qū)分，采用具有代表性的圖標(biāo)作為識別符號，同時(shí)也對每個(gè)星球進(jìn)行命名。
每個(gè)星球內(nèi)都是不同的場景設(shè)定，而且場景內(nèi)充滿了細(xì)節(jié)元素及小彩蛋，讓用戶在體驗(yàn)時(shí)獲得驚喜感。（以下內(nèi)容涉及通關(guān)攻略，體驗(yàn)完H5后觀看更佳哦）
遠(yuǎn)祖星球
第一個(gè)關(guān)卡比較簡單，用戶需要在場景中找出人類的祖先，也就是皮卡蟲。
我們也在場景中融入其他生物進(jìn)行混淆視聽，而且根據(jù)每個(gè)生物的特點(diǎn)設(shè)計(jì)了不同的交互動(dòng)畫。如在設(shè)計(jì)猛犸象的動(dòng)畫時(shí)，我們將保護(hù)動(dòng)物的倡導(dǎo)融入其中，設(shè)計(jì)猛犸象長出珍貴的象牙，同時(shí)發(fā)出倡導(dǎo)“沒有買賣，就沒有傷害”。
時(shí)空星球
這道題目的通關(guān)攻略就是拖動(dòng)黑板擦，將黑板上的月球擦除。但我們在體驗(yàn)版進(jìn)行測試后發(fā)現(xiàn)，由于第一道題的最終結(jié)果是點(diǎn)擊操作，導(dǎo)致用戶在此關(guān)卡也下意識進(jìn)行點(diǎn)擊，不知道進(jìn)行拖動(dòng)操作，所以我們基于用戶體驗(yàn)第一的準(zhǔn)則，在黑板擦上增加了箭頭提示，降低難度。
場景內(nèi)也埋著各種彩蛋，在GEB書中，夾著“42”的書簽，這是宇宙最神奇的數(shù)字，也是科幻迷才懂的梗；點(diǎn)擊鋼琴，會出現(xiàn)一小段巴赫的平均律；望遠(yuǎn)鏡中藏著外星人；黑板上有人類首次登月的標(biāo)記及時(shí)間等等。
原力星球
要讓超導(dǎo)體懸浮于磁性軌道，就需要傾倒液氮，對超導(dǎo)體進(jìn)行降溫后，即可懸浮起來。同樣在用戶體驗(yàn)測試后，我們在液氮元素上增加了冒煙動(dòng)效進(jìn)行凸顯，降低通關(guān)難度。
我們也在場景中埋了各種彩蛋，薛定諤的貓；芝諾的烏龜；輝光管時(shí)鐘；牛頓擺等等。
魔力星球
這道題我們一開始的設(shè)定是將答案隱藏在紙上，用戶只要點(diǎn)燃酒精燈，即可過關(guān)。但為了可玩性更高一些，我們加大了一點(diǎn)難度，在點(diǎn)選時(shí)設(shè)置了先后順序，需要先點(diǎn)擊牛奶，再點(diǎn)擊酒精燈才能成功過關(guān)，你get到了嗎？
為了混淆視聽，我們在場景中加入了門捷列夫和居里夫人的肖像。賤兮兮地問一句，你們是不是一開始就選擇了門捷列夫？（偷笑ing）
這個(gè)場景也同樣少不了有趣的交互動(dòng)畫，如門捷列夫調(diào)皮地拿出元素周期表，居里夫人將元素結(jié)構(gòu)式戴在眼睛上。
每個(gè)場景中還有其他有趣的小彩蛋，在這就不多做介紹了，你們可以好好探索一下。
為了讓用戶能成功通關(guān)，我們在每個(gè)場景中設(shè)置了提示，當(dāng)用戶在15s后仍解答不出時(shí)，球上的圖標(biāo)會轉(zhuǎn)變成tips，可點(diǎn)擊查看。
每道題過關(guān)后，我們也會對相應(yīng)的知識點(diǎn)進(jìn)行科普。
DOU知星球
這是整個(gè)H5的最后一道題，看似最難其實(shí)最簡單，現(xiàn)在敲黑板劃重點(diǎn)啦，不懂的同學(xué)集中精神！
“萬物皆虛，萬事皆允”源于游戲《刺客信條》，此格言表達(dá)的是：世間萬物無常，總不會維持同樣的狀態(tài)，因此不應(yīng)過于被舊有的思想所控制；當(dāng)身處困境時(shí)，要記住總會有另一條路。
所以這道題無論你輸入什么答案，只要勇敢點(diǎn)擊確認(rèn)，即可通關(guān)，意不意外，驚不驚喜！同時(shí)，這句話也點(diǎn)明了整個(gè)H5主題，勇于冒險(xiǎn)，多去嘗試，世界萬物的奇奧，只等我們?nèi)ヌ剿鳎?/p>
交互設(shè)計(jì)
我們希望用戶在打開H5后，從loading頁就可以玩起來，所以將這支H5的loading頁設(shè)計(jì)成神秘的縱深空間，技術(shù)上運(yùn)用了陀螺儀功能，當(dāng)擺動(dòng)手機(jī)時(shí)，形成視覺差，縱深空間運(yùn)動(dòng)起來。
為了讓解謎交互的過程更加流暢，我們采用了2D游戲引擎進(jìn)行代碼編寫。而且這次的素材文件多且大，我們也通過技術(shù)在保證素材質(zhì)量的同時(shí)進(jìn)行了極限壓縮。
最后問一句，分享頁上的題目大家都解出來了嗎？（PS：打開抖音搜索“20190321”即可揭曉答案）
項(xiàng)目信息
專業(yè)評分
專業(yè)評分已截止
評論
評論
推薦評論
全部評論（13條）