拒絕套路!高流量產品,誰的玩法最「銷魂」?|好作品不下線

本期我們推薦的作品有訪問量達千萬的H5遊戲、無差評有情懷的歷史畫卷以及隔壁老王停車位爭奪戰等等。六個作品分別來自搜狐數字之道、新華網和澎湃新聞,趕緊來看看這些好玩又有料的作品吧!

1. 《你能準確按出一秒鐘嗎?》

發布時間:2015年7月2日

【製作單位】搜狐數字之道

【推薦理由】啥都不說了,2015年互聯網爆款H5之一,訪問量達到千萬,微信轉發超過600萬。

【故事】北京時間7月1日7點59分59秒之後將會出現7月1日7時59分60秒,這多出的一秒就是「閏秒」,作品推廣的當日就是世界迎來「閏秒」的這天,推出的契機是24小時多出的一秒鐘。

【交互設計】打開鏈接操作,會發現它不單單是一款刷屏級的遊戲類產品,它和新聞有很好的契合。在主界面,你可以體驗用手指按出你預估的一秒時長,根據你按出不同的時間範圍會得到不同的評價。操作環節結束後,你還可以看到一些關於一秒鐘和世界關聯的科普知識,比如「一秒鐘格陵蘭島的冰川融化1620立方米」、「一秒鐘世界人口增加2.4人」、「一秒鐘消耗淡水103噸」等等。

作品鏈接:m.sohu.com/c/17204/

2.《命里相逢:戰火中交織的中日家書》

發布時間:2015年9月

【製作單位】搜狐數字之道

【推薦理由】一款有溫度的作品,講述新聞中的人和情感。

【故事】紀念抗戰勝利70周年的誠意之作,選取中日雙方的10封家書,時間由1938延伸到1945。這10個寫信的人互不相識,卻都在同一個時空里提筆給親人寫一封家書,看似平行的人生因戰爭相交,因戰爭改變。從家書為出發點,展現被炮火扭曲的人生,以及他們如何告別,然而一入戰火,再難告別。

【交互設計】以時間軸的形式,選取了從1938年戰火開始一直到1945年抗戰結束之間的十個具有代表性的時間點,在對應的時間點處,點擊中方家書或日方家書,便會出現一封以信的格式展開的家書,角度新穎,能讓讀者體會到歷史的厚重感,以及人性的簡單和共通。

作品鏈接:m.sohu.com/c/17501/

3.《全景交互看閱兵》

發布時間:2015年9月3日

【製作單位】新華網

【推薦理由】產品在9月3日下午第一時間完成並發布,在媒體同類產品中搶佔先機。產品不僅為軍迷們提供了再次細細回味「9?3」大閱兵的機會,新奇的形式和富有現代感的頁面設計也讓廣大網民大飽眼福。

【故事】為紀念世界反法西斯戰爭勝利70周年,新華網數據新聞部策劃製作了移動端交互產品《全景交互看閱兵》。產品根據「9?3」大閱兵的直播內容製作,通過現場回傳的高清照片、武器裝備數據資料、模擬隊列分布圖及出場節點等內容,多角度全景還原閱兵分列式完整流程,且每個參閱方陣的出場時間精確到分鐘,確保了權威性。

【交互設計】網民只需拖動手機頁面,即可按照方隊實際參閱順序回顧閱兵內容。該交互產品在PC端也進行了推送,滿足各類群體操作習慣。

作品鏈接:fms.news.cn/swf/ybbz201

4. 《清明上河圖》

發布時間:2015年9月24日

【製作單位】搜狐數字之道

【推薦理由】產品上線後幾乎無一差評,不管是產品本身還是蘊含的價值都值得褒獎,在這個快節奏的互聯網環境中需要願意花些「笨功夫」的作品和團隊。

【故事】2015年9月《清明上河圖》10年來首次在故宮全卷展出,展期兩個月,每天都有很多人去故宮排隊6個小時,一覽《清明上河圖》的真容。搜狐新聞在這個時間點推出了網路版《清明上河圖》,希望能有更多的用戶看到這幅珍品。

【交互設計】網路版《清明上河圖》還原畫卷式的設計,選擇更能看清細節更加舒服的調色,點開鏈接,除了可以欣賞這幅名畫的全貌外,畫中還有經過查實的100個知識點,也就是你不知道的100個北宋。

作品鏈接:PC版news.sohu.com/s2015/qms

手機版m.sohu.com/c/17652/

5.《數說景區熱度》

發布時間:2015年10月3日

【製作單位】澎湃新聞

【推薦理由】媒體通常是缺少數據來源的,在依賴公開數據的同質競爭下,如何拓展來源?2015年的「數說景區數據」系列,是澎湃新聞與外部數據合作的一次嘗試。

【故事】文章的結構側重了國慶期間部分景區的分析與描述,挖掘看日出、晝夜差別、黃金周分日熱度等內容點。由於獲取的數據只標註了二十多個景區的熱度,並不能稱為完整的大數據。

【視覺設計】不同景區的一天有何不同?哪些景區要趕早?哪些景區是不夜城?澎湃新聞從數據角度對這些問題進行解答,採用熱敏圖展示不同時間不同景區接待遊客的熱度,受眾可有選擇的避開景區擁擠人潮。

下圖色塊顏色越深,代表當日景區接待遊客量越高。景區左側用三角符號是否倒立看出該景區接待遊客的漲跌,直觀的看出國內有哪些景區降溫,哪些景區的遊客量在升溫。

【數據】澎湃新聞與個推大數據聯盟合作,獲取不同時間段景區接待遊客熱度的數據,並採用熱敏圖展示,根據國家及地方旅遊局發布的數字,梳理出了部分景區的黃金周每日熱度。

作品鏈接:thepaper.cn/newsDetail_

thepaper.cn/newsDetail_

6.《在北京停車有多難?》

發布時間:2015年10月16日

【製作單位】新華網

【推薦理由】搶到停車位是一種技能,全方位解讀在北京擁有一個停車位的難度。產品一經推出,得到了新浪、360等網站的紛紛轉載。

【故事】搖號拼人品、停車靠運氣、堵車練心態……但這些都難以抵擋北京機動車數量的不斷走高。這一現狀除了帶來交通擁堵和環境污染,最為突出的就是停車的問題。新華網數據新聞團隊通過對從北京市統計局、北京市交通委員會運輸管理局、北京市小客車指標調控管理辦公室查找到的大數據進行梳理、挖掘、分析。選取了在北京買輛車到底有多難、北京登記註冊停車位數量與機動車保有量之間的缺口在增加還是減小、居住區車位有多少、不同地方停車都花多少錢這四個重要方面進行了小標題式解答和交互可視化呈現。

【交互設計】

①搖號買車有多難?

根據北京市小客車指標調控管理辦公室的數據,從搖號申請人數、中籤率和中籤人數三個方面呈現搖號政策實行後,購車的難度正不斷增加。點擊人像下面的圓點,用戶可以根據自己的需要查詢了解不同時期搖號難度的情況。

②車位缺口在增加還是減小?

團隊根據北京市交通委運輸管理局發布的過去十年停車位數量,推算出了到2015、2016、2017連續三年北京市註冊登記的停車位數量,根據北京市小客車指標計劃預測出這三年私家車的保有量,從而得出了北京市私家車保有量增長將持續放緩,而停車位建設不斷加快,停車位與私家車數量這二者間的缺口在逐步減小的結論。

③小區停車有多難?

居住區車輛的停放問題算是車主們最頭疼的問題了。通過各區戶數以及各區備案停車位的數據比較,從中可看出兩者之間的比例。

④出門停車的成本是多少?

此外,在地圖上標註出北京市停車收費一、二、三類地區的準確區域和標準,受眾點擊相應區域即可按照白天和夜間的不同收費情況計算當天的停車成本,又為產品增加了服務屬性。

團隊為該產品的移動端呈現特別設計了「隔壁老王」的動畫形象,由他在生活中遇到的想搖號買車、車位緊張、停車成本高等問題為產品穿針引線,強化了層層遞進的產品結構,又增添了親和度和活躍感。

作品鏈接:fms.news.cn/swf/tcydn_2

移動版:fms.news.cn/swf/tcydn_2

特別感謝(按照作品出現順序):

楊麗娜(搜狐數字之道高級編輯)

馬軼群(新華網融媒體產品中心副總監)

呂妍(澎湃新聞數據新聞主編)

好了,今天的推薦就是這些啦!很希望聽到您的建議和反饋,來信請寄 dydplus@126.com

版權聲明

本文是鏑次元數據傳媒實驗室原創作品。

歡迎個人轉發分享,其他組織或機構轉發引用請聯繫郵箱 hy@dyclub.org 或加鏑次元君微信號Dyclub2015

推薦閱讀:

為什麼 sapui5 知道的人很少?
如何看待html5在移動端的未來?

TAG:HTML5应用 | HTML5 | 移动互联网HTML5 |