当下人工智能被炒的火爆，最近看的H5与AI相关的内容也不在少数，今天要分析的案例是人民日报出品的“AI简史”，科技感十足。
【案例】AI简史
【类型】展示型
【内容策划】
首先进入加载页面。加载页面即呈现主题“AI简史”。
AI简史
→往下滑动，来到1950年，科学家图灵提出“图灵测试”。
能看透真假的，除了眼睛，还有内心
→1956年，达特茅斯会议正式提出“人工智能（AI）”。
历史在探索中推进，科技在尝试中发展
→1959年，第一代机器人出现。
你好，我是机器人！
→1997年，第一代机器人车辆“索杰纳”登陆火星
机器人栽梦飞行
→1999年，犬型机器人“爱宝”问世，智能机器人迈进普通家庭。
生活开始变成想象的样子
→2013年，欧盟提出“人脑计划”。
“最强大脑”正式开启
→2014年，机器人首次通过图灵测试。
颤抖吧，人类！机器开始思考！
→2016年，AlphaGo打败人类，横扫棋坛。
尼采所说的超人，已到来
纵向长图滑动，以事件盘点的形式，通过8个时间点发生的事件 ，概述性了人工智能的发展史，并对每个事件都做出了直达人心的评论，每个事件的发生都是会和我们每个人产生联系，并发生作用，甚至是产生威胁的。
H5的文案都传达出最后的核心内容：机器与人的关系越来越紧密，甚至是会超过人类，慢慢冲击“人类才是主裁”的现状，对人类产生威胁，引起普通人的共鸣。
关于AI，人人都是参与者，引导用户参与，关于人类的未来，自己有什么想说的，也有足够的动机使用户转发。。
未来的寄语，当然是要放飞飞来。
总体上文案精炼概括，没有多余的废话，长篇大论。
【交互设计】
优点：
打开H5会有加载界面，在加载界面中设有环形的进度条，可以让用户看到加载情况，降低用户等待的焦躁感。
未来寄语可以手写也可以用已经写好的选项，切中用户不喜麻烦的痛点。
放飞寄语，采用“摇一摇”的形式放飞，既是优点，也是缺点，优点是形式新颖，缺点是如果加载过慢，摇一下不管用，比较费力气，也可以换成用手指按照引导线滑动的方式放飞。
有的时间点中的内容呈现3D，还可以通过点击，旋转等简单的手势进行交互。
缺点：
向下滑动浏览内容，缺少引导；可以加一个指引和按钮，了解浏览方法时开始浏览。
【视觉设计】
视觉设计高度符合人工智能的主题，画面整体颇具科技感，页面的右下部有刻度尺提示用户现在看的是哪个时间点，有几个时间点，不打扰用户，不过不足的是有些不明显，很难在一开始就发现这个小亮点。
渐变色的背景，每个时间点的颜色都不一样，上一个时间点的画面消失的动效承接下一个时间点画面的出现，视觉上起承转合。
整体上，我个人喜欢这个精炼、科技感十足的H5，虽然没有炫酷的动效，但正是因为简洁大方，更让我喜欢！
相关阅读
我是简书作者：40_N，觉得我的文章还不赖，可关注我和我的简书专题，欢迎指正&交流。
网友评论