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