當(dāng)下人工智能被炒的火爆，最近看的H5與AI相關(guān)的內(nèi)容也不在少數(shù)，今天要分析的案例是人民日?qǐng)?bào)出品的“AI簡史”，科技感十足。

【案例】AI簡史

【類型】展示型

【內(nèi)容策劃】

首先進(jìn)入加載頁面。加載頁面即呈現(xiàn)主題“AI簡史”。

AI簡史

→往下滑動(dòng)，來到1950年，科學(xué)家圖靈提出“圖靈測(cè)試”。

能看透真假的，除了眼睛，還有內(nèi)心

→1956年，達(dá)特茅斯會(huì)議正式提出“人工智能（AI）”。

歷史在探索中推進(jìn)，科技在嘗試中發(fā)展

→1959年，第一代機(jī)器人出現(xiàn)。

你好，我是機(jī)器人！

→1997年，第一代機(jī)器人車輛“索杰納”登陸火星

機(jī)器人栽夢(mèng)飛行

→1999年，犬型機(jī)器人“愛寶”問世，智能機(jī)器人邁進(jìn)普通家庭。

生活開始變成想象的樣子

→2013年，歐盟提出“人腦計(jì)劃”。

“最強(qiáng)大腦”正式開啟

→2014年，機(jī)器人首次通過圖靈測(cè)試。

顫抖吧，人類！機(jī)器開始思考！

→2016年，AlphaGo打敗人類，橫掃棋壇。

尼采所說的超人，已到來

縱向長圖滑動(dòng)，以事件盤點(diǎn)的形式，通過8個(gè)時(shí)間點(diǎn)發(fā)生的事件 ，概述性了人工智能的發(fā)展史，并對(duì)每個(gè)事件都做出了直達(dá)人心的評(píng)論，每個(gè)事件的發(fā)生都是會(huì)和我們每個(gè)人產(chǎn)生聯(lián)系，并發(fā)生作用，甚至是產(chǎn)生威脅的。

H5的文案都傳達(dá)出最后的核心內(nèi)容：機(jī)器與人的關(guān)系越來越緊密，甚至是會(huì)超過人類，慢慢沖擊“人類才是主裁”的現(xiàn)狀，對(duì)人類產(chǎn)生威脅，引起普通人的共鳴。

關(guān)于AI，人人都是參與者，引導(dǎo)用戶參與，關(guān)于人類的未來，自己有什么想說的，也有足夠的動(dòng)機(jī)使用戶轉(zhuǎn)發(fā)。。

未來的寄語，當(dāng)然是要放飛飛來。

總體上文案精煉概括，沒有多余的廢話，長篇大論。

【交互設(shè)計(jì)】

優(yōu)點(diǎn)：

打開H5會(huì)有加載界面，在加載界面中設(shè)有環(huán)形的進(jìn)度條，可以讓用戶看到加載情況，降低用戶等待的焦躁感。

未來寄語可以手寫也可以用已經(jīng)寫好的選項(xiàng)，切中用戶不喜麻煩的痛點(diǎn)。

放飛寄語，采用“搖一搖”的形式放飛，既是優(yōu)點(diǎn)，也是缺點(diǎn)，優(yōu)點(diǎn)是形式新穎，缺點(diǎn)是如果加載過慢，搖一下不管用，比較費(fèi)力氣，也可以換成用手指按照引導(dǎo)線滑動(dòng)的方式放飛。

有的時(shí)間點(diǎn)中的內(nèi)容呈現(xiàn)3D，還可以通過點(diǎn)擊，旋轉(zhuǎn)等簡單的手勢(shì)進(jìn)行交互。

缺點(diǎn)：

向下滑動(dòng)瀏覽內(nèi)容，缺少引導(dǎo)；可以加一個(gè)指引和按鈕，了解瀏覽方法時(shí)開始瀏覽。

【視覺設(shè)計(jì)】

視覺設(shè)計(jì)高度符合人工智能的主題，畫面整體頗具科技感，頁面的右下部有刻度尺提示用戶現(xiàn)在看的是哪個(gè)時(shí)間點(diǎn)，有幾個(gè)時(shí)間點(diǎn)，不打擾用戶，不過不足的是有些不明顯，很難在一開始就發(fā)現(xiàn)這個(gè)小亮點(diǎn)。

漸變色的背景，每個(gè)時(shí)間點(diǎn)的顏色都不一樣，上一個(gè)時(shí)間點(diǎn)的畫面消失的動(dòng)效承接下一個(gè)時(shí)間點(diǎn)畫面的出現(xiàn)，視覺上起承轉(zhuǎn)合。

整體上，我個(gè)人喜歡這個(gè)精煉、科技感十足的H5，雖然沒有炫酷的動(dòng)效，但正是因?yàn)楹啙嵈蠓?，更讓我喜歡！

相關(guān)閱讀

人工智能畫廊H5 | 我和繪畫機(jī)器人Andy作品展

H5 案例分析 | 單身指數(shù)考核研究所

H5案例分析 | 滴滴感恩節(jié)“真的不用說謝謝”

我是簡書作者：40_N，覺得我的文章還不賴，可關(guān)注我和我的簡書專題，歡迎指正&交流。